@angular-generic-table/core 5.0.0-alpha.2 → 5.0.0-rc.11

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

@@ -0,0 +1,408 @@
+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, aria = false) {
+        return selection?.sortBy === property
+            ? !aria
+                ? 'sort-' + selection.sortByOrder
+                : selection.sortByOrder + 'ending'
+            : !aria
+                ? ''
+                : null;
+    }
+}
+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));
+        this._data$ = new ReplaySubject(1);
+        this.data$ = this._data$.pipe(map((value) => (isObservable(value) ? value : of(value))), switchMap((obs) => combineLatest([obs])), withLatestFrom(this.tableConfig$), map(([[data], config]) => {
+            // if columns or rows contains config for mapTo...
+            if (config.columns && !!Object.values(config.columns).find(column => !!column.mapTo) ||
+                (config.rows && !!Object.values(config.rows).find(column => !!column.mapTo))) {
+                // ...map data to new keys on row...
+                data = data.map(row => {
+                    const newKeys = Object.entries(config.columns || config.rows || [])
+                        .filter(([key, value]) => !!value.mapTo) // add keys for columns with mapTo config...
+                        .reduce((previousValue, currentValue) => ({
+                        ...previousValue,
+                        // tslint:disable-next-line:no-non-null-assertion
+                        [currentValue[0]]: this.nestedValue(row, currentValue[1].mapTo.path, currentValue[1].mapTo?.missingValue)
+                    }), {});
+                    return { ...row, ...newKeys };
+                });
+            }
+            return { data, config };
+        }), switchMap(obs => combineLatest([of(obs), this.sortBy$.pipe(startWith(EMPTY)), this.searchBy$])), map(([table, sortBy, searchBy]) => {
+            // create a new array reference and sort new array (prevent mutating existing state)
+            table.data = [...table.data];
+            return !sortBy
+                ? searchBy
+                    ? search(searchBy, false, table.data, table.config)
+                    : table.data
+                : (searchBy ? search(searchBy, false, table.data, table.config) : table.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;
+    }
+    nestedValue(object, mapTo, missingValue = null) {
+        const levels = mapTo
+            .split('.');
+        return levels.reduce((previousValue, currentValue, index) => (previousValue)[currentValue] || (index === levels.length - 1 ? missingValue : {}), object);
+    }
+}
+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\n      *ngIf=\"{\n        config: (tableConfig$ | async)!,\n        loading: loading$ | async\n      } as table\"\n    >\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          [attr.aria-sort]=\"sortBy$ | async | sortClass: column.key:true\"\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\n          class=\"row-header\"\n          [attr.aria-sort]=\"sortBy$ | async | sortClass: headerRow.key:true\"\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        >\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{\n            headerRow?.value?.header || headerRow.key | capitalCase\n          }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\" ngClass=\"{{ headerRow.value?.class }}\">\n          <ng-container\n            [ngTemplateOutlet]=\"\n              (table.config?.rows || {})[headerRow.key].templateRef\n                ? templateRef\n                : (table.config?.rows || {})[headerRow.key].transform\n                ? transformData\n                : rawData\n            \"\n            [ngTemplateOutletContext]=\"{\n              row: column,\n              column: headerRow,\n              transform: (table.config?.rows || {})[headerRow.key].transform,\n              templateRef: (table.config?.rows || {})[headerRow.key].templateRef,\n              index: 0\n            }\"\n          >\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 *ngIf=\"(table$ | async)! as table\">\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\n              *ngIf=\"!column.value?.hidden\"\n              ngClass=\"{{ (column.key | dashCase) + '-column' }} {{ column.value?.class }}\"\n            >\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{\n                column.value?.mobileHeader !== true\n                  ? column.value?.mobileHeader\n                  : (column.value?.header || column.key | capitalCase)\n              }}</span>\n              <ng-container\n                [ngTemplateOutlet]=\"\n                  (searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef\n                    ? highlighted\n                    : (table.config?.columns || {})[column.key].templateRef\n                    ? templateRef\n                    : (table.config?.columns || {})[column.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  column: column,\n                  search: (searchBy$ | async),\n                  transform: (table.config?.columns || {})[column.key].transform,\n                  templateRef: (table.config?.columns || {})[column.key].templateRef,\n                  index: i\n                }\"\n              ></ng-container>\n            </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\">{{\n                row.value?.mobileHeader !== true\n                  ? row.value?.mobileHeader\n                  : (row.value?.header || row.key | capitalCase)\n              }}</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\n                [ngTemplateOutlet]=\"\n                  (table.config?.rows || {})[row.key].templateRef\n                    ? templateRef\n                    : (table.config?.rows || {})[row.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: column,\n                  column: row,\n                  transform: (table.config?.rows || {})[row.key].transform,\n                  templateRef: (table.config?.rows || {})[row.key].templateRef,\n                  index: i\n                }\"\n              >\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\n    [ngTemplateOutlet]=\"templateRef\"\n    [ngTemplateOutletContext]=\"{ row: row, col: column, index: index }\"\n  ></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\n      *ngIf=\"{\n        config: (tableConfig$ | async)!,\n        loading: loading$ | async\n      } as table\"\n    >\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          [attr.aria-sort]=\"sortBy$ | async | sortClass: column.key:true\"\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\n          class=\"row-header\"\n          [attr.aria-sort]=\"sortBy$ | async | sortClass: headerRow.key:true\"\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        >\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{\n            headerRow?.value?.header || headerRow.key | capitalCase\n          }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\" ngClass=\"{{ headerRow.value?.class }}\">\n          <ng-container\n            [ngTemplateOutlet]=\"\n              (table.config?.rows || {})[headerRow.key].templateRef\n                ? templateRef\n                : (table.config?.rows || {})[headerRow.key].transform\n                ? transformData\n                : rawData\n            \"\n            [ngTemplateOutletContext]=\"{\n              row: column,\n              column: headerRow,\n              transform: (table.config?.rows || {})[headerRow.key].transform,\n              templateRef: (table.config?.rows || {})[headerRow.key].templateRef,\n              index: 0\n            }\"\n          >\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 *ngIf=\"(table$ | async)! as table\">\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\n              *ngIf=\"!column.value?.hidden\"\n              ngClass=\"{{ (column.key | dashCase) + '-column' }} {{ column.value?.class }}\"\n            >\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{\n                column.value?.mobileHeader !== true\n                  ? column.value?.mobileHeader\n                  : (column.value?.header || column.key | capitalCase)\n              }}</span>\n              <ng-container\n                [ngTemplateOutlet]=\"\n                  (searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef\n                    ? highlighted\n                    : (table.config?.columns || {})[column.key].templateRef\n                    ? templateRef\n                    : (table.config?.columns || {})[column.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  column: column,\n                  search: (searchBy$ | async),\n                  transform: (table.config?.columns || {})[column.key].transform,\n                  templateRef: (table.config?.columns || {})[column.key].templateRef,\n                  index: i\n                }\"\n              ></ng-container>\n            </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\">{{\n                row.value?.mobileHeader !== true\n                  ? row.value?.mobileHeader\n                  : (row.value?.header || row.key | capitalCase)\n              }}</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\n                [ngTemplateOutlet]=\"\n                  (table.config?.rows || {})[row.key].templateRef\n                    ? templateRef\n                    : (table.config?.rows || {})[row.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: column,\n                  column: row,\n                  transform: (table.config?.rows || {})[row.key].transform,\n                  templateRef: (table.config?.rows || {})[row.key].templateRef,\n                  index: i\n                }\"\n              >\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\n    [ngTemplateOutlet]=\"templateRef\"\n    [ngTemplateOutletContext]=\"{ row: row, col: column, index: index }\"\n  ></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, aria = false): string | null {\n    return selection?.sortBy === property\n      ? !aria\n        ? 'sort-' + selection.sortByOrder\n        : selection.sortByOrder + 'ending'\n      : !aria\n      ? ''\n      : null;\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  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])),\n    withLatestFrom(this.tableConfig$),\n    map(([[data], config]) => {\n      // if columns or rows contains config for mapTo...\n      if (config.columns && !!Object.values(config.columns).find(column => !!column.mapTo) ||\n        (config.rows && !!Object.values(config.rows).find(column => !!column.mapTo))) {\n        // ...map data to new keys on row...\n        data = data.map(row => {\n          const newKeys = Object.entries(config.columns || config.rows || [])\n              .filter(([key, value]) => !!value.mapTo) // add keys for columns with mapTo config...\n              .reduce((previousValue, currentValue) => ({\n                ...previousValue,\n                // tslint:disable-next-line:no-non-null-assertion\n                [currentValue[0]]: this.nestedValue(row, currentValue[1].mapTo!.path, currentValue[1].mapTo?.missingValue)\n              }), {});\n          return {...row, ...newKeys}\n        });\n      }\n      return {data, config}\n    }),\n    switchMap(obs => combineLatest([of(obs), this.sortBy$.pipe(startWith(EMPTY)), this.searchBy$])),\n    map(([table, sortBy, searchBy]) => {\n      // create a new array reference and sort new array (prevent mutating existing state)\n      table.data = [...table.data];\n      return !sortBy\n        ? searchBy\n          ? search(searchBy, false, table.data, table.config)\n          : table.data\n        : (searchBy ? search(searchBy, false, table.data, table.config) : table.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  nestedValue(object: any, mapTo: string, missingValue: string | number | null = null): unknown {\n    const levels = mapTo\n      .split('.');\n    return levels.reduce((previousValue, currentValue, index) => (previousValue)[currentValue] || (index === levels.length - 1 ? missingValue : {}), object);\n  }\n}\n","<table [ngClass]=\"(tableConfig$ | async)?.class || 'table'\" [class.table-mobile]=\"(tableConfig$ | async)?.mobileLayout\">\n  <thead>\n    <tr\n      *ngIf=\"{\n        config: (tableConfig$ | async)!,\n        loading: loading$ | async\n      } as table\"\n    >\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          [attr.aria-sort]=\"sortBy$ | async | sortClass: column.key:true\"\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\n          class=\"row-header\"\n          [attr.aria-sort]=\"sortBy$ | async | sortClass: headerRow.key:true\"\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        >\n          <ng-container *ngIf=\"headerRow?.value?.header !== false\">{{\n            headerRow?.value?.header || headerRow.key | capitalCase\n          }}</ng-container>\n        </th>\n        <th *ngFor=\"let column of ((table$ | async)?.data || [])[0]\" ngClass=\"{{ headerRow.value?.class }}\">\n          <ng-container\n            [ngTemplateOutlet]=\"\n              (table.config?.rows || {})[headerRow.key].templateRef\n                ? templateRef\n                : (table.config?.rows || {})[headerRow.key].transform\n                ? transformData\n                : rawData\n            \"\n            [ngTemplateOutletContext]=\"{\n              row: column,\n              column: headerRow,\n              transform: (table.config?.rows || {})[headerRow.key].transform,\n              templateRef: (table.config?.rows || {})[headerRow.key].templateRef,\n              index: 0\n            }\"\n          >\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 *ngIf=\"(table$ | async)! as table\">\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\n              *ngIf=\"!column.value?.hidden\"\n              ngClass=\"{{ (column.key | dashCase) + '-column' }} {{ column.value?.class }}\"\n            >\n              <span *ngIf=\"column.value?.mobileHeader && table.config?.mobileLayout\" class=\"mobile-header\">{{\n                column.value?.mobileHeader !== true\n                  ? column.value?.mobileHeader\n                  : (column.value?.header || column.key | capitalCase)\n              }}</span>\n              <ng-container\n                [ngTemplateOutlet]=\"\n                  (searchBy$ | async) && !(table.config?.columns || {})[column.key].templateRef\n                    ? highlighted\n                    : (table.config?.columns || {})[column.key].templateRef\n                    ? templateRef\n                    : (table.config?.columns || {})[column.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  column: column,\n                  search: (searchBy$ | async),\n                  transform: (table.config?.columns || {})[column.key].transform,\n                  templateRef: (table.config?.columns || {})[column.key].templateRef,\n                  index: i\n                }\"\n              ></ng-container>\n            </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\">{{\n                row.value?.mobileHeader !== true\n                  ? row.value?.mobileHeader\n                  : (row.value?.header || row.key | capitalCase)\n              }}</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\n                [ngTemplateOutlet]=\"\n                  (table.config?.rows || {})[row.key].templateRef\n                    ? templateRef\n                    : (table.config?.rows || {})[row.key].transform\n                    ? transformData\n                    : rawData\n                \"\n                [ngTemplateOutletContext]=\"{\n                  row: column,\n                  column: row,\n                  transform: (table.config?.rows || {})[row.key].transform,\n                  templateRef: (table.config?.rows || {})[row.key].templateRef,\n                  index: i\n                }\"\n              >\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\n    [ngTemplateOutlet]=\"templateRef\"\n    [ngTemplateOutletContext]=\"{ row: row, col: column, index: index }\"\n  ></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

@@ -0,0 +1,34 @@
+import { Observable, Subject } from 'rxjs';
+import { TableConfig } from './models/table-config.interface';
+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 { 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: number);
+    set search(value: Observable<string> | string | null);
+    set config(value: Observable<TableConfig> | TableConfig);
+    set data(value: Observable<Array<TableRow>> | Array<TableRow>);
+    get loading$(): Observable<boolean>;
+    private _loading$;
+    sortBy$: Subject<TableSort>;
+    private _sortBy;
+    private _searchBy$;
+    searchBy$: Observable<string | null>;
+    private _tableConfig$;
+    tableConfig$: Observable<TableConfig>;
+    private _data$;
+    data$: Observable<Array<TableRow>>;
+    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;
+    nestedValue(object: any, mapTo: string, missingValue?: string | number | null): unknown;
+    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 @@
-export declare class GenericTableModule {
+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

@@ -0,0 +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/enums/order.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum Order {
+    ASC = "asc",
+    DESC = "desc"
+}

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

@@ -0,0 +1,19 @@
+import { TemplateRef } from '@angular/core';
+export interface TableColumn {
+    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;
+    mapTo?: {
+        path: string;
+        missingValue?: string | number;
+    };
+}

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

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