@angular-generic-table/core 5.0.0-rc.4 → 5.0.0-rc.8

package/fesm2020/angular-generic-table-core.mjs

@@ -0,0 +1,381 @@
+import * as i0 from '@angular/core';
+import { Injectable, Pipe, Injector, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { ReplaySubject, Subject, isObservable, of, combineLatest, EMPTY, BehaviorSubject } from 'rxjs';
+import { startWith, map, switchMap, shareReplay, withLatestFrom, pluck } from 'rxjs/operators';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class CoreService {
+    constructor() { }
+}
+CoreService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CoreService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CoreService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+var Order;
+(function (Order) {
+    Order["ASC"] = "asc";
+    Order["DESC"] = "desc";
+})(Order || (Order = {}));
+
+let dashed;
+dashed = (s) => s.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());
+let capitalize;
+capitalize = (s) => (s.charAt(0).toUpperCase() + s.slice(1))
+    .replace(/_/g, ' ')
+    .replace(/([A-Z][a-z]+)/g, ' $1')
+    .replace(/([A-Z]{2,})/g, ' $1')
+    .replace(/\s{2,}/g, ' ')
+    .trim();
+let chunk;
+chunk = (array, chunkSize) => {
+    if (chunkSize < 0) {
+        throw new Error('Invalid chunk size');
+    }
+    if (chunkSize === 0 && !chunkSize) {
+        return [array];
+    }
+    const CHUNK = [];
+    for (let i = 0, len = array.length; i < len; i += chunkSize) {
+        CHUNK.push(array.slice(i, i + chunkSize));
+    }
+    return CHUNK;
+};
+let search;
+search = (text, caseSensitive, data, config) => {
+    if (config.columns) {
+        const searchColumns = Object.keys(config.columns).filter(
+        // @ts-ignore
+        (key) => !config.columns[key].hidden && config.columns[key].search !== false);
+        return data.filter((row) => Object.entries(row)
+            .filter(([key, value]) => searchColumns.indexOf(key) !== -1)
+            .reduce((prev, [key, value]) => prev + (prev === '' ? '' : ' & ') + (caseSensitive ? value + '' : (value + '').toLowerCase()), '')
+            .indexOf(text) !== -1);
+    }
+    else {
+        return data;
+    }
+};
+
+class SortClassPipe {
+    transform(selection, property) {
+        return selection?.sortBy === property ? 'sort-' + selection.sortByOrder : '';
+    }
+}
+SortClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SortClassPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SortClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SortClassPipe, name: "sortClass" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SortClassPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sortClass',
+                }]
+        }] });
+
+class DashCasePipe {
+    transform(s) {
+        return dashed(s);
+    }
+}
+DashCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DashCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DashCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DashCasePipe, name: "dashCase" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DashCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dashCase'
+                }]
+        }] });
+
+class CapitalCasePipe {
+    transform(s) {
+        return capitalize(s);
+    }
+}
+CapitalCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CapitalCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CapitalCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CapitalCasePipe, name: "capitalCase" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CapitalCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'capitalCase',
+                }]
+        }] });
+
+class HighlightPipe {
+    transform(text, searchTerm) {
+        if (!searchTerm) {
+            return text;
+        }
+        const haystackAlwaysString = text + '';
+        let highlightedText = haystackAlwaysString; // fallback
+        let searchPattern;
+        try {
+            searchPattern = new RegExp('(' +
+                // @ts-ignore
+                searchTerm
+                    .toLowerCase()
+                    .match(/".*?"|[^ ]+/g) // extract words
+                    .map(needle => needle.replace(/"(.*?)"/, '$1') // strip away '"'
+                )
+                    .join('|') + // combine words
+                ')', 'ig');
+        }
+        catch (error) {
+            return highlightedText;
+        }
+        const containsTagPattern = /(<.*?>)(.*)(<\/.*?>)/gi;
+        const containsTagMatches = containsTagPattern.exec(haystackAlwaysString);
+        if (containsTagMatches) {
+            // tag exists in haystack
+            highlightedText =
+                containsTagMatches[1] +
+                    containsTagMatches[2].replace(searchPattern, '<span class="gt-highlight-search">$1</span>') +
+                    containsTagMatches[3];
+        }
+        else {
+            highlightedText = haystackAlwaysString.replace(searchPattern, '<span class="gt-highlight-search">$1</span>');
+        }
+        return highlightedText;
+    }
+}
+HighlightPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+HighlightPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: HighlightPipe, name: "highlight" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: HighlightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'highlight'
+                }]
+        }] });
+
+class DynamicPipe {
+    constructor(injector) {
+        this.injector = injector;
+    }
+    transform(value, requiredPipe, pipeArgs) {
+        const injector = Injector.create({
+            name: 'DynamicPipe',
+            parent: this.injector,
+            providers: [{ provide: requiredPipe }],
+        });
+        const pipe = injector.get(requiredPipe);
+        return pipe.transform(value, ...[pipeArgs || []]);
+    }
+}
+DynamicPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicPipe, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Pipe });
+DynamicPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicPipe, name: "dynamicPipe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dynamicPipe',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+class CoreComponent {
+    constructor() {
+        this._loading$ = new ReplaySubject(1);
+        this.sortBy$ = new Subject();
+        // tslint:disable-next-line:variable-name
+        this._searchBy$ = new ReplaySubject(1);
+        this.searchBy$ = this._searchBy$.pipe(startWith(''), map((value) => (isObservable(value) ? value : of(value))), switchMap((obs) => obs), shareReplay(1));
+        // tslint:disable-next-line:variable-name
+        this._tableConfig$ = new ReplaySubject(1);
+        this.tableConfig$ = this._tableConfig$.pipe(map((value) => (isObservable(value) ? value : of(value))), switchMap((obs) => obs), shareReplay(1));
+        // tslint:disable-next-line:variable-name
+        this._data$ = new ReplaySubject(1);
+        this.data$ = this._data$.pipe(map((value) => (isObservable(value) ? value : of(value))), switchMap((obs) => combineLatest([obs, this.sortBy$.pipe(startWith(EMPTY)), this.searchBy$])), withLatestFrom(this.tableConfig$), map(([[data, sortBy, searchBy], config]) => {
+            // create a new array reference and sort new array (prevent mutating existing state)
+            data = [...data];
+            return !sortBy
+                ? searchBy
+                    ? search(searchBy, false, data, config)
+                    : data
+                : (searchBy ? search(searchBy, false, data, config) : data)?.sort((a, b) => {
+                    // TODO: improve logic
+                    const typed = sortBy;
+                    return a[typed.sortBy] > b[typed.sortBy]
+                        ? typed.sortByOrder === Order.ASC
+                            ? 1
+                            : -1
+                        : b[typed.sortBy] > a[typed.sortBy]
+                            ? typed.sortByOrder === Order.ASC
+                                ? -1
+                                : 1
+                            : 0;
+                });
+        }), shareReplay(1));
+        this.table$ = combineLatest([this.data$, this.tableConfig$]).pipe(map(([sorted, config]) => {
+            // if pagination is disabled...
+            if (!config.pagination || config.pagination.length === 0) {
+                // ...return unaltered array
+                return { data: [sorted], config, info: { records: sorted.length, pageTotal: 1 } };
+            }
+            // return record set
+            return {
+                data: chunk(sorted, +(config.pagination.length || 0)),
+                config,
+                info: {
+                    records: sorted.length,
+                    pageTotal: Math.ceil(sorted.length / +(config.pagination.length || 0)),
+                },
+            };
+        }), shareReplay(1));
+        this._currentPage$ = new BehaviorSubject(0);
+        this.currentPage$ = combineLatest([this._currentPage$, this.table$]).pipe(map(([page, table]) => {
+            // determine last page
+            const lastPage = Math.ceil(table.info.records / (table.config?.pagination?.length || table.info.records)) - 1;
+            // determine max/min position
+            return +page < 0 ? 0 : +page > lastPage ? lastPage : +page;
+        }), shareReplay(1));
+        this.colspan$ = this.tableConfig$.pipe(switchMap((config) => config.columns
+            ? of(Object.values(config.columns || config.rows || {}).filter((value) => value.hidden !== true).length)
+            : this.data$.pipe(map((data) => data.length + 1))));
+        this.columnOrder = (a, b) => {
+            return (a.value.order || 0) - (b.value.order || 0);
+        };
+    }
+    set loading(value) {
+        this._loading$.next(value);
+    }
+    set page(value) {
+        this._currentPage$.next(value);
+    }
+    set search(value) {
+        this._searchBy$.next(value);
+    }
+    set config(value) {
+        this._tableConfig$.next(value);
+    }
+    set data(value) {
+        this._data$.next(value);
+    }
+    get loading$() {
+        return this._loading$.pipe(startWith(false), map((value) => (isObservable(value) ? value : of(value))), switchMap((obs) => obs), shareReplay(1));
+    }
+    sort(property) {
+        const newSortOrder = this._sortBy?.sortBy !== property || this._sortBy?.sortByOrder === Order.DESC || !this._sortBy.sortByOrder
+            ? Order.ASC
+            : Order.DESC;
+        const newSortBy = {
+            sortBy: property,
+            sortByOrder: newSortOrder,
+        };
+        this.sortBy$.next(newSortBy);
+        this._sortBy = newSortBy;
+    }
+}
+CoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CoreComponent, selector: "angular-generic-table", inputs: { loading: "loading", page: "page", search: "search", config: "config", data: "data" }, ngImport: i0, template: "<table [ngClass]=\"(tableConfig$ | async)?.class || 'table'\" [class.table-mobile]=\"(tableConfig$ | async)?.mobileLayout\">\n  <thead>\n    <tr *ngIf=\"{\n    config:(tableConfig$ | async)!,\n    loading: loading$ | async\n    } as table\">\n      <ng-container *ngFor=\"let column of table?.config?.columns | keyvalue: columnOrder\">\n        <th\n          *ngIf=\"!column.value?.hidden\"\n          ngClass=\"{{ column.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: column.key }} {{\n            (column.key | dashCase) + '-column'\n          }} {{column.value.class}}\"\n          [class.disabled]=\"table.loading\"\n          (click)=\"table.loading || !column.value?.sortable || sort(column.key)\"\n        >\n          <span *ngIf=\"column.value?.header !== false\">{{ column.value?.header || column.key | capitalCase }}</span>\n        </th>\n      </ng-container>\n      <ng-container *ngIf=\"((table?.config?.rows | keyvalue: columnOrder)||[])[0] as headerRow\">\n        <th class=\"row-header\"\n            ngClass=\"{{ headerRow.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: headerRow.key }} {{\n            (headerRow.key | dashCase) + '-column'\n          }}\"\n            (click)=\"table.loading || !headerRow.value?.sortable || sort(headerRow.key)\">\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{headerRow?.value?.header || headerRow.key | capitalCase }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\"  ngClass=\"{{headerRow.value?.class}}\">\n          <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[headerRow.key].templateRef ? templateRef : (table.config?.rows || {})[headerRow.key].transform ? transformData:\n            rawData\" [ngTemplateOutletContext]=\"{row: column, column: headerRow, transform: (table.config?.rows || {})[headerRow.key].transform, templateRef: (table.config?.rows || {})[headerRow.key].templateRef, index: 0}\">\n          </ng-container>\n        </th>\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody *ngIf=\"loading$ | async; else tableContent\">\n    <tr>\n      <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n        <ng-content select=\".table-loading\"></ng-content>\n      </td>\n    </tr>\n  </tbody>\n</table>\n<ng-template #tableContent>\n  <ng-container\n    *ngIf=\"(table$ | async)! as table\"\n  >\n    <tbody *ngIf=\"(table!.data![0] || table!.data!).length > 0; else noData\">\n      <ng-container *ngIf=\"table.config.columns\">\n        <tr *ngFor=\"let row of table!.data![(currentPage$ | async) || 0]; let i = index\" [attr.id]=\"'tableRow_' + i\">\n          <ng-container *ngFor=\"let column of table.config?.columns | keyvalue: columnOrder\">\n            <td *ngIf=\"!column.value?.hidden\" ngClass=\"{{(column.key | dashCase) + '-column'}} {{column.value?.class}}\">\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{ column.value?.mobileHeader !== true ? column.value?.mobileHeader : column.value?.header || column.key  | capitalCase }}</span>\n              <ng-container [ngTemplateOutlet]=\"(searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef ? highlighted:\n                (table.config?.columns || {})[column.key].templateRef ? templateRef : (table.config?.columns || {})[column.key].transform ? transformData:\n                rawData\" [ngTemplateOutletContext]=\"{row: row, column: column, search: (searchBy$ | async), transform: (table.config?.columns || {})[column.key].transform, templateRef: (table.config?.columns || {})[column.key].templateRef, index: i}\"></ng-container></td>\n          </ng-container>\n        </tr>\n      </ng-container>\n      <ng-container *ngIf=\"table.config.rows\">\n        <ng-container *ngFor=\"let row of table?.config?.rows | keyvalue: columnOrder | slice:1; let i = index\">\n          <tr *ngIf=\"!row.value?.hidden\" [attr.id]=\"'tableRow_' + i\" ngClass=\"{{(row.key | dashCase) + '-row'}}\">\n            <th class=\"row-header\">\n              <span *ngIf=\"row.value.mobileHeader\" class=\"mobile-header\">{{ row.value?.mobileHeader !== true ? row.value?.mobileHeader : row.value?.header || row.key  | capitalCase }}</span>\n              {{row.value?.header || row.key | capitalCase}}\n            </th>\n            <td *ngFor=\"let column of (table?.data || [])[0]\" ngClass=\"{{row.value?.class}}\">\n              <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[row.key].templateRef ? templateRef : (table.config?.rows || {})[row.key].transform ? transformData:\n              rawData\" [ngTemplateOutletContext]=\"{row: column, column: row, transform: (table.config?.rows || {})[row.key].transform, templateRef: (table.config?.rows || {})[row.key].templateRef, index: i}\">\n              </ng-container>\n            </td>\n          </tr>\n        </ng-container>\n      </ng-container>\n    </tbody>\n  </ng-container>\n</ng-template>\n<ng-template #noData>\n  <tbody>\n  <tr>\n    <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n      <ng-content select=\".table-no-data\"></ng-content>\n    </td>\n  </tr>\n  </tbody>\n</ng-template>\n<ng-template #highlighted let-row=\"row\" let-column=\"column\" let-search=\"search\">\n  <div [innerHTML]=\"(row[column.key] | highlight: search)\"></div>\n</ng-template>\n<ng-template #rawData let-row=\"row\" let-column=\"column\">\n  {{row[column.key]}}\n</ng-template>\n<ng-template #transformData let-row=\"row\" let-column=\"column\" let-transform=\"transform\">\n  {{row[column.key] | dynamicPipe:transform.pipe:transform?.args}}\n</ng-template>\n<ng-template #templateRef let-row=\"row\" let-column=\"column\" let-index=\"index\" let-templateRef=\"templateRef\">\n  <ng-container [ngTemplateOutlet]=\"templateRef\"  [ngTemplateOutletContext]=\"{row: row, col: column, index: index}\"></ng-container>\n</ng-template>\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe, "keyvalue": i1.KeyValuePipe, "sortClass": SortClassPipe, "dashCase": DashCasePipe, "capitalCase": CapitalCasePipe, "slice": i1.SlicePipe, "highlight": HighlightPipe, "dynamicPipe": DynamicPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CoreComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'angular-generic-table', styles: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table [ngClass]=\"(tableConfig$ | async)?.class || 'table'\" [class.table-mobile]=\"(tableConfig$ | async)?.mobileLayout\">\n  <thead>\n    <tr *ngIf=\"{\n    config:(tableConfig$ | async)!,\n    loading: loading$ | async\n    } as table\">\n      <ng-container *ngFor=\"let column of table?.config?.columns | keyvalue: columnOrder\">\n        <th\n          *ngIf=\"!column.value?.hidden\"\n          ngClass=\"{{ column.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: column.key }} {{\n            (column.key | dashCase) + '-column'\n          }} {{column.value.class}}\"\n          [class.disabled]=\"table.loading\"\n          (click)=\"table.loading || !column.value?.sortable || sort(column.key)\"\n        >\n          <span *ngIf=\"column.value?.header !== false\">{{ column.value?.header || column.key | capitalCase }}</span>\n        </th>\n      </ng-container>\n      <ng-container *ngIf=\"((table?.config?.rows | keyvalue: columnOrder)||[])[0] as headerRow\">\n        <th class=\"row-header\"\n            ngClass=\"{{ headerRow.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: headerRow.key }} {{\n            (headerRow.key | dashCase) + '-column'\n          }}\"\n            (click)=\"table.loading || !headerRow.value?.sortable || sort(headerRow.key)\">\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{headerRow?.value?.header || headerRow.key | capitalCase }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\"  ngClass=\"{{headerRow.value?.class}}\">\n          <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[headerRow.key].templateRef ? templateRef : (table.config?.rows || {})[headerRow.key].transform ? transformData:\n            rawData\" [ngTemplateOutletContext]=\"{row: column, column: headerRow, transform: (table.config?.rows || {})[headerRow.key].transform, templateRef: (table.config?.rows || {})[headerRow.key].templateRef, index: 0}\">\n          </ng-container>\n        </th>\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody *ngIf=\"loading$ | async; else tableContent\">\n    <tr>\n      <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n        <ng-content select=\".table-loading\"></ng-content>\n      </td>\n    </tr>\n  </tbody>\n</table>\n<ng-template #tableContent>\n  <ng-container\n    *ngIf=\"(table$ | async)! as table\"\n  >\n    <tbody *ngIf=\"(table!.data![0] || table!.data!).length > 0; else noData\">\n      <ng-container *ngIf=\"table.config.columns\">\n        <tr *ngFor=\"let row of table!.data![(currentPage$ | async) || 0]; let i = index\" [attr.id]=\"'tableRow_' + i\">\n          <ng-container *ngFor=\"let column of table.config?.columns | keyvalue: columnOrder\">\n            <td *ngIf=\"!column.value?.hidden\" ngClass=\"{{(column.key | dashCase) + '-column'}} {{column.value?.class}}\">\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{ column.value?.mobileHeader !== true ? column.value?.mobileHeader : column.value?.header || column.key  | capitalCase }}</span>\n              <ng-container [ngTemplateOutlet]=\"(searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef ? highlighted:\n                (table.config?.columns || {})[column.key].templateRef ? templateRef : (table.config?.columns || {})[column.key].transform ? transformData:\n                rawData\" [ngTemplateOutletContext]=\"{row: row, column: column, search: (searchBy$ | async), transform: (table.config?.columns || {})[column.key].transform, templateRef: (table.config?.columns || {})[column.key].templateRef, index: i}\"></ng-container></td>\n          </ng-container>\n        </tr>\n      </ng-container>\n      <ng-container *ngIf=\"table.config.rows\">\n        <ng-container *ngFor=\"let row of table?.config?.rows | keyvalue: columnOrder | slice:1; let i = index\">\n          <tr *ngIf=\"!row.value?.hidden\" [attr.id]=\"'tableRow_' + i\" ngClass=\"{{(row.key | dashCase) + '-row'}}\">\n            <th class=\"row-header\">\n              <span *ngIf=\"row.value.mobileHeader\" class=\"mobile-header\">{{ row.value?.mobileHeader !== true ? row.value?.mobileHeader : row.value?.header || row.key  | capitalCase }}</span>\n              {{row.value?.header || row.key | capitalCase}}\n            </th>\n            <td *ngFor=\"let column of (table?.data || [])[0]\" ngClass=\"{{row.value?.class}}\">\n              <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[row.key].templateRef ? templateRef : (table.config?.rows || {})[row.key].transform ? transformData:\n              rawData\" [ngTemplateOutletContext]=\"{row: column, column: row, transform: (table.config?.rows || {})[row.key].transform, templateRef: (table.config?.rows || {})[row.key].templateRef, index: i}\">\n              </ng-container>\n            </td>\n          </tr>\n        </ng-container>\n      </ng-container>\n    </tbody>\n  </ng-container>\n</ng-template>\n<ng-template #noData>\n  <tbody>\n  <tr>\n    <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n      <ng-content select=\".table-no-data\"></ng-content>\n    </td>\n  </tr>\n  </tbody>\n</ng-template>\n<ng-template #highlighted let-row=\"row\" let-column=\"column\" let-search=\"search\">\n  <div [innerHTML]=\"(row[column.key] | highlight: search)\"></div>\n</ng-template>\n<ng-template #rawData let-row=\"row\" let-column=\"column\">\n  {{row[column.key]}}\n</ng-template>\n<ng-template #transformData let-row=\"row\" let-column=\"column\" let-transform=\"transform\">\n  {{row[column.key] | dynamicPipe:transform.pipe:transform?.args}}\n</ng-template>\n<ng-template #templateRef let-row=\"row\" let-column=\"column\" let-index=\"index\" let-templateRef=\"templateRef\">\n  <ng-container [ngTemplateOutlet]=\"templateRef\"  [ngTemplateOutletContext]=\"{row: row, col: column, index: index}\"></ng-container>\n</ng-template>\n" }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+class GenericTableCoreModule {
+}
+GenericTableCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTableCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GenericTableCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTableCoreModule, declarations: [CoreComponent, SortClassPipe, DashCasePipe, HighlightPipe, CapitalCasePipe, CapitalCasePipe, DynamicPipe], imports: [CommonModule], exports: [CoreComponent] });
+GenericTableCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTableCoreModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTableCoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CoreComponent, SortClassPipe, DashCasePipe, HighlightPipe, CapitalCasePipe, CapitalCasePipe, DynamicPipe],
+                    imports: [CommonModule],
+                    exports: [CoreComponent],
+                }]
+        }] });
+
+class PaginationComponent {
+    constructor() {
+        this.table$ = new ReplaySubject(1);
+        this.pagination$ = this.table$.pipe(switchMap((core) => combineLatest([core?.table$.pipe(pluck('info')), core?.currentPage$])), map(([info, currentPage]) => this.generateList(info.pageTotal, currentPage)));
+    }
+    get table() {
+        return this._table;
+    }
+    set table(value) {
+        this._table = value;
+        this.table$.next(value);
+    }
+    generateList(pages, currentPosition) {
+        const paginationLength = 5;
+        const middle = Math.floor(paginationLength / 2);
+        const length = pages < paginationLength ? pages : paginationLength;
+        return Array.from({ length }, (_, i) => {
+            if (i === 0) {
+                return 1;
+            }
+            else if (pages < paginationLength) {
+                return i + 1;
+            }
+            else if (i + 1 === length) {
+                return pages;
+            }
+            else if (currentPosition > middle && currentPosition < pages - middle) {
+                return i + currentPosition - (middle - 1);
+            }
+            else if (currentPosition > middle && currentPosition < pages - (middle - 1)) {
+                return i + currentPosition - middle;
+            }
+            else if (currentPosition > middle && currentPosition === pages - (middle - 1)) {
+                return i + currentPosition - (middle + 1);
+            }
+            else if (currentPosition > middle && currentPosition === pages - 1) {
+                return i + currentPosition - (middle + 2);
+            }
+            else {
+                return i + 1;
+            }
+        });
+    }
+    goto(page) {
+        if (this.table) {
+            this.table.page = page - 1;
+        }
+    }
+}
+PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PaginationComponent, selector: "angular-generic-table-pagination", inputs: { table: "table" }, ngImport: i0, template: "<ng-container *ngIf=\"{\n  links: pagination$ | async,\n  currentPosition: table?.currentPage$ | async\n  } as pagination\">\n  <nav *ngIf=\"pagination.links && pagination.links.length > 1\" role=\"navigation\" aria-label=\"Table Pagination Navigation\" class=\"gt-pagination\">\n  <ul>\n    <li *ngFor=\"let position of pagination!.links; let i = index; let last = last\"\n    [class.ellipsis]=\"position + 1 !== pagination!.links![i+1] && !last\"\n    [class.active]=\"position === (pagination!.currentPosition || 0) + 1\"\n    >\n      <button class=\"btn btn-link\" [attr.aria-label]=\"'Goto Page ' + position\" (click)=\"goto(position)\">{{position}}</button>\n    </li>\n  </ul>\n</nav>\n</ng-container>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'angular-generic-table-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"{\n  links: pagination$ | async,\n  currentPosition: table?.currentPage$ | async\n  } as pagination\">\n  <nav *ngIf=\"pagination.links && pagination.links.length > 1\" role=\"navigation\" aria-label=\"Table Pagination Navigation\" class=\"gt-pagination\">\n  <ul>\n    <li *ngFor=\"let position of pagination!.links; let i = index; let last = last\"\n    [class.ellipsis]=\"position + 1 !== pagination!.links![i+1] && !last\"\n    [class.active]=\"position === (pagination!.currentPosition || 0) + 1\"\n    >\n      <button class=\"btn btn-link\" [attr.aria-label]=\"'Goto Page ' + position\" (click)=\"goto(position)\">{{position}}</button>\n    </li>\n  </ul>\n</nav>\n</ng-container>\n" }]
+        }], propDecorators: { table: [{
+                type: Input
+            }] } });
+
+class GenericTablePaginationModule {
+}
+GenericTablePaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTablePaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GenericTablePaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTablePaginationModule, declarations: [PaginationComponent], imports: [CommonModule], exports: [PaginationComponent] });
+GenericTablePaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTablePaginationModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: GenericTablePaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PaginationComponent],
+                    imports: [CommonModule],
+                    exports: [PaginationComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CoreComponent, CoreService, GenericTableCoreModule, GenericTablePaginationModule, PaginationComponent };
+//# sourceMappingURL=angular-generic-table-core.mjs.map

