@bootkit/ng0 0.0.0-alpha.1 → 0.0.0-alpha.11

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

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { input, Directive, model, ContentChildren, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { trigger, state, transition, style, animate } from '@angular/animations';
+
+class StepDirective {
+    templateRef;
+    id = input.required(...(ngDevMode ? [{ debugName: "id", alias: 'iscStep' }] : [{ alias: 'iscStep' }]));
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: StepDirective, isStandalone: true, selector: "[ng0Step]", inputs: { id: { classPropertyName: "id", publicName: "iscStep", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ng0Step"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ng0Step]',
+                    exportAs: 'ng0Step',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+class StepperComponent {
+    step = model.required(...(ngDevMode ? [{ debugName: "step" }] : []));
+    _steps;
+    constructor() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: StepperComponent, isStandalone: true, selector: "ng0-stepper", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { step: "stepChange" }, queries: [{ propertyName: "_steps", predicate: StepDirective }], exportAs: ["ng0Stepper"], ngImport: i0, template: "@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+            trigger('stepAnimation', [
+                state('hide', style({
+                    opacity: 0,
+                })),
+                state('show', style({
+                    opacity: 1,
+                })),
+                transition('show <=> hide', [
+                    animate('.3s ease-out')
+                ])
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-stepper', exportAs: 'ng0Stepper', standalone: true, imports: [
+                        CommonModule
+                    ], animations: [
+                        trigger('stepAnimation', [
+                            state('hide', style({
+                                opacity: 0,
+                            })),
+                            state('show', style({
+                                opacity: 1,
+                            })),
+                            transition('show <=> hide', [
+                                animate('.3s ease-out')
+                            ])
+                        ])
+                    ], template: "@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _steps: [{
+                type: ContentChildren,
+                args: [StepDirective]
+            }] } });
+
+const items = [
+    StepperComponent,
+    StepDirective
+];
+class StepperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: StepperModule, imports: [StepperComponent,
+            StepDirective], exports: [StepperComponent,
+            StepDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepperModule, imports: [StepperComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: StepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: items,
+                    exports: items
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StepDirective, StepperComponent, StepperModule };
+//# sourceMappingURL=bootkit-ng0-components-stepper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-components-stepper.mjs","sources":["../../../projects/ng0/components/stepper/step.directive.ts","../../../projects/ng0/components/stepper/stepper.component.ts","../../../projects/ng0/components/stepper/stepper.component.html","../../../projects/ng0/components/stepper/stepper.module.ts","../../../projects/ng0/components/stepper/bootkit-ng0-components-stepper.ts"],"sourcesContent":["import { Directive, input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n      selector: '[ng0Step]',\r\n      exportAs: 'ng0Step',\r\n      standalone: true\r\n})\r\nexport class StepDirective {\r\n      public id = input.required<any>({alias: 'iscStep'});\r\n\r\n      constructor(public readonly templateRef: TemplateRef<any>) {\r\n      }\r\n}\r\n","import { Component, ContentChildren, QueryList, model } from '@angular/core';\r\nimport { StepDirective } from './step.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\n\r\n@Component({\r\n    selector: 'ng0-stepper',\r\n    exportAs: 'ng0Stepper',\r\n    templateUrl: './stepper.component.html',\r\n    styles: `:host{display: block}`,\r\n    standalone: true,\r\n    imports: [\r\n        CommonModule\r\n    ],\r\n    animations: [\r\n        trigger('stepAnimation', [\r\n            state('hide', style({\r\n                opacity: 0,\r\n            })),\r\n            state('show', style({\r\n                opacity: 1,\r\n            })),\r\n            transition('show <=> hide', [\r\n                animate('.3s ease-out')\r\n            ])\r\n        ])\r\n    ]\r\n})\r\nexport class StepperComponent {\r\n    public step = model.required<any>();\r\n    @ContentChildren(StepDirective) protected _steps!: QueryList<StepDirective>;\r\n\r\n    constructor() {\r\n    }\r\n}\r\n","@for(s of _steps; track s.id(); let index = $index) {\r\n@let show=s.id() === step();\r\n\r\n<div [@stepAnimation]=\"show ? 'show' : 'hide'\" [class.d-none]=\"!show\">\r\n    @if(show) {\r\n    <ng-container [ngTemplateOutlet]=\"s.templateRef\"></ng-container>\r\n    }\r\n</div>\r\n}","import { NgModule } from '@angular/core';\r\nimport { StepDirective } from './step.directive';\r\nimport { StepperComponent } from './stepper.component';\r\n\r\nconst items = [\r\n  StepperComponent,\r\n  StepDirective\r\n];\r\n\r\n@NgModule({\r\n  imports: items,\r\n  exports: items\r\n})\r\nexport class StepperModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,358 @@
+import * as i0 from '@angular/core';
+import { input, TemplateRef, Input, ContentChild, Directive, signal, HostBinding, ContentChildren, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { formatString } from '@bootkit/ng0/common';
+import * as i1 from '@bootkit/ng0/localization';
+import { LocalizationModule } from '@bootkit/ng0/localization';
+import { convertToDataSource, DataRequest } from '@bootkit/ng0/data';
+import { PaginationComponent } from '@bootkit/ng0/components/pagination';
+
+class TableColumnDirective {
+    field;
+    title;
+    emptyCellText = input(...(ngDevMode ? [undefined, { debugName: "emptyCellText" }] : []));
+    /**
+     * Type of the table cell.
+     */
+    type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+    template;
+    cellClass;
+    shrink = false;
+    bold = false;
+    filterable = false;
+    filterValue;
+    filterField;
+    constructor() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: TableColumnDirective, isStandalone: true, selector: "ng0-table-col", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, emptyCellText: { classPropertyName: "emptyCellText", publicName: "emptyCellText", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, cellClass: { classPropertyName: "cellClass", publicName: "cellClass", isSignal: false, isRequired: false, transformFunction: null }, shrink: { classPropertyName: "shrink", publicName: "shrink", isSignal: false, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: false, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: false, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: false, isRequired: false, transformFunction: null }, filterField: { classPropertyName: "filterField", publicName: "filterField", isSignal: false, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableColumnDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng0-table-col',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { field: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], cellClass: [{
+                type: Input
+            }], shrink: [{
+                type: Input
+            }], bold: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], filterValue: [{
+                type: Input
+            }], filterField: [{
+                type: Input
+            }] } });
+
+class TableDetailRowDirective {
+    templateRef;
+    showCallback;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableDetailRowDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: TableDetailRowDirective, isStandalone: true, selector: "[ng0-table-detail-row]", inputs: { showCallback: "showCallback" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableDetailRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ng0-table-detail-row]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { showCallback: [{
+                type: Input
+            }] } });
+
+/**
+ * A generic table component that can display data in a tabular format.
+ * It supports features like pagination, sorting, filtering, and row details.
+ * It can be used with any data source that implements the DataSource interface.
+ */
+class TableComponent {
+    _ls;
+    _destroyRef;
+    /**
+     * The data source for the table.
+     * This can be an array of data, a function that returns an observable of data,
+     * or an instance of DataSource.
+     */
+    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, ...(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, ...(ngDevMode ? [{ debugName: "showRowNumbers" }] : []));
+    /**
+     * If true, the table will show the header row.
+     */
+    showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
+    /**
+     * If true, the table will support pagination.
+     * If false, the table will load all records at once.
+     */
+    pageable = input(undefined, ...(ngDevMode ? [{ debugName: "pageable", transform: v => {
+                if (v === undefined || v === null || v === false) {
+                    return undefined;
+                }
+                if (v === true) {
+                    v = {};
+                }
+                v.pageIndex = v.pageIndex ?? 1;
+                v.pageSize = v.pageSize ?? 10;
+                v.maxVisiblePages = v.maxVisiblePages ?? 10;
+                v.showPagingControls = v.showPagingControls ?? true;
+                return v;
+            } }] : [{
+            transform: v => {
+                if (v === undefined || v === null || v === false) {
+                    return undefined;
+                }
+                if (v === true) {
+                    v = {};
+                }
+                v.pageIndex = v.pageIndex ?? 1;
+                v.pageSize = v.pageSize ?? 10;
+                v.maxVisiblePages = v.maxVisiblePages ?? 10;
+                v.showPagingControls = v.showPagingControls ?? true;
+                return v;
+            }
+        }]));
+    /**
+     * If true, the table will support sorting.
+     * This will add a sort icon to each column header.
+     */
+    sortable = input(true, ...(ngDevMode ? [{ debugName: "sortable" }] : []));
+    /**
+     * The CSS class to apply to the table element.
+     * This can be used to apply custom styles to the table.
+     */
+    tableClass = input(...(ngDevMode ? [undefined, { debugName: "tableClass" }] : []));
+    /**
+     * The CSS class to apply to the header element.
+     */
+    headerClass = input(...(ngDevMode ? [undefined, { debugName: "headerClass" }] : []));
+    /**
+     * The caption of the table.
+     */
+    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, ...(ngDevMode ? [{ debugName: "filterable" }] : []));
+    /**
+     * The indicator to show while the table is loading data for the first time.
+     */
+    loadingIndicator = input('spinner', ...(ngDevMode ? [{ debugName: "loadingIndicator", transform: v => {
+                if (typeof v === 'boolean') {
+                    return v ? 'spinner' : 'none';
+                }
+                return v;
+            } }] : [{
+            transform: v => {
+                if (typeof v === 'boolean') {
+                    return v ? 'spinner' : 'none';
+                }
+                return v;
+            }
+        }]));
+    /** If true, the table will show a loading cover while data is being loaded.
+     * This can be used to prevent user interaction with the table while loading.
+     * This cover is not displayed when the table is loading for the first time.
+     * Instead, the table will show a loading based on loadingIndicator settings.
+     */
+    loadingCover = input('spinner', ...(ngDevMode ? [{ debugName: "loadingCover", transform: v => {
+                if (typeof v === 'boolean') {
+                    return v ? 'spinner' : 'none';
+                }
+                return v;
+            } }] : [{
+            transform: v => {
+                if (typeof v === 'boolean') {
+                    return v ? 'spinner' : 'none';
+                }
+                return v;
+            }
+        }]));
+    // @Input() rowColor?: (row: any) => BootstrapColor;
+    _columns;
+    _detailRow;
+    _dataResult = signal(undefined, ...(ngDevMode ? [{ debugName: "_dataResult" }] : []));
+    _lastRequest; // The last data request made to the data source
+    _loadingRequest; // The current data request being processed
+    _rowStates = new Map();
+    _formatString = formatString;
+    _changeSubscription;
+    _dataSource;
+    _pagingFormatter;
+    _lastError;
+    constructor(_ls, _destroyRef) {
+        this._ls = _ls;
+        this._destroyRef = _destroyRef;
+    }
+    ngOnInit() {
+        this._dataSource = convertToDataSource(this.source());
+        const locale = this._ls.get();
+        this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??
+            ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);
+        // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {
+        //   this.reload();
+        // });
+        if (this.autoLoad()) {
+            this.load(this.pageable()?.pageIndex);
+        }
+    }
+    ngAfterContentInit() {
+    }
+    /**
+     * 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.pageable()) {
+            page = {
+                index: pageIndex || this._lastRequest?.page?.index || 1,
+                size: this._lastRequest?.page?.size || 10,
+                zeroBased: false
+            };
+        }
+        if (this.sortable()) {
+            // sort = ...
+        }
+        this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });
+        this._dataSource.load(this._loadingRequest)
+            .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({
+            next: result => {
+                this._dataResult.set(result);
+                this._lastRequest = this._loadingRequest;
+                this._loadingRequest = undefined;
+                this._lastError = undefined;
+            }, error: err => {
+                this._lastError = err;
+                this._lastRequest = this._loadingRequest;
+                this._loadingRequest = undefined;
+            }
+        });
+    }
+    /**
+     * Determines if the table is currently loading data.
+     */
+    get isLoading() {
+        return this._dataSource.isLoading;
+    }
+    _getCellValue(row, col) {
+        var subFields = col.field.split('.');
+        let value = row[subFields[0]];
+        for (let i = 1; i < subFields.length; i++) {
+            if (value == null)
+                break;
+            value = value[subFields[i]];
+        }
+        return value;
+    }
+    _onPageChange(pageIndex) {
+        this.load(pageIndex);
+    }
+    _onToggleRowDetailClick(row) {
+        var state = this._rowStates.get(row);
+        if (!state) {
+            this._rowStates.set(row, { expanded: true });
+        }
+        else {
+            state.expanded = !state.expanded;
+        }
+    }
+    isRowExpanded(row) {
+        var state = this._rowStates.get(row);
+        return state == undefined ? false : state.expanded;
+    }
+    ngOnDestroy() {
+        this._changeSubscription?.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableComponent, deps: [{ token: i1.LocalizationService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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 }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", 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 }, loadingIndicator: { classPropertyName: "loadingIndicator", publicName: "loadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, loadingCover: { classPropertyName: "loadingCover", publicName: "loadingCover", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng0-loading": "this.isLoading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\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    @if (showHeader()) {\r\n      <thead [ngClass]=\"headerClass()\">\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th class=\"row-number text-muted\">#</th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <th>{{ col.title }}</th>\r\n          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    @if (filterable()) {\r\n      <thead>\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th></th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <!-- <th>\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          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n        <tr class=\"ng0-table-loading-row\">\r\n          <td [attr.colspan]=\"$columnsCount\">\r\n            @switch (loadingIndicator()) {\r\n              @case ('spinner') {\r\n                <div class=\"text-center\">\r\n                  <div class=\"spinner-border\" role=\"status\"></div>\r\n                </div>\r\n              }\r\n              <!-- @case ('placeholder') {\r\n                  <p class=\"text-secondary placeholder-glow mb-0\">\r\n                    <span class=\"placeholder col-3\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-6\"></span>\r\n                    <span class=\"placeholder col-8\"></span>\r\n                  </p>\r\n                } -->\r\n            }\r\n          </td>\r\n        </tr>\r\n      } @else {\r\n        @if ($data) {\r\n          @if ($data.length > 0) {\r\n            @for (row of $data; track $index) {\r\n              <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                @if (_detailRow) {\r\n                  <td class=\"detail-row-expander\">\r\n                    @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n                      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n                        @if (isRowExpanded(row)) {\r\n                          <i class=\"far fa-minus\"></i>\r\n                        } @else {\r\n                          <i class=\"far fa-plus\"></i>\r\n                        }\r\n                      </button>\r\n                    }\r\n                  </td>\r\n                }\r\n\r\n                @if (showRowNumbers()) {\r\n                  <td class=\"ng0-table-row-number\">\r\n                      {{ $firstRecord + $index }}\r\n                  </td>\r\n                }\r\n\r\n                @for (col of _columns; track $index) {\r\n                  <td\r\n                    [ngClass]=\"col.cellClass\"\r\n                    [class.shrinked]=\"col.shrink\"\r\n                    [class.fw-bold]=\"col.bold\"\r\n                  >\r\n                    @if (col.template) {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"col.template; context: { $implicit: row }\"\r\n                      ></ng-container>\r\n                    } @else if (col.field) {\r\n                      @let cellValue = _getCellValue(row, col);\r\n\r\n                      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n                        {{ col.emptyCellText() }}\r\n                      } @else {\r\n                        @if (col.type()) {\r\n                          @let type = $any(col.type());\r\n\r\n                          @if (type == \"date\" || type.date) {\r\n                            {{ cellValue | ng0Date }}\r\n                          } @else if (type == \"number\" || type.number) {\r\n                            {{ cellValue | number }}\r\n                          } @else if (type == \"currency\") {\r\n                            {{ cellValue | currency }}\r\n                          } @else if (type.enum) {\r\n                            {{ cellValue | ng0TranslateEnum: type.enum : type.returnEnumAsFallback }}\r\n                          } @else if (type.boolean || type == \"boolean\") {\r\n                            {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n                          }\r\n                        } @else {\r\n                          {{ cellValue }}\r\n                        }\r\n                      }\r\n                    }\r\n                  </td>\r\n                }\r\n              </tr>\r\n\r\n              @if (_detailRow && isRowExpanded(row)) {\r\n                <tr class=\"detail-row\">\r\n                  <td\r\n                    [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n                    class=\"ps-2 pb-4\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"\r\n                    ></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            }\r\n          } @else {\r\n            <tr class=\"ng0-table-no-records-row\">\r\n              <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n                {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n              </td>\r\n            </tr>\r\n          }\r\n        } @else if (_lastError) {\r\n          <tr class=\"ng0-table-error-row\">\r\n            <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n              <div class=\"d-flex align-items-baseline\">\r\n                <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n                <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n                  {{ \"retry\" | ng0Translate }}\r\n                </button>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        }\r\n      }\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 ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n    <div class=\"ng0-table-pagination me-2\">\r\n      <ng0-pagination\r\n        class=\"mb-0 d-inline-block\"\r\n        [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n        [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n        [totalRecords]=\"$totalRecordsCount!\"\r\n        [pageSize]=\"$pageable.pageSize!\"\r\n        [selectedPage]=\"$pageIndex\"\r\n        (itemClick)=\"_onPageChange($event)\"\r\n        [maxVisiblePages]=\"$pageable.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    @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n      <div class=\"ng0-table-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\r\n    @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n      <div class=\"ng0-table-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n          {{\r\n            _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!, currentPage: $pageIndex!})\r\n          }}\r\n        </ng-content>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n  <div class=\"ng0-table-loading-cover text-center\">\r\n    @if (loadingCover() == 'spinner') {\r\n      <div class=\"spinner-border\" role=\"status\"></div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}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 .2s;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}.ng0-table-footer{margin-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextPreviousButtons", "showFirstLastButtons"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i1.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i1.DatePipe, name: "ng0Date" }, { kind: "pipe", type: i1.LocalizeBooleanPipe, name: "ng0LocalizeBool" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-table', exportAs: 'ng0Table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        LocalizationModule,
+                        PaginationComponent
+                    ], template: "@let $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\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    @if (showHeader()) {\r\n      <thead [ngClass]=\"headerClass()\">\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th class=\"row-number text-muted\">#</th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <th>{{ col.title }}</th>\r\n          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    @if (filterable()) {\r\n      <thead>\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th></th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <!-- <th>\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          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n        <tr class=\"ng0-table-loading-row\">\r\n          <td [attr.colspan]=\"$columnsCount\">\r\n            @switch (loadingIndicator()) {\r\n              @case ('spinner') {\r\n                <div class=\"text-center\">\r\n                  <div class=\"spinner-border\" role=\"status\"></div>\r\n                </div>\r\n              }\r\n              <!-- @case ('placeholder') {\r\n                  <p class=\"text-secondary placeholder-glow mb-0\">\r\n                    <span class=\"placeholder col-3\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-6\"></span>\r\n                    <span class=\"placeholder col-8\"></span>\r\n                  </p>\r\n                } -->\r\n            }\r\n          </td>\r\n        </tr>\r\n      } @else {\r\n        @if ($data) {\r\n          @if ($data.length > 0) {\r\n            @for (row of $data; track $index) {\r\n              <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                @if (_detailRow) {\r\n                  <td class=\"detail-row-expander\">\r\n                    @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n                      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n                        @if (isRowExpanded(row)) {\r\n                          <i class=\"far fa-minus\"></i>\r\n                        } @else {\r\n                          <i class=\"far fa-plus\"></i>\r\n                        }\r\n                      </button>\r\n                    }\r\n                  </td>\r\n                }\r\n\r\n                @if (showRowNumbers()) {\r\n                  <td class=\"ng0-table-row-number\">\r\n                      {{ $firstRecord + $index }}\r\n                  </td>\r\n                }\r\n\r\n                @for (col of _columns; track $index) {\r\n                  <td\r\n                    [ngClass]=\"col.cellClass\"\r\n                    [class.shrinked]=\"col.shrink\"\r\n                    [class.fw-bold]=\"col.bold\"\r\n                  >\r\n                    @if (col.template) {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"col.template; context: { $implicit: row }\"\r\n                      ></ng-container>\r\n                    } @else if (col.field) {\r\n                      @let cellValue = _getCellValue(row, col);\r\n\r\n                      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n                        {{ col.emptyCellText() }}\r\n                      } @else {\r\n                        @if (col.type()) {\r\n                          @let type = $any(col.type());\r\n\r\n                          @if (type == \"date\" || type.date) {\r\n                            {{ cellValue | ng0Date }}\r\n                          } @else if (type == \"number\" || type.number) {\r\n                            {{ cellValue | number }}\r\n                          } @else if (type == \"currency\") {\r\n                            {{ cellValue | currency }}\r\n                          } @else if (type.enum) {\r\n                            {{ cellValue | ng0TranslateEnum: type.enum : type.returnEnumAsFallback }}\r\n                          } @else if (type.boolean || type == \"boolean\") {\r\n                            {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n                          }\r\n                        } @else {\r\n                          {{ cellValue }}\r\n                        }\r\n                      }\r\n                    }\r\n                  </td>\r\n                }\r\n              </tr>\r\n\r\n              @if (_detailRow && isRowExpanded(row)) {\r\n                <tr class=\"detail-row\">\r\n                  <td\r\n                    [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n                    class=\"ps-2 pb-4\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"\r\n                    ></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            }\r\n          } @else {\r\n            <tr class=\"ng0-table-no-records-row\">\r\n              <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n                {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n              </td>\r\n            </tr>\r\n          }\r\n        } @else if (_lastError) {\r\n          <tr class=\"ng0-table-error-row\">\r\n            <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n              <div class=\"d-flex align-items-baseline\">\r\n                <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n                <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n                  {{ \"retry\" | ng0Translate }}\r\n                </button>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        }\r\n      }\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 ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n    <div class=\"ng0-table-pagination me-2\">\r\n      <ng0-pagination\r\n        class=\"mb-0 d-inline-block\"\r\n        [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n        [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n        [totalRecords]=\"$totalRecordsCount!\"\r\n        [pageSize]=\"$pageable.pageSize!\"\r\n        [selectedPage]=\"$pageIndex\"\r\n        (itemClick)=\"_onPageChange($event)\"\r\n        [maxVisiblePages]=\"$pageable.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    @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n      <div class=\"ng0-table-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\r\n    @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n      <div class=\"ng0-table-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n          {{\r\n            _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!, currentPage: $pageIndex!})\r\n          }}\r\n        </ng-content>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n  <div class=\"ng0-table-loading-cover text-center\">\r\n    @if (loadingCover() == 'spinner') {\r\n      <div class=\"spinner-border\" role=\"status\"></div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;position:relative}@starting-style{.ng0-table-loading-cover{background-color:#0000}}table{margin-bottom:0}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 .2s;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}.ng0-table-footer{margin-top:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.DestroyRef }], propDecorators: { _columns: [{
+                type: ContentChildren,
+                args: [TableColumnDirective]
+            }], _detailRow: [{
+                type: ContentChild,
+                args: [TableDetailRowDirective]
+            }], isLoading: [{
+                type: HostBinding,
+                args: ['class.ng0-loading']
+            }] } });
+
+class TableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: TableModule, imports: [TableComponent,
+            TableColumnDirective,
+            TableDetailRowDirective], exports: [TableComponent,
+            TableColumnDirective,
+            TableDetailRowDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableModule, imports: [TableComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        TableComponent,
+                        TableColumnDirective,
+                        TableDetailRowDirective,
+                    ],
+                    exports: [
+                        TableComponent,
+                        TableColumnDirective,
+                        TableDetailRowDirective
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TableColumnDirective, TableComponent, TableDetailRowDirective, TableModule };
+//# sourceMappingURL=bootkit-ng0-components-table.mjs.map

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

@@ -0,0 +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/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, Input, TemplateRef } from '@angular/core';\r\nimport { TableCellType } from './types';\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  emptyCellText = input<string>();\r\n\r\n  /**\r\n   * Type of the table cell.\r\n   */\r\n  type = input<TableCellType>();\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() 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, computed, ContentChild, ContentChildren, DestroyRef, HostBinding, input, OnDestroy, OnInit, QueryList, signal } 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, LocalizationService, TableComponentPagingFormatter } from '@bootkit/ng0/localization';\r\nimport { DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource, convertToDataSource, DataSourceLike } from '@bootkit/ng0/data';\r\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\r\nimport { TablePagingOptions } from './types';\r\n\r\n/**\r\n * A generic table component that can display data in a tabular format.\r\n * It supports features like pagination, sorting, filtering, and row details.\r\n * It can be used with any data source that implements the DataSource interface.\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<DataSourceLike<any>>();\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 pageable = input<TablePagingOptions | undefined, TablePagingOptions | boolean>(undefined, {\r\n    transform: v => {\r\n      if (v === undefined || v === null || v === false) {\r\n        return undefined;\r\n      }\r\n\r\n      if (v === true) {\r\n        v = {};\r\n      }\r\n\r\n      v.pageIndex = v.pageIndex ?? 1;\r\n      v.pageSize = v.pageSize ?? 10;\r\n      v.maxVisiblePages = v.maxVisiblePages ?? 10;\r\n      v.showPagingControls = v.showPagingControls ?? true;\r\n      return v;\r\n    }\r\n  });\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   * 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  /**\r\n   * The indicator to show while the table is loading data for the first time.\r\n   */\r\n  public loadingIndicator = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\r\n\r\n  /** If true, the table will show a loading cover while data is being loaded.\r\n   * This can be used to prevent user interaction with the table while loading.\r\n   * This cover is not displayed when the table is loading for the first time.\r\n   * Instead, the table will show a loading based on loadingIndicator settings.\r\n   */\r\n  public loadingCover = input<'none' | 'simple' | 'spinner', boolean | 'none' | 'simple' | 'spinner'>('spinner', {\r\n    transform: v => {\r\n      if (typeof v === 'boolean') {\r\n        return v ? 'spinner' : 'none';\r\n      }\r\n      return v;\r\n    }\r\n  });\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 = signal<DataResult | undefined>(undefined);\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  protected _pagingFormatter!: TableComponentPagingFormatter;\r\n  protected _lastError?: any;\r\n\r\n  constructor(protected _ls: LocalizationService, private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this._dataSource = convertToDataSource(this.source());\r\n    const locale = this._ls.get();\r\n    this._pagingFormatter = locale?.definition.components?.table?.pagingInfo ??\r\n      ((o) => `Showing ${o.firstRecord}-${o.lastRecord} of ${o.totalRecords} records`);\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    if (this.autoLoad()) {\r\n      this.load(this.pageable()?.pageIndex);\r\n    }\r\n  }\r\n\r\n  ngAfterContentInit(): void {\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  public 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.pageable()) {\r\n      page = {\r\n        index: pageIndex || this._lastRequest?.page?.index || 1,\r\n        size: this._lastRequest?.page?.size || 10,\r\n        zeroBased: false\r\n      };\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)\r\n      .pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\r\n        next: result => {\r\n          this._dataResult.set(result);\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n          this._lastError = undefined;\r\n        }, error: err => {\r\n          this._lastError = err;\r\n          this._lastRequest = this._loadingRequest;\r\n          this._loadingRequest = undefined;\r\n        }\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 isLoading() {\r\n    return this._dataSource.isLoading;\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 $dataResult = _dataResult();\r\n@let $pageable = pageable();\r\n\r\n@let $pageIndex = _lastRequest?.page?.index ?? 1;\r\n\r\n@let $data = $dataResult?.data;\r\n@let $anyRecords = $data && $data.length > 0;\r\n@let $totalRecordsCount = $dataResult?.total;\r\n@let $firstRecord = $pageable ? ($pageable.pageSize! * ($pageIndex - 1) + 1) : 1;\r\n@let $lastRecord = $data ? $firstRecord + $data.length - 1 : 1;\r\n\r\n@let $isLoading = _dataSource.isLoading();\r\n@let $isFirstLoad = $dataResult == undefined;\r\n\r\n@let $columnsCount = _columns.length + (showRowNumbers() ? 1 : 0);\r\n@let $tableLocale = _ls.get()?.definition?.components?.table;\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    @if (showHeader()) {\r\n      <thead [ngClass]=\"headerClass()\">\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th class=\"row-number text-muted\">#</th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <th>{{ col.title }}</th>\r\n          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    @if (filterable()) {\r\n      <thead>\r\n        <tr>\r\n          @if (_detailRow) {\r\n            <th></th>\r\n          }\r\n\r\n          @if (showRowNumbers()) {\r\n            <th></th>\r\n          }\r\n\r\n          @for (col of _columns; track $index) {\r\n            <!-- <th>\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          }\r\n        </tr>\r\n      </thead>\r\n    }\r\n\r\n    <tbody>\r\n      @if ($isLoading && $isFirstLoad && loadingIndicator()) {\r\n        <tr class=\"ng0-table-loading-row\">\r\n          <td [attr.colspan]=\"$columnsCount\">\r\n            @switch (loadingIndicator()) {\r\n              @case ('spinner') {\r\n                <div class=\"text-center\">\r\n                  <div class=\"spinner-border\" role=\"status\"></div>\r\n                </div>\r\n              }\r\n              <!-- @case ('placeholder') {\r\n                  <p class=\"text-secondary placeholder-glow mb-0\">\r\n                    <span class=\"placeholder col-3\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-4\"></span>\r\n                    <span class=\"placeholder col-6\"></span>\r\n                    <span class=\"placeholder col-8\"></span>\r\n                  </p>\r\n                } -->\r\n            }\r\n          </td>\r\n        </tr>\r\n      } @else {\r\n        @if ($data) {\r\n          @if ($data.length > 0) {\r\n            @for (row of $data; track $index) {\r\n              <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                @if (_detailRow) {\r\n                  <td class=\"detail-row-expander\">\r\n                    @if (_detailRow.showCallback == null || _detailRow.showCallback(row)) {\r\n                      <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\">\r\n                        @if (isRowExpanded(row)) {\r\n                          <i class=\"far fa-minus\"></i>\r\n                        } @else {\r\n                          <i class=\"far fa-plus\"></i>\r\n                        }\r\n                      </button>\r\n                    }\r\n                  </td>\r\n                }\r\n\r\n                @if (showRowNumbers()) {\r\n                  <td class=\"ng0-table-row-number\">\r\n                      {{ $firstRecord + $index }}\r\n                  </td>\r\n                }\r\n\r\n                @for (col of _columns; track $index) {\r\n                  <td\r\n                    [ngClass]=\"col.cellClass\"\r\n                    [class.shrinked]=\"col.shrink\"\r\n                    [class.fw-bold]=\"col.bold\"\r\n                  >\r\n                    @if (col.template) {\r\n                      <ng-container\r\n                        *ngTemplateOutlet=\"col.template; context: { $implicit: row }\"\r\n                      ></ng-container>\r\n                    } @else if (col.field) {\r\n                      @let cellValue = _getCellValue(row, col);\r\n\r\n                      @if ((cellValue === null || cellValue === undefined) && col.emptyCellText()) {\r\n                        {{ col.emptyCellText() }}\r\n                      } @else {\r\n                        @if (col.type()) {\r\n                          @let type = $any(col.type());\r\n\r\n                          @if (type == \"date\" || type.date) {\r\n                            {{ cellValue | ng0Date }}\r\n                          } @else if (type == \"number\" || type.number) {\r\n                            {{ cellValue | number }}\r\n                          } @else if (type == \"currency\") {\r\n                            {{ cellValue | currency }}\r\n                          } @else if (type.enum) {\r\n                            {{ cellValue | ng0TranslateEnum: type.enum : type.returnEnumAsFallback }}\r\n                          } @else if (type.boolean || type == \"boolean\") {\r\n                            {{ cellValue | ng0LocalizeBool: type.boolean.false ?? \"false\" : type.boolean.false ?? \"true\" }}\r\n                          }\r\n                        } @else {\r\n                          {{ cellValue }}\r\n                        }\r\n                      }\r\n                    }\r\n                  </td>\r\n                }\r\n              </tr>\r\n\r\n              @if (_detailRow && isRowExpanded(row)) {\r\n                <tr class=\"detail-row\">\r\n                  <td\r\n                    [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\"\r\n                    class=\"ps-2 pb-4\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"_detailRow.templateRef; context: { $implicit: row }\"\r\n                    ></ng-container>\r\n                  </td>\r\n                </tr>\r\n              }\r\n            }\r\n          } @else {\r\n            <tr class=\"ng0-table-no-records-row\">\r\n              <td [attr.colSpan]=\"$columnsCount\" class=\"text-center p-2\">\r\n                {{ $tableLocale?.noRecords ?? 'No Records.' }}\r\n              </td>\r\n            </tr>\r\n          }\r\n        } @else if (_lastError) {\r\n          <tr class=\"ng0-table-error-row\">\r\n            <td [attr.colSpan]=\"$columnsCount\" class=\"p-2\">\r\n              <div class=\"d-flex align-items-baseline\">\r\n                <span>{{ $tableLocale?.loadError ?? 'Error loading data.' }} </span>\r\n                <button (click)=\"load()\" class=\"btn btn-warning ms-auto\">\r\n                  {{ \"retry\" | ng0Translate }}\r\n                </button>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        }\r\n      }\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 ($pageable && $pageable.showPagingControls && $anyRecords && $totalRecordsCount! > 0) {\r\n    <div class=\"ng0-table-pagination me-2\">\r\n      <ng0-pagination\r\n        class=\"mb-0 d-inline-block\"\r\n        [showFirstLastButtons]=\"$pageable.showFirstLastButtons == true\"\r\n        [showNextPreviousButtons]=\"$pageable.showNextPreviousButtons == true\"\r\n        [totalRecords]=\"$totalRecordsCount!\"\r\n        [pageSize]=\"$pageable.pageSize!\"\r\n        [selectedPage]=\"$pageIndex\"\r\n        (itemClick)=\"_onPageChange($event)\"\r\n        [maxVisiblePages]=\"$pageable.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    @if ($pageable.showPageSizeOptions || $pageable.showPageSizeOptions == undefined) {\r\n      <div class=\"ng0-table-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\r\n    @if ($pageable.showPagingInfo == undefined || $pageable.showPagingInfo) {\r\n      <div class=\"ng0-table-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n          {{\r\n            _pagingFormatter({firstRecord: $firstRecord, lastRecord: $lastRecord, totalRecords: $totalRecordsCount!, currentPage: $pageIndex!})\r\n          }}\r\n        </ng-content>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n\r\n@if ($isLoading && !$isFirstLoad && loadingCover()) {\r\n  <div class=\"ng0-table-loading-cover text-center\">\r\n    @if (loadingCover() == 'spinner') {\r\n      <div class=\"spinner-border\" role=\"status\"></div>\r\n    }\r\n  </div>\r\n}\r\n","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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"}