package/fesm2020/angular-generic-table-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-generic-table-core.mjs","sources":["../../../projects/core/src/lib/core.service.ts","../../../projects/core/src/lib/enums/order.enum.ts","../../../projects/core/src/lib/utilities/utilities.ts","../../../projects/core/src/lib/pipes/sort-class.pipe.ts","../../../projects/core/src/lib/pipes/dash-case.pipe.ts","../../../projects/core/src/lib/pipes/capital-case.pipe.ts","../../../projects/core/src/lib/pipes/highlight.pipe.ts","../../../projects/core/src/lib/pipes/dynamic.pipe.ts","../../../projects/core/src/lib/core.component.ts","../../../projects/core/src/lib/core.component.html","../../../projects/core/src/lib/core.module.ts","../../../projects/core/src/lib/pagination/pagination.component.ts","../../../projects/core/src/lib/pagination/pagination.component.html","../../../projects/core/src/lib/pagination/pagination.module.ts","../../../projects/core/src/public-api.ts","../../../projects/core/src/angular-generic-table-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class CoreService {\n  constructor() {}\n}\n","export enum Order {\n  ASC = 'asc',\n  DESC = 'desc'\n}\n","import { TableRow } from '../models/table-row.interface';\nimport { TableConfig } from '../models/table-config.interface';\n\nexport let dashed: (s: string) => string;\ndashed = (s: string) => s.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());\n\nexport let capitalize: (s: string) => string;\ncapitalize = (s) =>\n  (s.charAt(0).toUpperCase() + s.slice(1))\n    .replace(/_/g, ' ')\n    .replace(/([A-Z][a-z]+)/g, ' $1')\n    .replace(/([A-Z]{2,})/g, ' $1')\n    .replace(/\\s{2,}/g, ' ')\n    .trim();\n\nexport let chunk: (array: Array<any>, chunkSize: number) => Array<Array<TableRow>>;\nchunk = (array, chunkSize) => {\n  if (chunkSize < 0) {\n    throw new Error('Invalid chunk size');\n  }\n  if (chunkSize === 0 && !chunkSize) {\n    return [array];\n  }\n  const CHUNK = [];\n  for (let i = 0, len = array.length; i < len; i += chunkSize) {\n    CHUNK.push(array.slice(i, i + chunkSize));\n  }\n  return CHUNK;\n};\n\nexport let search: (text: string, caseSensitive: boolean, data: Array<TableRow>, config: TableConfig) => TableRow[];\nsearch = (text: string, caseSensitive: boolean, data: Array<TableRow>, config: TableConfig) => {\n  if (config.columns) {\n    const searchColumns = Object.keys(config.columns).filter(\n      // @ts-ignore\n      (key) => !config.columns[key].hidden && config.columns[key].search !== false\n    );\n    return data.filter(\n      (row) =>\n        Object.entries(row)\n          .filter(([key, value]) => searchColumns.indexOf(key) !== -1)\n          .reduce(\n            (prev, [key, value]): string =>\n              prev + (prev === '' ? '' : ' & ') + (caseSensitive ? value + '' : (value + '').toLowerCase()),\n            ''\n          )\n          .indexOf(text) !== -1\n    );\n  } else {\n    return data;\n  }\n};\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { Order } from '../enums/order.enum';\n\n@Pipe({\n  name: 'sortClass',\n})\nexport class SortClassPipe implements PipeTransform {\n  transform(selection: { sortBy: string; sortByOrder: Order } | any, property: string): string {\n    return selection?.sortBy === property ? 'sort-' + selection.sortByOrder : '';\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { dashed } from '../utilities/utilities';\n\n@Pipe({\n  name: 'dashCase'\n})\nexport class DashCasePipe implements PipeTransform {\n  transform(s: string): any {\n    return dashed(s);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { capitalize } from '../utilities/utilities';\n\n@Pipe({\n  name: 'capitalCase',\n})\nexport class CapitalCasePipe implements PipeTransform {\n  transform(s: string): any {\n    return capitalize(s);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'highlight'\n})\nexport class HighlightPipe implements PipeTransform {\n  transform(text: any, searchTerm: string | null): string {\n    if (!searchTerm) {\n      return text;\n    }\n    const haystackAlwaysString = text + '';\n    let highlightedText = haystackAlwaysString; // fallback\n\n    let searchPattern;\n    try {\n      searchPattern = new RegExp(\n        '(' +\n        // @ts-ignore\n        searchTerm\n          .toLowerCase()\n          .match(/\".*?\"|[^ ]+/g) // extract words\n          .map(\n            needle => needle.replace(/\"(.*?)\"/, '$1') // strip away '\"'\n          )\n          .join('|') + // combine words\n          ')',\n        'ig'\n      );\n    } catch (error) {\n      return highlightedText;\n    }\n\n    const containsTagPattern = /(<.*?>)(.*)(<\\/.*?>)/gi;\n    const containsTagMatches = containsTagPattern.exec(haystackAlwaysString);\n\n    if (containsTagMatches) {\n      // tag exists in haystack\n      highlightedText =\n        containsTagMatches[1] +\n        containsTagMatches[2].replace(searchPattern, '<span class=\"gt-highlight-search\">$1</span>') +\n        containsTagMatches[3];\n    } else {\n      highlightedText = haystackAlwaysString.replace(searchPattern, '<span class=\"gt-highlight-search\">$1</span>');\n    }\n\n    return highlightedText;\n  }\n}\n","import { Injector, Pipe, PipeTransform, Type } from '@angular/core';\n\n@Pipe({\n  name: 'dynamicPipe',\n})\nexport class DynamicPipe implements PipeTransform {\n  constructor(private injector: Injector) {}\n\n  transform(value: any, requiredPipe: Type<any>, pipeArgs: any[]): any {\n    const injector = Injector.create({\n      name: 'DynamicPipe',\n      parent: this.injector,\n      providers: [{ provide: requiredPipe }],\n    });\n    const pipe = injector.get(requiredPipe);\n    return pipe.transform(value, ...[pipeArgs || []]);\n  }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { BehaviorSubject, combineLatest, EMPTY, isObservable, Observable, of, ReplaySubject, Subject } from 'rxjs';\nimport { TableConfig } from './models/table-config.interface';\nimport { KeyValue } from '@angular/common';\nimport { map, shareReplay, startWith, switchMap, withLatestFrom } from 'rxjs/operators';\nimport { TableColumn } from './models/table-column.interface';\nimport { Order } from './enums/order.enum';\nimport { chunk, search } from './utilities/utilities';\nimport { TableRow } from './models/table-row.interface';\nimport { TableSort } from './models/table-sort.interface';\nimport { TableMeta } from './models/table-meta.interface';\n\n@Component({\n  selector: 'angular-generic-table',\n  templateUrl: './core.component.html',\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CoreComponent {\n  @Input() set loading(value: Observable<boolean> | boolean) {\n    this._loading$.next(value);\n  }\n  @Input()\n  set page(value: number) {\n    this._currentPage$.next(value);\n  }\n\n  @Input()\n  set search(value: Observable<string> | string | null) {\n    this._searchBy$.next(value);\n  }\n\n  @Input()\n  set config(value: Observable<TableConfig> | TableConfig) {\n    this._tableConfig$.next(value);\n  }\n\n  @Input()\n  set data(value: Observable<Array<TableRow>> | Array<TableRow>) {\n    this._data$.next(value);\n  }\n\n  get loading$(): Observable<boolean> {\n    return this._loading$.pipe(\n      startWith(false),\n      map((value) => (isObservable(value) ? value : of(value))),\n      switchMap((obs) => obs),\n      shareReplay(1)\n    );\n  }\n\n  private _loading$: ReplaySubject<Observable<boolean> | boolean> = new ReplaySubject(1);\n  sortBy$: Subject<TableSort> = new Subject();\n  // tslint:disable-next-line:variable-name\n  private _sortBy: TableSort | undefined;\n\n  // tslint:disable-next-line:variable-name\n  private _searchBy$: ReplaySubject<Observable<string> | string | null> = new ReplaySubject(1);\n  searchBy$: Observable<string | null> = this._searchBy$.pipe(\n    startWith(''),\n    map((value) => (isObservable(value) ? value : of(value))),\n    switchMap((obs) => obs),\n    shareReplay(1)\n  );\n\n  // tslint:disable-next-line:variable-name\n  private _tableConfig$: ReplaySubject<TableConfig | Observable<TableConfig>> = new ReplaySubject(1);\n  tableConfig$: Observable<TableConfig> = this._tableConfig$.pipe(\n    map((value) => (isObservable(value) ? value : of(value))),\n    switchMap((obs) => obs),\n    shareReplay(1)\n  );\n\n  // tslint:disable-next-line:variable-name\n  private _data$: ReplaySubject<Array<TableRow> | Observable<Array<TableRow>>> = new ReplaySubject(1);\n  data$: Observable<Array<TableRow>> = this._data$.pipe(\n    map((value) => (isObservable(value) ? value : of(value))),\n    switchMap((obs) => combineLatest([obs, this.sortBy$.pipe(startWith(EMPTY)), this.searchBy$])),\n    withLatestFrom(this.tableConfig$),\n    map(([[data, sortBy, searchBy], config]) => {\n      // create a new array reference and sort new array (prevent mutating existing state)\n      data = [...data];\n      return !sortBy\n        ? searchBy\n          ? search(searchBy, false, data, config)\n          : data\n        : (searchBy ? search(searchBy, false, data, config) : data)?.sort((a, b) => {\n            // TODO: improve logic\n            const typed = sortBy as TableSort;\n            return a[typed.sortBy] > b[typed.sortBy]\n              ? typed.sortByOrder === Order.ASC\n                ? 1\n                : -1\n              : b[typed.sortBy] > a[typed.sortBy]\n              ? typed.sortByOrder === Order.ASC\n                ? -1\n                : 1\n              : 0;\n          });\n    }),\n    shareReplay(1)\n  );\n\n  table$: Observable<TableMeta> = combineLatest([this.data$, this.tableConfig$]).pipe(\n    map(([sorted, config]) => {\n      // if pagination is disabled...\n      if (!config.pagination || config.pagination.length === 0) {\n        // ...return unaltered array\n        return { data: [sorted], config, info: { records: sorted.length, pageTotal: 1 } };\n      }\n      // return record set\n      return {\n        data: chunk(sorted, +(config.pagination.length || 0)),\n        config,\n        info: {\n          records: sorted.length,\n          pageTotal: Math.ceil(sorted.length / +(config.pagination.length || 0)),\n        },\n      };\n    }),\n    shareReplay(1)\n  );\n\n  private _currentPage$: BehaviorSubject<number> = new BehaviorSubject(0);\n  currentPage$ = combineLatest([this._currentPage$, this.table$]).pipe(\n    map(([page, table]: any) => {\n      // determine last page\n      const lastPage = Math.ceil(table.info.records / (table.config?.pagination?.length || table.info.records)) - 1;\n      // determine max/min position\n      return +page < 0 ? 0 : +page > lastPage ? lastPage : +page;\n    }),\n    shareReplay(1)\n  );\n\n  colspan$ = this.tableConfig$.pipe(\n    switchMap((config) =>\n      config.columns\n        ? of(Object.values(config.columns || config.rows || {}).filter((value) => value.hidden !== true).length)\n        : this.data$.pipe(map((data) => data.length + 1))\n    )\n  );\n\n  sort(property: string): void {\n    const newSortOrder =\n      this._sortBy?.sortBy !== property || this._sortBy?.sortByOrder === Order.DESC || !this._sortBy.sortByOrder\n        ? Order.ASC\n        : Order.DESC;\n    const newSortBy = {\n      sortBy: property,\n      sortByOrder: newSortOrder,\n    };\n    this.sortBy$.next(newSortBy);\n    this._sortBy = newSortBy;\n  }\n\n  columnOrder = (a: KeyValue<string, TableColumn>, b: KeyValue<string, TableColumn>): number => {\n    return (a.value.order || 0) - (b.value.order || 0);\n  };\n}\n","<table [ngClass]=\"(tableConfig$ | async)?.class || 'table'\" [class.table-mobile]=\"(tableConfig$ | async)?.mobileLayout\">\n  <thead>\n    <tr *ngIf=\"{\n    config:(tableConfig$ | async)!,\n    loading: loading$ | async\n    } as table\">\n      <ng-container *ngFor=\"let column of table?.config?.columns | keyvalue: columnOrder\">\n        <th\n          *ngIf=\"!column.value?.hidden\"\n          ngClass=\"{{ column.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: column.key }} {{\n            (column.key | dashCase) + '-column'\n          }} {{column.value.class}}\"\n          [class.disabled]=\"table.loading\"\n          (click)=\"table.loading || !column.value?.sortable || sort(column.key)\"\n        >\n          <span *ngIf=\"column.value?.header !== false\">{{ column.value?.header || column.key | capitalCase }}</span>\n        </th>\n      </ng-container>\n      <ng-container *ngIf=\"((table?.config?.rows | keyvalue: columnOrder)||[])[0] as headerRow\">\n        <th class=\"row-header\"\n            ngClass=\"{{ headerRow.value?.sortable ? 'sort ' : '' }} {{ sortBy$ | async | sortClass: headerRow.key }} {{\n            (headerRow.key | dashCase) + '-column'\n          }}\"\n            (click)=\"table.loading || !headerRow.value?.sortable || sort(headerRow.key)\">\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{headerRow?.value?.header || headerRow.key | capitalCase }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\"  ngClass=\"{{headerRow.value?.class}}\">\n          <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[headerRow.key].templateRef ? templateRef : (table.config?.rows || {})[headerRow.key].transform ? transformData:\n            rawData\" [ngTemplateOutletContext]=\"{row: column, column: headerRow, transform: (table.config?.rows || {})[headerRow.key].transform, templateRef: (table.config?.rows || {})[headerRow.key].templateRef, index: 0}\">\n          </ng-container>\n        </th>\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody *ngIf=\"loading$ | async; else tableContent\">\n    <tr>\n      <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n        <ng-content select=\".table-loading\"></ng-content>\n      </td>\n    </tr>\n  </tbody>\n</table>\n<ng-template #tableContent>\n  <ng-container\n    *ngIf=\"(table$ | async)! as table\"\n  >\n    <tbody *ngIf=\"(table!.data![0] || table!.data!).length > 0; else noData\">\n      <ng-container *ngIf=\"table.config.columns\">\n        <tr *ngFor=\"let row of table!.data![(currentPage$ | async) || 0]; let i = index\" [attr.id]=\"'tableRow_' + i\">\n          <ng-container *ngFor=\"let column of table.config?.columns | keyvalue: columnOrder\">\n            <td *ngIf=\"!column.value?.hidden\" ngClass=\"{{(column.key | dashCase) + '-column'}} {{column.value?.class}}\">\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{ column.value?.mobileHeader !== true ? column.value?.mobileHeader : column.value?.header || column.key  | capitalCase }}</span>\n              <ng-container [ngTemplateOutlet]=\"(searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef ? highlighted:\n                (table.config?.columns || {})[column.key].templateRef ? templateRef : (table.config?.columns || {})[column.key].transform ? transformData:\n                rawData\" [ngTemplateOutletContext]=\"{row: row, column: column, search: (searchBy$ | async), transform: (table.config?.columns || {})[column.key].transform, templateRef: (table.config?.columns || {})[column.key].templateRef, index: i}\"></ng-container></td>\n          </ng-container>\n        </tr>\n      </ng-container>\n      <ng-container *ngIf=\"table.config.rows\">\n        <ng-container *ngFor=\"let row of table?.config?.rows | keyvalue: columnOrder | slice:1; let i = index\">\n          <tr *ngIf=\"!row.value?.hidden\" [attr.id]=\"'tableRow_' + i\" ngClass=\"{{(row.key | dashCase) + '-row'}}\">\n            <th class=\"row-header\">\n              <span *ngIf=\"row.value.mobileHeader\" class=\"mobile-header\">{{ row.value?.mobileHeader !== true ? row.value?.mobileHeader : row.value?.header || row.key  | capitalCase }}</span>\n              {{row.value?.header || row.key | capitalCase}}\n            </th>\n            <td *ngFor=\"let column of (table?.data || [])[0]\" ngClass=\"{{row.value?.class}}\">\n              <ng-container [ngTemplateOutlet]=\"(table.config?.rows || {})[row.key].templateRef ? templateRef : (table.config?.rows || {})[row.key].transform ? transformData:\n              rawData\" [ngTemplateOutletContext]=\"{row: column, column: row, transform: (table.config?.rows || {})[row.key].transform, templateRef: (table.config?.rows || {})[row.key].templateRef, index: i}\">\n              </ng-container>\n            </td>\n          </tr>\n        </ng-container>\n      </ng-container>\n    </tbody>\n  </ng-container>\n</ng-template>\n<ng-template #noData>\n  <tbody>\n  <tr>\n    <td class=\"p-0\" [colSpan]=\"colspan$ | async\">\n      <ng-content select=\".table-no-data\"></ng-content>\n    </td>\n  </tr>\n  </tbody>\n</ng-template>\n<ng-template #highlighted let-row=\"row\" let-column=\"column\" let-search=\"search\">\n  <div [innerHTML]=\"(row[column.key] | highlight: search)\"></div>\n</ng-template>\n<ng-template #rawData let-row=\"row\" let-column=\"column\">\n  {{row[column.key]}}\n</ng-template>\n<ng-template #transformData let-row=\"row\" let-column=\"column\" let-transform=\"transform\">\n  {{row[column.key] | dynamicPipe:transform.pipe:transform?.args}}\n</ng-template>\n<ng-template #templateRef let-row=\"row\" let-column=\"column\" let-index=\"index\" let-templateRef=\"templateRef\">\n  <ng-container [ngTemplateOutlet]=\"templateRef\"  [ngTemplateOutletContext]=\"{row: row, col: column, index: index}\"></ng-container>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreComponent } from './core.component';\nimport { CommonModule } from '@angular/common';\nimport { SortClassPipe } from './pipes/sort-class.pipe';\nimport { DashCasePipe } from './pipes/dash-case.pipe';\nimport { HighlightPipe } from './pipes/highlight.pipe';\nimport { CapitalCasePipe } from './pipes/capital-case.pipe';\nimport { DynamicPipe } from './pipes/dynamic.pipe';\n\n@NgModule({\n  declarations: [CoreComponent, SortClassPipe, DashCasePipe, HighlightPipe, CapitalCasePipe, CapitalCasePipe, DynamicPipe],\n  imports: [CommonModule],\n  exports: [CoreComponent],\n})\nexport class GenericTableCoreModule {}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { combineLatest, ReplaySubject } from 'rxjs';\nimport { map, pluck, switchMap } from 'rxjs/operators';\nimport { CoreComponent } from '../core.component';\n\n@Component({\n  selector: 'angular-generic-table-pagination',\n  templateUrl: './pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PaginationComponent {\n  get table(): CoreComponent | undefined {\n    return this._table;\n  }\n  @Input() set table(value: any) {\n    this._table = value;\n    this.table$.next(value);\n  }\n\n  table$: ReplaySubject<CoreComponent> = new ReplaySubject(1);\n  private _table: CoreComponent | undefined;\n  pagination$ = this.table$.pipe(\n    switchMap((core) => combineLatest([core?.table$.pipe(pluck('info')), core?.currentPage$])),\n    map(([info, currentPage]) => this.generateList(info.pageTotal, currentPage))\n  );\n\n  generateList(pages: number, currentPosition: number): Array<number> {\n    const paginationLength: 5 | 7 = 5;\n    const middle = Math.floor(paginationLength / 2);\n    const length = pages < paginationLength ? pages : paginationLength;\n\n    return Array.from({ length }, (_, i) => {\n      if (i === 0) {\n        return 1;\n      } else if (pages < paginationLength) {\n        return i + 1;\n      } else if (i + 1 === length) {\n        return pages;\n      } else if (currentPosition > middle && currentPosition < pages - middle) {\n        return i + currentPosition - (middle - 1);\n      } else if (currentPosition > middle && currentPosition < pages - (middle - 1)) {\n        return i + currentPosition - middle;\n      } else if (currentPosition > middle && currentPosition === pages - (middle - 1)) {\n        return i + currentPosition - (middle + 1);\n      } else if (currentPosition > middle && currentPosition === pages - 1) {\n        return i + currentPosition - (middle + 2);\n      } else {\n        return i + 1;\n      }\n    });\n  }\n\n  goto(page: number): void {\n    if (this.table) {\n      this.table.page = page - 1;\n    }\n  }\n}\n","<ng-container *ngIf=\"{\n  links: pagination$ | async,\n  currentPosition: table?.currentPage$ | async\n  } as pagination\">\n  <nav *ngIf=\"pagination.links && pagination.links.length > 1\" role=\"navigation\" aria-label=\"Table Pagination Navigation\" class=\"gt-pagination\">\n  <ul>\n    <li *ngFor=\"let position of pagination!.links; let i = index; let last = last\"\n    [class.ellipsis]=\"position + 1 !== pagination!.links![i+1] && !last\"\n    [class.active]=\"position === (pagination!.currentPosition || 0) + 1\"\n    >\n      <button class=\"btn btn-link\" [attr.aria-label]=\"'Goto Page ' + position\" (click)=\"goto(position)\">{{position}}</button>\n    </li>\n  </ul>\n</nav>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaginationComponent } from './pagination.component';\n\n@NgModule({\n  declarations: [PaginationComponent],\n  imports: [CommonModule],\n  exports: [PaginationComponent],\n})\nexport class GenericTablePaginationModule {}\n","/*\n * Public API Surface of core\n */\n\nexport * from './lib/core.service';\nexport * from './lib/core.component';\nexport * from './lib/core.module';\nexport * from './lib/pagination/pagination.component';\nexport * from './lib/pagination/pagination.module';\nexport * from './lib/models/table-config.interface';\nexport * from './lib/models/table-column.interface';\nexport * from './lib/models/table-info.interface';\nexport * from './lib/models/table-row.interface';\nexport * from './lib/models/table-sort.interface';\nexport * from './lib/models/table-meta.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/core.component.d.ts

@@ -4,32 +4,30 @@ import { KeyValue } from '@angular/common';
 import { TableColumn } from './models/table-column.interface';
 import { TableRow } from './models/table-row.interface';
 import { TableSort } from './models/table-sort.interface';
-import { TableInfo } from './models/table-info.interface';
+import { TableMeta } from './models/table-meta.interface';
+import * as i0 from "@angular/core";
 export declare class CoreComponent {
     set loading(value: Observable<boolean> | boolean);
-    set page(value: Observable<number> | number);
-    set search(value: Observable<string> | string);
+    set page(value: number);
+    set search(value: Observable<string> | string | null);
     set config(value: Observable<TableConfig> | TableConfig);
     set data(value: Observable<Array<TableRow>> | Array<TableRow>);
-    constructor();
     get loading$(): Observable<boolean>;
     private _loading$;
     sortBy$: Subject<TableSort>;
     private _sortBy;
     private _searchBy$;
-    searchBy$: Observable<string>;
+    searchBy$: Observable<string | null>;
     private _tableConfig$;
     tableConfig$: Observable<TableConfig>;
     private _data$;
     data$: Observable<Array<TableRow>>;
-    table$: Observable<{
-        data: Array<Array<TableRow>>;
-        config: TableConfig;
-        info: TableInfo;
-    }>;
+    table$: Observable<TableMeta>;
     private _currentPage$;
     currentPage$: Observable<number>;
     colspan$: Observable<number>;
     sort(property: string): void;
     columnOrder: (a: KeyValue<string, TableColumn>, b: KeyValue<string, TableColumn>) => number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoreComponent, "angular-generic-table", never, { "loading": "loading"; "page": "page"; "search": "search"; "config": "config"; "data": "data"; }, {}, never, [".table-loading", ".table-no-data"]>;
 }

package/lib/core.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./core.component";
+import * as i2 from "./pipes/sort-class.pipe";
+import * as i3 from "./pipes/dash-case.pipe";
+import * as i4 from "./pipes/highlight.pipe";
+import * as i5 from "./pipes/capital-case.pipe";
+import * as i6 from "./pipes/dynamic.pipe";
+import * as i7 from "@angular/common";
 export declare class GenericTableCoreModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableCoreModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericTableCoreModule, [typeof i1.CoreComponent, typeof i2.SortClassPipe, typeof i3.DashCasePipe, typeof i4.HighlightPipe, typeof i5.CapitalCasePipe, typeof i5.CapitalCasePipe, typeof i6.DynamicPipe], [typeof i7.CommonModule], [typeof i1.CoreComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericTableCoreModule>;
 }

package/lib/core.service.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class CoreService {
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoreService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CoreService>;
 }

package/lib/models/table-column.interface.d.ts

@@ -1,10 +1,15 @@
 import { TemplateRef } from '@angular/core';
 export interface TableColumn {
-    header?: string;
+    header?: string | false;
+    mobileHeader?: string | boolean;
     hidden?: boolean;
     sortable?: boolean;
     order?: number;
     search?: boolean;
     templateRef?: TemplateRef<any>;
+    transform?: {
+        pipe: any;
+        args?: Array<any>;
+    };
     class?: string;
 }

package/lib/models/table-config.interface.d.ts

@@ -1,10 +1,15 @@
 import { TableColumn } from './table-column.interface';
 export interface TableConfig {
     hidden?: boolean;
-    columns: {
+    mobileLayout?: boolean;
+    class?: string;
+    rows?: {
         [key: string]: TableColumn;
     };
-    pagination: {
-        length: number;
+    columns?: {
+        [key: string]: TableColumn;
+    };
+    pagination?: {
+        length?: number;
     };
 }

package/lib/models/table-meta.interface.d.ts

@@ -0,0 +1,8 @@
+import { TableRow } from './table-row.interface';
+import { TableConfig } from './table-config.interface';
+import { TableInfo } from './table-info.interface';
+export interface TableMeta {
+    data: Array<Array<TableRow>>;
+    config: TableConfig;
+    info: TableInfo;
+}

package/lib/models/table-row.interface.d.ts

@@ -1,3 +1,4 @@
+export declare type TableRows = Array<TableRow>;
 export interface TableRow {
     [key: string]: number | string | boolean | any;
 }

package/lib/pagination/pagination.component.d.ts

@@ -0,0 +1,14 @@
+import { ReplaySubject } from 'rxjs';
+import { CoreComponent } from '../core.component';
+import * as i0 from "@angular/core";
+export declare class PaginationComponent {
+    get table(): CoreComponent | undefined;
+    set table(value: any);
+    table$: ReplaySubject<CoreComponent>;
+    private _table;
+    pagination$: import("rxjs").Observable<number[]>;
+    generateList(pages: number, currentPosition: number): Array<number>;
+    goto(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "angular-generic-table-pagination", never, { "table": "table"; }, {}, never, never>;
+}

package/lib/pagination/pagination.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pagination.component";
+import * as i2 from "@angular/common";
+export declare class GenericTablePaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericTablePaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericTablePaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule], [typeof i1.PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericTablePaginationModule>;
+}