ngx-aur-mat-table 0.0.0-watch
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -0
- package/esm2015/lib/data-property-getter-pipe/data-property-getter.pipe.js +16 -0
- package/esm2015/lib/model/TableConfig.js +2 -0
- package/esm2015/lib/model/TableRow.js +6 -0
- package/esm2015/lib/ngx-aur-mat-table.component.js +126 -0
- package/esm2015/lib/ngx-aur-mat-table.module.js +71 -0
- package/esm2015/lib/providers/RowActionProvider.js +13 -0
- package/esm2015/lib/providers/SelectionProvider.js +41 -0
- package/esm2015/ngx-aur-mat-table.js +5 -0
- package/esm2015/public-api.js +11 -0
- package/fesm2015/ngx-aur-mat-table.js +272 -0
- package/fesm2015/ngx-aur-mat-table.js.map +1 -0
- package/lib/data-property-getter-pipe/data-property-getter.pipe.d.ts +7 -0
- package/lib/model/TableConfig.d.ts +30 -0
- package/lib/model/TableRow.d.ts +4 -0
- package/lib/ngx-aur-mat-table.component.d.ts +43 -0
- package/lib/ngx-aur-mat-table.module.d.ts +19 -0
- package/lib/providers/RowActionProvider.d.ts +19 -0
- package/lib/providers/SelectionProvider.d.ts +19 -0
- package/ngx-aur-mat-table.d.ts +5 -0
- package/package.json +24 -0
- package/public-api.d.ts +7 -0
package/README.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# NgxAurMatTable
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project ngx-aur-mat-table` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-aur-mat-table`.
|
|
8
|
+
> Note: Don't forget to add `--project ngx-aur-mat-table` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build ngx-aur-mat-table` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
+
|
|
14
|
+
## Publishing
|
|
15
|
+
|
|
16
|
+
After building your library with `ng build ngx-aur-mat-table`, go to the dist folder `cd dist/ngx-aur-mat-table` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test ngx-aur-mat-table` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
+
|
|
22
|
+
## Further help
|
|
23
|
+
|
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class DataPropertyGetterPipe {
|
|
4
|
+
transform(object, keyName, ...args) {
|
|
5
|
+
return object[keyName];
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
DataPropertyGetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
9
|
+
DataPropertyGetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, name: "dataPropertyGetter" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, decorators: [{
|
|
11
|
+
type: Pipe,
|
|
12
|
+
args: [{
|
|
13
|
+
name: 'dataPropertyGetter'
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wcm9wZXJ0eS1nZXR0ZXIucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1hdXItbWF0LXRhYmxlL3NyYy9saWIvZGF0YS1wcm9wZXJ0eS1nZXR0ZXItcGlwZS9kYXRhLXByb3BlcnR5LWdldHRlci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQWdCLE1BQU0sZUFBZSxDQUFDOztBQUtsRCxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLFNBQVMsQ0FBQyxNQUFXLEVBQUUsT0FBZSxFQUFFLEdBQUcsSUFBZTtRQUN4RCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QixDQUFDOztvSEFKVSxzQkFBc0I7a0hBQXRCLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQUhsQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxvQkFBb0I7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQaXBlLCBQaXBlVHJhbnNmb3JtfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnZGF0YVByb3BlcnR5R2V0dGVyJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YVByb3BlcnR5R2V0dGVyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICB0cmFuc2Zvcm0ob2JqZWN0OiBhbnksIGtleU5hbWU6IHN0cmluZywgLi4uYXJnczogdW5rbm93bltdKTogdW5rbm93biB7XHJcbiAgICByZXR1cm4gb2JqZWN0W2tleU5hbWVdO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVDb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbGliL21vZGVsL1RhYmxlQ29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFRhYmxlQ29uZmlnPFQ+IHtcclxuICAvKiogY29sdW1uIHRpdGxlIHRleHQgKi9cclxuICB0ZXh0OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBjb2x1bW4ga2V5IGluIGRhdGEgc291cmNlICovXHJcbiAga2V5OiBzdHJpbmc7XHJcbiAgc29ydD86IFNvcnRDb25maWc7XHJcbiAgaGVhZGVyQ29sdW1uPzogQ29sdW1uQ29uZmlnPHN0cmluZz47XHJcbiAgdmFsdWVDb2x1bW4/OiBDb2x1bW5Db25maWc8KHZhbHVlOiBUKSA9PiBzdHJpbmc+O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEljb25Db25maWc8VD4ge1xyXG4gIC8qKiBpY29uIG5hbWUgKi9cclxuICBuYW1lOiBUO1xyXG5cclxuICAvKiogaWNvbiBjb2xvciBkZWZhdWx0IGJsYWNrICovXHJcbiAgY29sb3I/OiBUO1xyXG5cclxuICAvKiogaWNvbiB0b29sdGlwIGlmIG51bGwgZGlzYWJsZWQgKi9cclxuICB0b29sdGlwPzogVDtcclxuXHJcbiAgcG9zaXRpb24/OiAncmlnaHQnIHwgJ2xlZnQnO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENvbHVtbkNvbmZpZzxUPiB7XHJcblxyXG4gIC8qKiBzZXR0aW5ncyBmb3IgaWNvbiBpbiBjb2x1bW4gKi9cclxuICBpY29uPzogSWNvbkNvbmZpZzxUPjtcclxuXHJcbiAgLyoqIHRvb2x0aXAgZm9yIGNvbHVtbiB0ZXh0ICovXHJcbiAgdG9vbHRpcD86IHN0cmluZztcclxuXHJcbiAgLyoqIHNob3cgdGV4dCBpbiB0aGUgY29sdW1uIGRlZmF1bHQgdHJ1ZSAqL1xyXG4gIHNob3dUZXh0PzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTb3J0Q29uZmlnIHtcclxuICBwb3NpdGlvbj86ICdyaWdodCcgfCAnbGVmdCc7XHJcbiAgZW5hYmxlPzogYm9vbGVhbjtcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export class TableRow {
|
|
2
|
+
constructor(rowSrc) {
|
|
3
|
+
this.rowSrc = rowSrc;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVSb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbGliL21vZGVsL1RhYmxlUm93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxRQUFRO0lBQ25CLFlBQW1CLE1BQVM7UUFBVCxXQUFNLEdBQU4sTUFBTSxDQUFHO0lBQzVCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBUYWJsZVJvdzxUPiB7XHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvd1NyYzogVCkge1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
+
import { MatSort } from '@angular/material/sort';
|
|
3
|
+
import { MatTableDataSource } from '@angular/material/table';
|
|
4
|
+
import { MatPaginator } from '@angular/material/paginator';
|
|
5
|
+
import { SelectionProvider } from './providers/SelectionProvider';
|
|
6
|
+
import { RowActionProvider } from './providers/RowActionProvider';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/material/form-field";
|
|
9
|
+
import * as i2 from "@angular/material/table";
|
|
10
|
+
import * as i3 from "@angular/material/checkbox";
|
|
11
|
+
import * as i4 from "@angular/material/button";
|
|
12
|
+
import * as i5 from "@angular/material/icon";
|
|
13
|
+
import * as i6 from "@angular/material/sort";
|
|
14
|
+
import * as i7 from "@angular/material/paginator";
|
|
15
|
+
import * as i8 from "@angular/common";
|
|
16
|
+
import * as i9 from "@angular/material/input";
|
|
17
|
+
import * as i10 from "@angular/material/tooltip";
|
|
18
|
+
import * as i11 from "./data-property-getter-pipe/data-property-getter.pipe";
|
|
19
|
+
export class NgxAurMatTableComponent {
|
|
20
|
+
constructor() {
|
|
21
|
+
this.tableDataSource = new MatTableDataSource([]);
|
|
22
|
+
this.displayedColumns = [];
|
|
23
|
+
this.isPageable = false;
|
|
24
|
+
this.isSortable = false;
|
|
25
|
+
this.isFilterable = false;
|
|
26
|
+
this.paginationSizes = [5, 10, 15];
|
|
27
|
+
this.defaultPageSize = this.paginationSizes[1];
|
|
28
|
+
this.sort = new EventEmitter();
|
|
29
|
+
this.onRowAction = new EventEmitter();
|
|
30
|
+
this.selected = new EventEmitter();
|
|
31
|
+
this.onSelect = new EventEmitter();
|
|
32
|
+
this.onDeselect = new EventEmitter();
|
|
33
|
+
this.onRowClick = new EventEmitter();
|
|
34
|
+
this.tableConfig = [];
|
|
35
|
+
}
|
|
36
|
+
// this property needs to have a setter, to dynamically get changes from parent component
|
|
37
|
+
set tableData(data) {
|
|
38
|
+
this.setTableDataSource(data);
|
|
39
|
+
}
|
|
40
|
+
ngOnInit() {
|
|
41
|
+
this.displayedColumns = this.tableConfig.map((tableColumn) => tableColumn.text);
|
|
42
|
+
if (this.rowActionable) {
|
|
43
|
+
this.rowActionsProvider = new RowActionProvider(this.rowActionable, this.displayedColumns);
|
|
44
|
+
}
|
|
45
|
+
else if (this.selectable) {
|
|
46
|
+
this.selectionProvider = new SelectionProvider(this.selectable, this.displayedColumns, this.tableDataSource);
|
|
47
|
+
this.selectionProvider.bind(this.selected, this.onSelect, this.onDeselect);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
// we need this, in order to make pagination work with *ngIf
|
|
51
|
+
ngAfterViewInit() {
|
|
52
|
+
this.tableDataSource.paginator = this.matPaginator;
|
|
53
|
+
}
|
|
54
|
+
setTableDataSource(data) {
|
|
55
|
+
this.tableDataSource = new MatTableDataSource(data);
|
|
56
|
+
this.tableDataSource.paginator = this.matPaginator;
|
|
57
|
+
this.tableDataSource.sort = this.matSort;
|
|
58
|
+
}
|
|
59
|
+
applyFilter(event) {
|
|
60
|
+
const filterValue = event.target.value;
|
|
61
|
+
this.tableDataSource.filter = filterValue.trim().toLowerCase();
|
|
62
|
+
}
|
|
63
|
+
sortTable(sortParameters) {
|
|
64
|
+
// defining name of data property, to sort by, instead of column name
|
|
65
|
+
// @ts-ignore
|
|
66
|
+
sortParameters.active = this.tableConfig.find(column => column.name === sortParameters.active).dataKey;
|
|
67
|
+
this.sort.emit(sortParameters);
|
|
68
|
+
}
|
|
69
|
+
emitRowAction(action, row, $event) {
|
|
70
|
+
$event.stopPropagation();
|
|
71
|
+
this.onRowAction.emit({ action, value: row });
|
|
72
|
+
}
|
|
73
|
+
masterToggle() {
|
|
74
|
+
this.selectionProvider.masterToggle();
|
|
75
|
+
}
|
|
76
|
+
isAllSelected() {
|
|
77
|
+
return this.selectionProvider.isAllSelected();
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
NgxAurMatTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
NgxAurMatTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NgxAurMatTableComponent, selector: "aur-mat-table", inputs: { isPageable: "isPageable", isSortable: "isSortable", isFilterable: "isFilterable", paginationSizes: "paginationSizes", defaultPageSize: "defaultPageSize", rowActionable: "rowActionable", selectable: "selectable", tableConfig: "tableConfig", tableData: "tableData" }, outputs: { sort: "sort", onRowAction: "onRowAction", selected: "selected", onSelect: "onSelect", onDeselect: "onDeselect", onRowClick: "onRowClick" }, viewQueries: [{ propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<ng-container>\r\n\r\n <!-- Filter -->\r\n <ng-container *ngIf=\"isFilterable\">\r\n <mat-form-field>\r\n <mat-label>Filter</mat-label>\r\n <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"filter\">\r\n </mat-form-field>\r\n </ng-container>\r\n\r\n <!-- Table -->\r\n <table mat-table [dataSource]=\"tableDataSource\" matSort (matSortChange)=\"sortTable($event)\">\r\n\r\n <!-- selection-column-->\r\n <ng-container [matColumnDef]=\"selectionProvider.COLUMN_NAME\" *ngIf=\"selectionProvider\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n [checked]=\"selectionProvider.selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selectionProvider.selection.hasValue() && !isAllSelected()\">\r\n </mat-checkbox>\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\">\r\n <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selectionProvider.selection.toggle(row) : null\"\r\n [checked]=\"selectionProvider.selection.isSelected(row)\">\r\n </mat-checkbox>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- action column -->\r\n <ng-container *ngIf=\"rowActionsProvider\" [matColumnDef]=\"rowActionsProvider.COLUMN_NAME\">\r\n <th mat-header-cell *matHeaderCellDef></th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <button mat-icon-button\r\n (click)=\"emitRowAction(action.action, element, $event)\"\r\n [matTooltip]=\"action.tooltip? action.tooltip: ''\"\r\n *ngFor=\"let action of rowActionable.actions\">\r\n <mat-icon [style.color]=\"action.color\">\r\n {{action.icon}}\r\n </mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngFor=\"let columnConfig of tableConfig\" [matColumnDef]=\"columnConfig.text\">\r\n\r\n <!-- if sortable column header -->\r\n <ng-container *ngIf=\"columnConfig.sort?.enable; else notSortable\">\r\n <th mat-header-cell *matHeaderCellDef [mat-sort-header]=\"columnConfig.text\"\r\n [arrowPosition]=\"columnConfig.sort?.position === 'right' ? 'before' : 'after'\">\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-container>\r\n <!-- else not sortable -->\r\n <ng-template #notSortable>\r\n <th mat-header-cell *matHeaderCellDef\r\n [class.text-right]=\"columnConfig.sort?.position == 'right'\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-template>\r\n\r\n <!-- header value-->\r\n <ng-template #headerValue>\r\n <mat-icon *ngIf=\"columnConfig.headerColumn?.icon\"\r\n [matTooltip]=\"columnConfig.headerColumn?.icon?.tooltip?.toString() || ''\"\r\n [style.color]=\"columnConfig.headerColumn?.icon?.color\"\r\n >\r\n {{columnConfig.headerColumn?.icon?.name}}\r\n </mat-icon>\r\n <span *ngIf=\"columnConfig.headerColumn?.showText != false\"\r\n [matTooltip]=\"columnConfig.headerColumn?.tooltip?.toString() || ''\"\r\n >\r\n {{columnConfig.text}}\r\n </span>\r\n </ng-template>\r\n\r\n <!-- column data -->\r\n <td mat-cell *matCellDef=\"let element\">\r\n\r\n <mat-icon *ngIf=\"columnConfig.valueColumn?.icon\"\r\n [matTooltip]=\"columnConfig.valueColumn?.icon?.tooltip? columnConfig.valueColumn?.icon?.tooltip!(element): ''\"\r\n [style.color]=\"columnConfig.valueColumn?.icon?.color? columnConfig.valueColumn?.icon?.color!(element): null\"\r\n >\r\n {{columnConfig.valueColumn?.icon}}\r\n </mat-icon>\r\n\r\n <span *ngIf=\"columnConfig.valueColumn?.showText != false\">\r\n {{element | dataPropertyGetter: columnConfig.key}}\r\n </span>\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row (click)=\"onRowAction.emit(row)\" *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n\r\n <!-- Pagination -->\r\n <mat-paginator *ngIf=\"isPageable\"\r\n [pageSizeOptions]=\"paginationSizes\"\r\n [pageSize]=\"defaultPageSize\"\r\n showFirstLastButtons>\r\n </mat-paginator>\r\n</ng-container>\r\n", styles: ["table{width:100%}th,td{padding:10px!important}mat-form-field{width:40%}.text-right{text-align:right!important}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "arrowPosition", "sortActionDescription", "disableClear", "mat-sort-header", "start"], exportAs: ["matSortHeader"] }, { type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i7.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortActive"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "dataPropertyGetter": i11.DataPropertyGetterPipe } });
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableComponent, decorators: [{
|
|
83
|
+
type: Component,
|
|
84
|
+
args: [{
|
|
85
|
+
selector: 'aur-mat-table',
|
|
86
|
+
templateUrl: './ngx-aur-mat-table.component.html',
|
|
87
|
+
styleUrls: ['./ngx-aur-mat-table.component.scss']
|
|
88
|
+
}]
|
|
89
|
+
}], ctorParameters: function () { return []; }, propDecorators: { matPaginator: [{
|
|
90
|
+
type: ViewChild,
|
|
91
|
+
args: [MatPaginator, { static: false }]
|
|
92
|
+
}], matSort: [{
|
|
93
|
+
type: ViewChild,
|
|
94
|
+
args: [MatSort, { static: true }]
|
|
95
|
+
}], isPageable: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], isSortable: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], isFilterable: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], paginationSizes: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], defaultPageSize: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], sort: [{
|
|
106
|
+
type: Output
|
|
107
|
+
}], rowActionable: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], onRowAction: [{
|
|
110
|
+
type: Output
|
|
111
|
+
}], selectable: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], selected: [{
|
|
114
|
+
type: Output
|
|
115
|
+
}], onSelect: [{
|
|
116
|
+
type: Output
|
|
117
|
+
}], onDeselect: [{
|
|
118
|
+
type: Output
|
|
119
|
+
}], onRowClick: [{
|
|
120
|
+
type: Output
|
|
121
|
+
}], tableConfig: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], tableData: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}] } });
|
|
126
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWF1ci1tYXQtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWF1ci1tYXQtdGFibGUvc3JjL2xpYi9uZ3gtYXVyLW1hdC10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbGliL25neC1hdXItbWF0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV2RyxPQUFPLEVBQUMsT0FBTyxFQUFPLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3pELE9BQU8sRUFBb0IsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRixPQUFPLEVBQWdDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFTL0YsTUFBTSxPQUFPLHVCQUF1QjtJQXlDbEM7UUF2Q08sb0JBQWUsR0FBRyxJQUFJLGtCQUFrQixDQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQzFELHFCQUFnQixHQUFhLEVBQUUsQ0FBQztRQU05QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsb0JBQWUsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEMsb0JBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXpDLFNBQUksR0FBdUIsSUFBSSxZ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YSxFQUFFLENBQUM7SUFDaEQsQ0FBQzs7cUhBekZVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLDhnQkFLdkIsWUFBWSwwRUFFWixPQUFPLDhEQ3RCcEIsbS9JQXdHQTs0RkR6RmEsdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixXQUFXLEVBQUUsb0NBQW9DO29CQUNqRCxTQUFTLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQztpQkFDbEQ7MEVBTTJDLFlBQVk7c0JBQXJELFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQztnQkFFSixPQUFPO3NCQUExQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7Z0JBRXpCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxJQUFJO3NCQUFiLE1BQU07Z0JBR0UsYUFBYTtzQkFBckIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUdFLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBRUcsVUFBVTtzQkFBbkIsTUFBTTtnQkFFRSxXQUFXO3NCQUFuQixLQUFLO2dCQUdPLFNBQVM7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RhYmxlQ29uZmlnfSBmcm9tICcuL21vZGVsL1RhYmxlQ29uZmlnJztcbmltcG9ydCB7TWF0U29ydCwgU29ydH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc29ydCc7XG5pbXBvcnQge01hdFRhYmxlRGF0YVNvdXJjZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHtNYXRQYWdpbmF0b3J9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQge1NlbGVjdGFibGVDb250ZXh0LCBTZWxlY3Rpb25Qcm92aWRlcn0gZnJvbSAnLi9wcm92aWRlcnMvU2VsZWN0aW9uUHJvdmlkZXInO1xuaW1wb3J0IHtBY3Rpb25FdmVudCwgUm93QWN0aW9uQ29udGV4dCwgUm93QWN0aW9uUHJvdmlkZXJ9IGZyb20gJy4vcHJvdmlkZXJzL1Jvd0FjdGlvblByb3ZpZGVyJztcbmltcG9ydCB7VGFibGVSb3d9IGZyb20gXCIuL21vZGVsL1RhYmxlUm93XCI7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVyLW1hdC10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3gtYXVyLW1hdC10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25neC1hdXItbWF0LXRhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmd4QXVyTWF0VGFibGVDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gIHB1YmxpYyB0YWJsZURhdGFTb3VyY2UgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlPFRhYmxlUm93PFQ+PihbXSk7XG4gIHB1YmxpYyBkaXNwbGF5ZWRDb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xuICAvLyBAdHMtaWdub3JlXG4gIEBWaWV3Q2hpbGQoTWF0UGFnaW5hdG9yLCB7c3RhdGljOiBmYWxzZX0pIG1hdFBhZ2luYXRvcjogTWF0UGFnaW5hdG9yO1xuICAvLyBAdHMtaWdub3JlXG4gIEBWaWV3Q2hpbGQoTWF0U29ydCwge3N0YXRpYzogdHJ1ZX0pIG1hdFNvcnQ6IE1hdFNvcnQ7XG5cbiAgQElucHV0KCkgaXNQYWdlYWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBpc1NvcnRhYmxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzRmlsdGVyYWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBwYWdpbmF0aW9uU2l6ZXM6IG51bWJlcltdID0gWzUsIDEwLCAxNV07XG4gIEBJbnB1dCgpIGRlZmF1bHRQYWdlU2l6ZSA9IHRoaXMucGFnaW5hdGlvblNpemVzWzFdO1xuXG4gIEBPdXRwdXQoKSBzb3J0OiBFdmVudEVtaXR0ZXI8U29ydD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy8gQHRzLWlnbm9yZVxuICBASW5wdXQoKSByb3dBY3Rpb25hYmxlOiBSb3dBY3Rpb25Db250ZXh0O1xuICBAT3V0cHV0KCkgb25Sb3dBY3Rpb246IEV2ZW50RW1pdHRlcjxBY3Rpb25FdmVudDxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbkV2ZW50PFQ+PigpO1xuXG4gIC8vIEB0cy1pZ25vcmVcbiAgQElucHV0KCkgc2VsZWN0YWJsZTogU2VsZWN0YWJsZUNvbnRleHQ7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8VGFibGVSb3c8VD5bXT4oKTtcbiAgQE91dHB1dCgpIG9uU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxUYWJsZVJvdzxUPltdPigpO1xuICBAT3V0cHV0KCkgb25EZXNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8VGFibGVSb3c8VD5bXT4oKTtcblxuICBAT3V0cHV0KCkgb25Sb3dDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VGFibGVSb3c8VD4+KCk7XG5cbiAgQElucHV0KCkgdGFibGVDb25maWc6IFRhYmxlQ29uZmlnPGFueT5bXSA9IFtdO1xuXG4gIC8vIHRoaXMgcHJvcGVydHkgbmVlZHMgdG8gaGF2ZSBhIHNldHRlciwgdG8gZHluYW1pY2FsbHkgZ2V0IGNoYW5nZXMgZnJvbSBwYXJlbnQgY29tcG9uZW50XG4gIEBJbnB1dCgpIHNldCB0YWJsZURhdGEoZGF0YTogVGFibGVSb3c8VD5bXSkge1xuICAgIHRoaXMuc2V0VGFibGVEYXRhU291cmNlKGRhdGEpO1xuICB9XG5cbiAgLy8gQHRzLWlnbm9yZVxuICBzZWxlY3Rpb25Qcm92aWRlcjogU2VsZWN0aW9uUHJvdmlkZXI8VD47XG4gIC8vIEB0cy1pZ25vcmVcbiAgcm93QWN0aW9uc1Byb3ZpZGVyOiBSb3dBY3Rpb25Qcm92aWRlcjxUPjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZGlzcGxheWVkQ29sdW1ucyA9IHRoaXMudGFibGVDb25maWcubWFwKCh0YWJsZUNvbHVtbjogVGFibGVDb25maWc8YW55PikgPT4gdGFibGVDb2x1bW4udGV4dCk7XG4gICAgaWYgKHRoaXMucm93QWN0aW9uYWJsZSkge1xuICAgICAgdGhpcy5yb3dBY3Rpb25zUHJvdmlkZXIgPSBuZXcgUm93QWN0aW9uUHJvdmlkZXI8VGFibGVSb3c8VD4+KHRoaXMucm93QWN0aW9uYWJsZSwgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0YWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3Rpb25Qcm92aWRlciA9IG5ldyBTZWxlY3Rpb25Qcm92aWRlcjxUPih0aGlzLnNlbGVjdGFibGUsIHRoaXMuZGlzcGxheWVkQ29sdW1ucywgdGhpcy50YWJsZURhdGFTb3VyY2UpO1xuICAgICAgdGhpcy5zZWxlY3Rpb25Qcm92aWRlci5iaW5kKHRoaXMuc2VsZWN0ZWQsIHRoaXMub25TZWxlY3QsIHRoaXMub25EZXNlbGVjdCk7XG4gICAgfVxuICB9XG5cbiAgLy8gd2UgbmVlZCB0aGlzLCBpbiBvcmRlciB0byBtYWtlIHBhZ2luYXRpb24gd29yayB3aXRoICpuZ0lmXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYmxlRGF0YVNvdXJjZS5wYWdpbmF0b3IgPSB0aGlzLm1hdFBhZ2luYXRvcjtcbiAgfVxuXG5cbiAgc2V0VGFibGVEYXRhU291cmNlKGRhdGE6IGFueSkge1xuICAgIHRoaXMudGFibGVEYXRhU291cmNlID0gbmV3IE1hdFRhYmxlRGF0YVNvdXJjZTxhbnk+KGRhdGEpO1xuICAgIHRoaXMudGFibGVEYXRhU291cmNlLnBhZ2luYXRvciA9IHRoaXMubWF0UGFnaW5hdG9yO1xuICAgIHRoaXMudGFibGVEYXRhU291cmNlLnNvcnQgPSB0aGlzLm1hdFNvcnQ7XG4gIH1cblxuICBhcHBseUZpbHRlcihldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XG4gICAgdGhpcy50YWJsZURhdGFTb3VyY2UuZmlsdGVyID0gZmlsdGVyVmFsdWUudHJpbSgpLnRvTG93ZXJDYXNlKCk7XG4gIH1cblxuICBzb3J0VGFibGUoc29ydFBhcmFtZXRlcnM6IFNvcnQpIHtcbiAgICAvLyBkZWZpbmluZyBuYW1lIG9mIGRhdGEgcHJvcGVydHksIHRvIHNvcnQgYnksIGluc3RlYWQgb2YgY29sdW1uIG5hbWVcbiAgICAvLyBAdHMtaWdub3JlXG4gICAgc29ydFBhcmFtZXRlcnMuYWN0aXZlID0gdGhpcy50YWJsZUNvbmZpZy5maW5kKGNvbHVtbiA9PiBjb2x1bW4ubmFtZSA9PT0gc29ydFBhcmFtZXRlcnMuYWN0aXZlKS5kYXRhS2V5O1xuICAgIHRoaXMuc29ydC5lbWl0KHNvcnRQYXJhbWV0ZXJzKTtcbiAgfVxuXG4gIGVtaXRSb3dBY3Rpb24oYWN0aW9uOiBzdHJpbmcsIHJvdzogVCwgJGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMub25Sb3dBY3Rpb24uZW1pdCh7YWN0aW9uLCB2YWx1ZTogcm93fSk7XG4gIH1cblxuICBtYXN0ZXJUb2dnbGUoKSB7XG4gICAgdGhpcy5zZWxlY3Rpb25Qcm92aWRlci5tYXN0ZXJUb2dnbGUoKTtcbiAgfVxuXG4gIGlzQWxsU2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0aW9uUHJvdmlkZXIuaXNBbGxTZWxlY3RlZCgpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyPlxyXG5cclxuICA8IS0tIEZpbHRlciAtLT5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNGaWx0ZXJhYmxlXCI+XHJcbiAgICA8bWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxtYXQtbGFiZWw+RmlsdGVyPC9tYXQtbGFiZWw+XHJcbiAgICAgIDxpbnB1dCBtYXRJbnB1dCAoa2V5dXApPVwiYXBwbHlGaWx0ZXIoJGV2ZW50KVwiIHBsYWNlaG9sZGVyPVwiZmlsdGVyXCI+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8IS0tIFRhYmxlIC0tPlxyXG4gIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwidGFibGVEYXRhU291cmNlXCIgbWF0U29ydCAobWF0U29ydENoYW5nZSk9XCJzb3J0VGFibGUoJGV2ZW50KVwiPlxyXG5cclxuICAgIDwhLS0gICAgICAgIHNlbGVjdGlvbi1jb2x1bW4tLT5cclxuICAgIDxuZy1jb250YWluZXIgW21hdENvbHVtbkRlZl09XCJzZWxlY3Rpb25Qcm92aWRlci5DT0xVTU5fTkFNRVwiICpuZ0lmPVwic2VsZWN0aW9uUHJvdmlkZXJcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICA8bWF0LWNoZWNrYm94IChjaGFuZ2UpPVwiJGV2ZW50ID8gbWFzdGVyVG9nZ2xlKCkgOiBudWxsXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGlvblByb3ZpZGVyLnNlbGVjdGlvbi5oYXNWYWx1ZSgpICYmIGlzQWxsU2VsZWN0ZWQoKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbaW5kZXRlcm1pbmF0ZV09XCJzZWxlY3Rpb25Qcm92aWRlci5zZWxlY3Rpb24uaGFzVmFsdWUoKSAmJiAhaXNBbGxTZWxlY3RlZCgpXCI+XHJcbiAgICAgICAgPC9tYXQtY2hlY2tib3g+XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCByb3dcIj5cclxuICAgICAgICA8bWF0LWNoZWNrYm94IChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCIkZXZlbnQgPyBzZWxlY3Rpb25Qcm92aWRlci5zZWxlY3Rpb24udG9nZ2xlKHJvdykgOiBudWxsXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGlvblByb3ZpZGVyLnNlbGVjdGlvbi5pc1NlbGVjdGVkKHJvdylcIj5cclxuICAgICAgICA8L21hdC1jaGVja2JveD5cclxuICAgICAgPC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDwhLS0gYWN0aW9uIGNvbHVtbiAtLT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyb3dBY3Rpb25zUHJvdmlkZXJcIiBbbWF0Q29sdW1uRGVmXT1cInJvd0FjdGlvbnNQcm92aWRlci5DT0xVTU5fTkFNRVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPjwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJlbWl0Um93QWN0aW9uKGFjdGlvbi5hY3Rpb24sIGVsZW1lbnQsICRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiYWN0aW9uLnRvb2x0aXA/IGFjdGlvbi50b29sdGlwOiAnJ1wiXHJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIHJvd0FjdGlvbmFibGUuYWN0aW9uc1wiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIFtzdHlsZS5jb2xvcl09XCJhY3Rpb24uY29sb3JcIj5cclxuICAgICAgICAgICAge3thY3Rpb24uaWNvbn19XHJcbiAgICAgICAgICA8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uQ29uZmlnIG9mIHRhYmxlQ29uZmlnXCIgW21hdENvbHVtbkRlZl09XCJjb2x1bW5Db25maWcudGV4dFwiPlxyXG5cclxuICAgICAgPCEtLSBpZiBzb3J0YWJsZSBjb2x1bW4gaGVhZGVyIC0tPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sdW1uQ29uZmlnLnNvcnQ/LmVuYWJsZTsgZWxzZSBub3RTb3J0YWJsZVwiPlxyXG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgW21hdC1zb3J0LWhlYWRlcl09XCJjb2x1bW5Db25maWcudGV4dFwiXHJcbiAgICAgICAgICAgIFthcnJvd1Bvc2l0aW9uXT1cImNvbHVtbkNvbmZpZy5zb3J0Py5wb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdiZWZvcmUnIDogJ2FmdGVyJ1wiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclZhbHVlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90aD5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwhLS0gZWxzZSBub3Qgc29ydGFibGUgLS0+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjbm90U29ydGFibGU+XHJcbiAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZlxyXG4gICAgICAgICAgICBbY2xhc3MudGV4dC1yaWdodF09XCJjb2x1bW5Db25maWcuc29ydD8ucG9zaXRpb24gPT0gJ3JpZ2h0J1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclZhbHVlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90aD5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDwhLS0gICAgICBoZWFkZXIgdmFsdWUtLT5cclxuICAgICAgPG5nLXRlbXBsYXRlICNoZWFkZXJWYWx1ZT5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJjb2x1bW5Db25maWcuaGVhZGVyQ29sdW1uPy5pY29uXCJcclxuICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiY29sdW1uQ29uZmlnLmhlYWRlckNvbHVtbj8uaWNvbj8udG9vbHRpcD8udG9TdHJpbmcoKSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJjb2x1bW5Db25maWcuaGVhZGVyQ29sdW1uPy5pY29uPy5jb2xvclwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAge3tjb2x1bW5Db25maWcuaGVhZGVyQ29sdW1uPy5pY29uPy5uYW1lfX1cclxuICAgICAgICA8L21hdC1pY29uPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiY29sdW1uQ29uZmlnLmhlYWRlckNvbHVtbj8uc2hvd1RleHQgIT0gZmFsc2VcIlxyXG4gICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cImNvbHVtbkNvbmZpZy5oZWFkZXJDb2x1bW4/LnRvb2x0aXA/LnRvU3RyaW5nKCkgfHwgJydcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7Y29sdW1uQ29uZmlnLnRleHR9fVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDwhLS0gY29sdW1uIGRhdGEgLS0+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XHJcblxyXG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImNvbHVtbkNvbmZpZy52YWx1ZUNvbHVtbj8uaWNvblwiXHJcbiAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cImNvbHVtbkNvbmZpZy52YWx1ZUNvbHVtbj8uaWNvbj8udG9vbHRpcD8gY29sdW1uQ29uZmlnLnZhbHVlQ29sdW1uPy5pY29uPy50b29sdGlwIShlbGVtZW50KTogJydcIlxyXG4gICAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiY29sdW1uQ29uZmlnLnZhbHVlQ29sdW1uPy5pY29uPy5jb2xvcj8gY29sdW1uQ29uZmlnLnZhbHVlQ29sdW1uPy5pY29uPy5jb2xvciEoZWxlbWVudCk6IG51bGxcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7Y29sdW1uQ29uZmlnLnZhbHVlQ29sdW1uPy5pY29ufX1cclxuICAgICAgICA8L21hdC1pY29uPlxyXG5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImNvbHVtbkNvbmZpZy52YWx1ZUNvbHVtbj8uc2hvd1RleHQgIT0gZmFsc2VcIj5cclxuICAgICAgICAgIHt7ZWxlbWVudCB8IGRhdGFQcm9wZXJ0eUdldHRlcjogY29sdW1uQ29uZmlnLmtleX19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5ZWRDb2x1bW5zXCI+PC90cj5cclxuICAgIDx0ciBtYXQtcm93IChjbGljayk9XCJvblJvd0FjdGlvbi5lbWl0KHJvdylcIiAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogZGlzcGxheWVkQ29sdW1ucztcIj48L3RyPlxyXG4gIDwvdGFibGU+XHJcblxyXG4gIDwhLS0gUGFnaW5hdGlvbiAtLT5cclxuICA8bWF0LXBhZ2luYXRvciAqbmdJZj1cImlzUGFnZWFibGVcIlxyXG4gICAgICAgICAgICAgICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwicGFnaW5hdGlvblNpemVzXCJcclxuICAgICAgICAgICAgICAgICBbcGFnZVNpemVdPVwiZGVmYXVsdFBhZ2VTaXplXCJcclxuICAgICAgICAgICAgICAgICBzaG93Rmlyc3RMYXN0QnV0dG9ucz5cclxuICA8L21hdC1wYWdpbmF0b3I+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { NgxAurMatTableComponent } from './ngx-aur-mat-table.component';
|
|
3
|
+
import { BrowserModule } from "@angular/platform-browser";
|
|
4
|
+
import { MatIconModule } from "@angular/material/icon";
|
|
5
|
+
import { MatTableModule } from "@angular/material/table";
|
|
6
|
+
import { MatPaginatorModule } from "@angular/material/paginator";
|
|
7
|
+
import { MatButtonModule } from "@angular/material/button";
|
|
8
|
+
import { MatInputModule } from "@angular/material/input";
|
|
9
|
+
import { MatSortModule } from "@angular/material/sort";
|
|
10
|
+
import { MatTooltipModule } from "@angular/material/tooltip";
|
|
11
|
+
import { MatCheckboxModule } from "@angular/material/checkbox";
|
|
12
|
+
import { MatFormFieldModule } from "@angular/material/form-field";
|
|
13
|
+
import { DataPropertyGetterPipe } from "./data-property-getter-pipe/data-property-getter.pipe";
|
|
14
|
+
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
|
|
15
|
+
import * as i0 from "@angular/core";
|
|
16
|
+
export class NgxAurMatTableModule {
|
|
17
|
+
}
|
|
18
|
+
NgxAurMatTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
19
|
+
NgxAurMatTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, declarations: [NgxAurMatTableComponent,
|
|
20
|
+
DataPropertyGetterPipe], imports: [BrowserModule,
|
|
21
|
+
BrowserAnimationsModule,
|
|
22
|
+
MatIconModule,
|
|
23
|
+
MatTableModule,
|
|
24
|
+
MatPaginatorModule,
|
|
25
|
+
MatButtonModule,
|
|
26
|
+
MatInputModule,
|
|
27
|
+
MatSortModule,
|
|
28
|
+
MatTooltipModule,
|
|
29
|
+
MatCheckboxModule,
|
|
30
|
+
MatFormFieldModule], exports: [NgxAurMatTableComponent,
|
|
31
|
+
DataPropertyGetterPipe] });
|
|
32
|
+
NgxAurMatTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, imports: [[
|
|
33
|
+
BrowserModule,
|
|
34
|
+
BrowserAnimationsModule,
|
|
35
|
+
MatIconModule,
|
|
36
|
+
MatTableModule,
|
|
37
|
+
MatPaginatorModule,
|
|
38
|
+
MatButtonModule,
|
|
39
|
+
MatInputModule,
|
|
40
|
+
MatSortModule,
|
|
41
|
+
MatTooltipModule,
|
|
42
|
+
MatCheckboxModule,
|
|
43
|
+
MatFormFieldModule
|
|
44
|
+
]] });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, decorators: [{
|
|
46
|
+
type: NgModule,
|
|
47
|
+
args: [{
|
|
48
|
+
declarations: [
|
|
49
|
+
NgxAurMatTableComponent,
|
|
50
|
+
DataPropertyGetterPipe
|
|
51
|
+
],
|
|
52
|
+
imports: [
|
|
53
|
+
BrowserModule,
|
|
54
|
+
BrowserAnimationsModule,
|
|
55
|
+
MatIconModule,
|
|
56
|
+
MatTableModule,
|
|
57
|
+
MatPaginatorModule,
|
|
58
|
+
MatButtonModule,
|
|
59
|
+
MatInputModule,
|
|
60
|
+
MatSortModule,
|
|
61
|
+
MatTooltipModule,
|
|
62
|
+
MatCheckboxModule,
|
|
63
|
+
MatFormFieldModule
|
|
64
|
+
],
|
|
65
|
+
exports: [
|
|
66
|
+
NgxAurMatTableComponent,
|
|
67
|
+
DataPropertyGetterPipe
|
|
68
|
+
]
|
|
69
|
+
}]
|
|
70
|
+
}] });
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWF1ci1tYXQtdGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWF1ci1tYXQtdGFibGUvc3JjL2xpYi9uZ3gtYXVyLW1hdC10YWJsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUM3RixPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQzs7QUEwQjdFLE1BQU0sT0FBTyxvQkFBb0I7O2tIQUFwQixvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFyQjdCLHVCQUF1QjtRQUN2QixzQkFBc0IsYUFHdEIsYUFBYTtRQUNiLHVCQUF1QjtRQUN2QixhQUFhO1FBQ2IsY0FBYztRQUNkLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsY0FBYztRQUNkLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsaUJBQWlCO1FBQ2pCLGtCQUFrQixhQUdsQix1QkFBdUI7UUFDdkIsc0JBQXNCO21IQUdiLG9CQUFvQixZQWxCdEI7WUFDUCxhQUFhO1lBQ2IsdUJBQXVCO1lBQ3ZCLGFBQWE7WUFDYixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixjQUFjO1lBQ2QsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixpQkFBaUI7WUFDakIsa0JBQWtCO1NBQ25COzRGQU1VLG9CQUFvQjtrQkF2QmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTt3QkFDYix1QkFBdUI7d0JBQ3ZCLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7d0JBQ3ZCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Tmd4QXVyTWF0VGFibGVDb21wb25lbnR9IGZyb20gJy4vbmd4LWF1ci1tYXQtdGFibGUuY29tcG9uZW50JztcbmltcG9ydCB7QnJvd3Nlck1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcbmltcG9ydCB7TWF0VGFibGVNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90YWJsZVwiO1xuaW1wb3J0IHtNYXRQYWdpbmF0b3JNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3JcIjtcbmltcG9ydCB7TWF0QnV0dG9uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XG5pbXBvcnQge01hdElucHV0TW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcbmltcG9ydCB7TWF0U29ydE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NvcnRcIjtcbmltcG9ydCB7TWF0VG9vbHRpcE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXBcIjtcbmltcG9ydCB7TWF0Q2hlY2tib3hNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveFwiO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkXCI7XG5pbXBvcnQge0RhdGFQcm9wZXJ0eUdldHRlclBpcGV9IGZyb20gXCIuL2RhdGEtcHJvcGVydHktZ2V0dGVyLXBpcGUvZGF0YS1wcm9wZXJ0eS1nZXR0ZXIucGlwZVwiO1xuaW1wb3J0IHtCcm93c2VyQW5pbWF0aW9uc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9uc1wiO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE5neEF1ck1hdFRhYmxlQ29tcG9uZW50LFxuICAgIERhdGFQcm9wZXJ0eUdldHRlclBpcGVcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEJyb3dzZXJNb2R1bGUsXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRUYWJsZU1vZHVsZSxcbiAgICBNYXRQYWdpbmF0b3JNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdFNvcnRNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE5neEF1ck1hdFRhYmxlQ29tcG9uZW50LFxuICAgIERhdGFQcm9wZXJ0eUdldHRlclBpcGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hBdXJNYXRUYWJsZU1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export class RowActionProvider {
|
|
2
|
+
constructor(ctx, columns) {
|
|
3
|
+
this.COLUMN_NAME = 'tbl_actions';
|
|
4
|
+
this.context = ctx;
|
|
5
|
+
if (ctx.position === 'start') {
|
|
6
|
+
columns.unshift(this.COLUMN_NAME);
|
|
7
|
+
}
|
|
8
|
+
else {
|
|
9
|
+
columns.push(this.COLUMN_NAME);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93QWN0aW9uUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbGliL3Byb3ZpZGVycy9Sb3dBY3Rpb25Qcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQkEsTUFBTSxPQUFPLGlCQUFpQjtJQUsxQixZQUFZLEdBQXFCLEVBQUUsT0FBaUI7UUFIM0MsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFJakMsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDbkIsSUFBSSxHQUFHLENBQUMsUUFBUSxLQUFLLE9BQU8sRUFBRTtZQUMxQixPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNyQzthQUFNO1lBQ0gsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDbEM7SUFDTCxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEFjdGlvbkV2ZW50PFQ+IHtcclxuICAgIGFjdGlvbjogc3RyaW5nO1xyXG4gICAgdmFsdWU6IFQ7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUm93QWN0aW9uQ29udGV4dCB7XHJcbiAgICBwb3NpdGlvbj86ICdzdGFydCcgfCAnZW5kJztcclxuICAgIGFjdGlvbnM6IEFjdGlvbkNvbnRleHRbXTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBY3Rpb25Db250ZXh0IHtcclxuICAgIGljb246IHN0cmluZztcclxuICAgIGFjdGlvbjogc3RyaW5nO1xyXG4gICAgY29sb3I/OiBzdHJpbmc7XHJcbiAgICB0b29sdGlwPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgUm93QWN0aW9uUHJvdmlkZXI8VD4ge1xyXG5cclxuICAgIHJlYWRvbmx5IENPTFVNTl9OQU1FID0gJ3RibF9hY3Rpb25zJztcclxuICAgIGNvbnRleHQ6IFJvd0FjdGlvbkNvbnRleHQ7XHJcblxyXG4gICAgY29uc3RydWN0b3IoY3R4OiBSb3dBY3Rpb25Db250ZXh0LCBjb2x1bW5zOiBzdHJpbmdbXSkge1xyXG4gICAgICAgIHRoaXMuY29udGV4dCA9IGN0eDtcclxuICAgICAgICBpZiAoY3R4LnBvc2l0aW9uID09PSAnc3RhcnQnKSB7XHJcbiAgICAgICAgICAgIGNvbHVtbnMudW5zaGlmdCh0aGlzLkNPTFVNTl9OQU1FKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICBjb2x1bW5zLnB1c2godGhpcy5DT0xVTU5fTkFNRSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
|
2
|
+
export class SelectionProvider {
|
|
3
|
+
constructor(ctx, columns, tableDataSource) {
|
|
4
|
+
this.COLUMN_NAME = 'tbl_selects';
|
|
5
|
+
this.context = ctx;
|
|
6
|
+
this.selection = new SelectionModel(ctx.multiple, []);
|
|
7
|
+
this.tableDataSource = tableDataSource;
|
|
8
|
+
this.initCheckboxColumn(columns);
|
|
9
|
+
}
|
|
10
|
+
initCheckboxColumn(columns) {
|
|
11
|
+
if (this.context.position === 'start') {
|
|
12
|
+
columns.unshift(this.COLUMN_NAME);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
columns.push(this.COLUMN_NAME);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
bind(selected, onSelect, onDeselect) {
|
|
19
|
+
this.selection.changed
|
|
20
|
+
.subscribe(event => {
|
|
21
|
+
if (event.added) {
|
|
22
|
+
onSelect.emit(event.added);
|
|
23
|
+
}
|
|
24
|
+
if (event.removed) {
|
|
25
|
+
onDeselect.emit(event.removed);
|
|
26
|
+
}
|
|
27
|
+
selected.emit(this.selection.selected);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
masterToggle() {
|
|
31
|
+
this.isAllSelected() ?
|
|
32
|
+
this.selection.clear() :
|
|
33
|
+
this.tableDataSource.data.forEach(row => this.selection.select(row));
|
|
34
|
+
}
|
|
35
|
+
isAllSelected() {
|
|
36
|
+
const numSelected = this.selection.selected.length;
|
|
37
|
+
const numRows = this.tableDataSource.data.length;
|
|
38
|
+
return numSelected === numRows;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0aW9uUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbGliL3Byb3ZpZGVycy9TZWxlY3Rpb25Qcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFVeEQsTUFBTSxPQUFPLGlCQUFpQjtJQU81QixZQUFZLEdBQXNCLEVBQUUsT0FBaUIsRUFBRSxlQUFnRDtRQUx2RixnQkFBVyxHQUFHLGFBQWEsQ0FBQztRQU0xQyxJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksY0FBYyxDQUFjLEdBQUcsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDdkMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxPQUFpQjtRQUNsQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxLQUFLLE9BQU8sRUFBRTtZQUNyQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUNuQzthQUFNO1lBQ0wsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRUQsSUFBSSxDQUFDLFFBQXFDLEVBQUUsUUFBcUMsRUFBRSxVQUF1QztRQUN4SCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU87YUFDbkIsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ2pCLElBQUksS0FBSyxDQUFDLEtBQUssRUFBRTtnQkFDZixRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUM1QjtZQUNELElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakIsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7YUFDaEM7WUFDRCxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztZQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRCxhQUFhO1FBQ1gsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1FBQ25ELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNqRCxPQUFPLFdBQVcsS0FBSyxPQUFPLENBQUM7SUFDakMsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtTZWxlY3Rpb25Nb2RlbH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvbGxlY3Rpb25zJztcclxuaW1wb3J0IHtNYXRUYWJsZURhdGFTb3VyY2V9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcclxuaW1wb3J0IHtFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1RhYmxlUm93fSBmcm9tIFwiLi4vbW9kZWwvVGFibGVSb3dcIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0YWJsZUNvbnRleHQge1xyXG4gIHBvc2l0aW9uPzogJ3N0YXJ0JyB8ICdlbmQnO1xyXG4gIG11bHRpcGxlPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIFNlbGVjdGlvblByb3ZpZGVyPFQ+IHtcclxuXHJcbiAgcHVibGljIHJlYWRvbmx5IENPTFVNTl9OQU1FID0gJ3RibF9zZWxlY3RzJztcclxuICBzZWxlY3Rpb246IFNlbGVjdGlvbk1vZGVsPFRhYmxlUm93PFQ+PjtcclxuICBjb250ZXh0OiBTZWxlY3RhYmxlQ29udGV4dDtcclxuICB0YWJsZURhdGFTb3VyY2U6IE1hdFRhYmxlRGF0YVNvdXJjZTxUYWJsZVJvdzxUPj47XHJcblxyXG4gIGNvbnN0cnVjdG9yKGN0eDogU2VsZWN0YWJsZUNvbnRleHQsIGNvbHVtbnM6IHN0cmluZ1tdLCB0YWJsZURhdGFTb3VyY2U6IE1hdFRhYmxlRGF0YVNvdXJjZTxUYWJsZVJvdzxUPj4pIHtcclxuICAgIHRoaXMuY29udGV4dCA9IGN0eDtcclxuICAgIHRoaXMuc2VsZWN0aW9uID0gbmV3IFNlbGVjdGlvbk1vZGVsPFRhYmxlUm93PFQ+PihjdHgubXVsdGlwbGUsIFtdKTtcclxuICAgIHRoaXMudGFibGVEYXRhU291cmNlID0gdGFibGVEYXRhU291cmNlO1xyXG4gICAgdGhpcy5pbml0Q2hlY2tib3hDb2x1bW4oY29sdW1ucyk7XHJcbiAgfVxyXG5cclxuICBpbml0Q2hlY2tib3hDb2x1bW4oY29sdW1uczogc3RyaW5nW10pIHtcclxuICAgIGlmICh0aGlzLmNvbnRleHQucG9zaXRpb24gPT09ICdzdGFydCcpIHtcclxuICAgICAgY29sdW1ucy51bnNoaWZ0KHRoaXMuQ09MVU1OX05BTUUpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY29sdW1ucy5wdXNoKHRoaXMuQ09MVU1OX05BTUUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYmluZChzZWxlY3RlZDogRXZlbnRFbWl0dGVyPFRhYmxlUm93PFQ+W10+LCBvblNlbGVjdDogRXZlbnRFbWl0dGVyPFRhYmxlUm93PFQ+W10+LCBvbkRlc2VsZWN0OiBFdmVudEVtaXR0ZXI8VGFibGVSb3c8VD5bXT4pIHtcclxuICAgIHRoaXMuc2VsZWN0aW9uLmNoYW5nZWRcclxuICAgICAgLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgICAgaWYgKGV2ZW50LmFkZGVkKSB7XHJcbiAgICAgICAgICBvblNlbGVjdC5lbWl0KGV2ZW50LmFkZGVkKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGV2ZW50LnJlbW92ZWQpIHtcclxuICAgICAgICAgIG9uRGVzZWxlY3QuZW1pdChldmVudC5yZW1vdmVkKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgc2VsZWN0ZWQuZW1pdCh0aGlzLnNlbGVjdGlvbi5zZWxlY3RlZCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbWFzdGVyVG9nZ2xlKCkge1xyXG4gICAgdGhpcy5pc0FsbFNlbGVjdGVkKCkgP1xyXG4gICAgICB0aGlzLnNlbGVjdGlvbi5jbGVhcigpIDpcclxuICAgICAgdGhpcy50YWJsZURhdGFTb3VyY2UuZGF0YS5mb3JFYWNoKHJvdyA9PiB0aGlzLnNlbGVjdGlvbi5zZWxlY3Qocm93KSk7XHJcbiAgfVxyXG5cclxuICBpc0FsbFNlbGVjdGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgY29uc3QgbnVtU2VsZWN0ZWQgPSB0aGlzLnNlbGVjdGlvbi5zZWxlY3RlZC5sZW5ndGg7XHJcbiAgICBjb25zdCBudW1Sb3dzID0gdGhpcy50YWJsZURhdGFTb3VyY2UuZGF0YS5sZW5ndGg7XHJcbiAgICByZXR1cm4gbnVtU2VsZWN0ZWQgPT09IG51bVJvd3M7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWF1ci1tYXQtdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uZ3gtYXVyLW1hdC10YWJsZS9zcmMvbmd4LWF1ci1tYXQtdGFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of ngx-aur-mat-table
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/ngx-aur-mat-table.component';
|
|
5
|
+
export * from './lib/ngx-aur-mat-table.module';
|
|
6
|
+
export * from './lib/data-property-getter-pipe/data-property-getter.pipe';
|
|
7
|
+
export * from './lib/model/TableRow';
|
|
8
|
+
export * from './lib/model/TableConfig';
|
|
9
|
+
export * from './lib/model/TableConfig';
|
|
10
|
+
export * from './lib/providers/RowActionProvider';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1hdXItbWF0LXRhYmxlL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxzQkFBc0IsQ0FBQTtBQUNwQyxjQUFjLHlCQUF5QixDQUFBO0FBQ3ZDLGNBQWMseUJBQXlCLENBQUE7QUFDdkMsY0FBYyxtQ0FBbUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWF1ci1tYXQtdGFibGVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZ3gtYXVyLW1hdC10YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWF1ci1tYXQtdGFibGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtcHJvcGVydHktZ2V0dGVyLXBpcGUvZGF0YS1wcm9wZXJ0eS1nZXR0ZXIucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbC9UYWJsZVJvdydcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVsL1RhYmxlQ29uZmlnJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWwvVGFibGVDb25maWcnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm92aWRlcnMvUm93QWN0aW9uUHJvdmlkZXInXG4iXX0=
|
|
@@ -0,0 +1,272 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Pipe, EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i6 from '@angular/material/sort';
|
|
4
|
+
import { MatSort, MatSortModule } from '@angular/material/sort';
|
|
5
|
+
import * as i2 from '@angular/material/table';
|
|
6
|
+
import { MatTableDataSource, MatTableModule } from '@angular/material/table';
|
|
7
|
+
import * as i7 from '@angular/material/paginator';
|
|
8
|
+
import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
|
|
9
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
|
10
|
+
import * as i1 from '@angular/material/form-field';
|
|
11
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
12
|
+
import * as i3 from '@angular/material/checkbox';
|
|
13
|
+
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
14
|
+
import * as i4 from '@angular/material/button';
|
|
15
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
16
|
+
import * as i5 from '@angular/material/icon';
|
|
17
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
18
|
+
import * as i8 from '@angular/common';
|
|
19
|
+
import * as i9 from '@angular/material/input';
|
|
20
|
+
import { MatInputModule } from '@angular/material/input';
|
|
21
|
+
import * as i10 from '@angular/material/tooltip';
|
|
22
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
23
|
+
import { BrowserModule } from '@angular/platform-browser';
|
|
24
|
+
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
25
|
+
|
|
26
|
+
class SelectionProvider {
|
|
27
|
+
constructor(ctx, columns, tableDataSource) {
|
|
28
|
+
this.COLUMN_NAME = 'tbl_selects';
|
|
29
|
+
this.context = ctx;
|
|
30
|
+
this.selection = new SelectionModel(ctx.multiple, []);
|
|
31
|
+
this.tableDataSource = tableDataSource;
|
|
32
|
+
this.initCheckboxColumn(columns);
|
|
33
|
+
}
|
|
34
|
+
initCheckboxColumn(columns) {
|
|
35
|
+
if (this.context.position === 'start') {
|
|
36
|
+
columns.unshift(this.COLUMN_NAME);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
columns.push(this.COLUMN_NAME);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
bind(selected, onSelect, onDeselect) {
|
|
43
|
+
this.selection.changed
|
|
44
|
+
.subscribe(event => {
|
|
45
|
+
if (event.added) {
|
|
46
|
+
onSelect.emit(event.added);
|
|
47
|
+
}
|
|
48
|
+
if (event.removed) {
|
|
49
|
+
onDeselect.emit(event.removed);
|
|
50
|
+
}
|
|
51
|
+
selected.emit(this.selection.selected);
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
masterToggle() {
|
|
55
|
+
this.isAllSelected() ?
|
|
56
|
+
this.selection.clear() :
|
|
57
|
+
this.tableDataSource.data.forEach(row => this.selection.select(row));
|
|
58
|
+
}
|
|
59
|
+
isAllSelected() {
|
|
60
|
+
const numSelected = this.selection.selected.length;
|
|
61
|
+
const numRows = this.tableDataSource.data.length;
|
|
62
|
+
return numSelected === numRows;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
class RowActionProvider {
|
|
67
|
+
constructor(ctx, columns) {
|
|
68
|
+
this.COLUMN_NAME = 'tbl_actions';
|
|
69
|
+
this.context = ctx;
|
|
70
|
+
if (ctx.position === 'start') {
|
|
71
|
+
columns.unshift(this.COLUMN_NAME);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
columns.push(this.COLUMN_NAME);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
class DataPropertyGetterPipe {
|
|
80
|
+
transform(object, keyName, ...args) {
|
|
81
|
+
return object[keyName];
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
DataPropertyGetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
85
|
+
DataPropertyGetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, name: "dataPropertyGetter" });
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataPropertyGetterPipe, decorators: [{
|
|
87
|
+
type: Pipe,
|
|
88
|
+
args: [{
|
|
89
|
+
name: 'dataPropertyGetter'
|
|
90
|
+
}]
|
|
91
|
+
}] });
|
|
92
|
+
|
|
93
|
+
class NgxAurMatTableComponent {
|
|
94
|
+
constructor() {
|
|
95
|
+
this.tableDataSource = new MatTableDataSource([]);
|
|
96
|
+
this.displayedColumns = [];
|
|
97
|
+
this.isPageable = false;
|
|
98
|
+
this.isSortable = false;
|
|
99
|
+
this.isFilterable = false;
|
|
100
|
+
this.paginationSizes = [5, 10, 15];
|
|
101
|
+
this.defaultPageSize = this.paginationSizes[1];
|
|
102
|
+
this.sort = new EventEmitter();
|
|
103
|
+
this.onRowAction = new EventEmitter();
|
|
104
|
+
this.selected = new EventEmitter();
|
|
105
|
+
this.onSelect = new EventEmitter();
|
|
106
|
+
this.onDeselect = new EventEmitter();
|
|
107
|
+
this.onRowClick = new EventEmitter();
|
|
108
|
+
this.tableConfig = [];
|
|
109
|
+
}
|
|
110
|
+
// this property needs to have a setter, to dynamically get changes from parent component
|
|
111
|
+
set tableData(data) {
|
|
112
|
+
this.setTableDataSource(data);
|
|
113
|
+
}
|
|
114
|
+
ngOnInit() {
|
|
115
|
+
this.displayedColumns = this.tableConfig.map((tableColumn) => tableColumn.text);
|
|
116
|
+
if (this.rowActionable) {
|
|
117
|
+
this.rowActionsProvider = new RowActionProvider(this.rowActionable, this.displayedColumns);
|
|
118
|
+
}
|
|
119
|
+
else if (this.selectable) {
|
|
120
|
+
this.selectionProvider = new SelectionProvider(this.selectable, this.displayedColumns, this.tableDataSource);
|
|
121
|
+
this.selectionProvider.bind(this.selected, this.onSelect, this.onDeselect);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
// we need this, in order to make pagination work with *ngIf
|
|
125
|
+
ngAfterViewInit() {
|
|
126
|
+
this.tableDataSource.paginator = this.matPaginator;
|
|
127
|
+
}
|
|
128
|
+
setTableDataSource(data) {
|
|
129
|
+
this.tableDataSource = new MatTableDataSource(data);
|
|
130
|
+
this.tableDataSource.paginator = this.matPaginator;
|
|
131
|
+
this.tableDataSource.sort = this.matSort;
|
|
132
|
+
}
|
|
133
|
+
applyFilter(event) {
|
|
134
|
+
const filterValue = event.target.value;
|
|
135
|
+
this.tableDataSource.filter = filterValue.trim().toLowerCase();
|
|
136
|
+
}
|
|
137
|
+
sortTable(sortParameters) {
|
|
138
|
+
// defining name of data property, to sort by, instead of column name
|
|
139
|
+
// @ts-ignore
|
|
140
|
+
sortParameters.active = this.tableConfig.find(column => column.name === sortParameters.active).dataKey;
|
|
141
|
+
this.sort.emit(sortParameters);
|
|
142
|
+
}
|
|
143
|
+
emitRowAction(action, row, $event) {
|
|
144
|
+
$event.stopPropagation();
|
|
145
|
+
this.onRowAction.emit({ action, value: row });
|
|
146
|
+
}
|
|
147
|
+
masterToggle() {
|
|
148
|
+
this.selectionProvider.masterToggle();
|
|
149
|
+
}
|
|
150
|
+
isAllSelected() {
|
|
151
|
+
return this.selectionProvider.isAllSelected();
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
NgxAurMatTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
155
|
+
NgxAurMatTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NgxAurMatTableComponent, selector: "aur-mat-table", inputs: { isPageable: "isPageable", isSortable: "isSortable", isFilterable: "isFilterable", paginationSizes: "paginationSizes", defaultPageSize: "defaultPageSize", rowActionable: "rowActionable", selectable: "selectable", tableConfig: "tableConfig", tableData: "tableData" }, outputs: { sort: "sort", onRowAction: "onRowAction", selected: "selected", onSelect: "onSelect", onDeselect: "onDeselect", onRowClick: "onRowClick" }, viewQueries: [{ propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matSort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<ng-container>\r\n\r\n <!-- Filter -->\r\n <ng-container *ngIf=\"isFilterable\">\r\n <mat-form-field>\r\n <mat-label>Filter</mat-label>\r\n <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"filter\">\r\n </mat-form-field>\r\n </ng-container>\r\n\r\n <!-- Table -->\r\n <table mat-table [dataSource]=\"tableDataSource\" matSort (matSortChange)=\"sortTable($event)\">\r\n\r\n <!-- selection-column-->\r\n <ng-container [matColumnDef]=\"selectionProvider.COLUMN_NAME\" *ngIf=\"selectionProvider\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n [checked]=\"selectionProvider.selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selectionProvider.selection.hasValue() && !isAllSelected()\">\r\n </mat-checkbox>\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\">\r\n <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selectionProvider.selection.toggle(row) : null\"\r\n [checked]=\"selectionProvider.selection.isSelected(row)\">\r\n </mat-checkbox>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- action column -->\r\n <ng-container *ngIf=\"rowActionsProvider\" [matColumnDef]=\"rowActionsProvider.COLUMN_NAME\">\r\n <th mat-header-cell *matHeaderCellDef></th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <button mat-icon-button\r\n (click)=\"emitRowAction(action.action, element, $event)\"\r\n [matTooltip]=\"action.tooltip? action.tooltip: ''\"\r\n *ngFor=\"let action of rowActionable.actions\">\r\n <mat-icon [style.color]=\"action.color\">\r\n {{action.icon}}\r\n </mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngFor=\"let columnConfig of tableConfig\" [matColumnDef]=\"columnConfig.text\">\r\n\r\n <!-- if sortable column header -->\r\n <ng-container *ngIf=\"columnConfig.sort?.enable; else notSortable\">\r\n <th mat-header-cell *matHeaderCellDef [mat-sort-header]=\"columnConfig.text\"\r\n [arrowPosition]=\"columnConfig.sort?.position === 'right' ? 'before' : 'after'\">\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-container>\r\n <!-- else not sortable -->\r\n <ng-template #notSortable>\r\n <th mat-header-cell *matHeaderCellDef\r\n [class.text-right]=\"columnConfig.sort?.position == 'right'\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-template>\r\n\r\n <!-- header value-->\r\n <ng-template #headerValue>\r\n <mat-icon *ngIf=\"columnConfig.headerColumn?.icon\"\r\n [matTooltip]=\"columnConfig.headerColumn?.icon?.tooltip?.toString() || ''\"\r\n [style.color]=\"columnConfig.headerColumn?.icon?.color\"\r\n >\r\n {{columnConfig.headerColumn?.icon?.name}}\r\n </mat-icon>\r\n <span *ngIf=\"columnConfig.headerColumn?.showText != false\"\r\n [matTooltip]=\"columnConfig.headerColumn?.tooltip?.toString() || ''\"\r\n >\r\n {{columnConfig.text}}\r\n </span>\r\n </ng-template>\r\n\r\n <!-- column data -->\r\n <td mat-cell *matCellDef=\"let element\">\r\n\r\n <mat-icon *ngIf=\"columnConfig.valueColumn?.icon\"\r\n [matTooltip]=\"columnConfig.valueColumn?.icon?.tooltip? columnConfig.valueColumn?.icon?.tooltip!(element): ''\"\r\n [style.color]=\"columnConfig.valueColumn?.icon?.color? columnConfig.valueColumn?.icon?.color!(element): null\"\r\n >\r\n {{columnConfig.valueColumn?.icon}}\r\n </mat-icon>\r\n\r\n <span *ngIf=\"columnConfig.valueColumn?.showText != false\">\r\n {{element | dataPropertyGetter: columnConfig.key}}\r\n </span>\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row (click)=\"onRowAction.emit(row)\" *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n\r\n <!-- Pagination -->\r\n <mat-paginator *ngIf=\"isPageable\"\r\n [pageSizeOptions]=\"paginationSizes\"\r\n [pageSize]=\"defaultPageSize\"\r\n showFirstLastButtons>\r\n </mat-paginator>\r\n</ng-container>\r\n", styles: ["table{width:100%}th,td{padding:10px!important}mat-form-field{width:40%}.text-right{text-align:right!important}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "arrowPosition", "sortActionDescription", "disableClear", "mat-sort-header", "start"], exportAs: ["matSortHeader"] }, { type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i7.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i6.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortActive"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "dataPropertyGetter": DataPropertyGetterPipe } });
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableComponent, decorators: [{
|
|
157
|
+
type: Component,
|
|
158
|
+
args: [{
|
|
159
|
+
selector: 'aur-mat-table',
|
|
160
|
+
templateUrl: './ngx-aur-mat-table.component.html',
|
|
161
|
+
styleUrls: ['./ngx-aur-mat-table.component.scss']
|
|
162
|
+
}]
|
|
163
|
+
}], ctorParameters: function () { return []; }, propDecorators: { matPaginator: [{
|
|
164
|
+
type: ViewChild,
|
|
165
|
+
args: [MatPaginator, { static: false }]
|
|
166
|
+
}], matSort: [{
|
|
167
|
+
type: ViewChild,
|
|
168
|
+
args: [MatSort, { static: true }]
|
|
169
|
+
}], isPageable: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], isSortable: [{
|
|
172
|
+
type: Input
|
|
173
|
+
}], isFilterable: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], paginationSizes: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], defaultPageSize: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], sort: [{
|
|
180
|
+
type: Output
|
|
181
|
+
}], rowActionable: [{
|
|
182
|
+
type: Input
|
|
183
|
+
}], onRowAction: [{
|
|
184
|
+
type: Output
|
|
185
|
+
}], selectable: [{
|
|
186
|
+
type: Input
|
|
187
|
+
}], selected: [{
|
|
188
|
+
type: Output
|
|
189
|
+
}], onSelect: [{
|
|
190
|
+
type: Output
|
|
191
|
+
}], onDeselect: [{
|
|
192
|
+
type: Output
|
|
193
|
+
}], onRowClick: [{
|
|
194
|
+
type: Output
|
|
195
|
+
}], tableConfig: [{
|
|
196
|
+
type: Input
|
|
197
|
+
}], tableData: [{
|
|
198
|
+
type: Input
|
|
199
|
+
}] } });
|
|
200
|
+
|
|
201
|
+
class NgxAurMatTableModule {
|
|
202
|
+
}
|
|
203
|
+
NgxAurMatTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
204
|
+
NgxAurMatTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, declarations: [NgxAurMatTableComponent,
|
|
205
|
+
DataPropertyGetterPipe], imports: [BrowserModule,
|
|
206
|
+
BrowserAnimationsModule,
|
|
207
|
+
MatIconModule,
|
|
208
|
+
MatTableModule,
|
|
209
|
+
MatPaginatorModule,
|
|
210
|
+
MatButtonModule,
|
|
211
|
+
MatInputModule,
|
|
212
|
+
MatSortModule,
|
|
213
|
+
MatTooltipModule,
|
|
214
|
+
MatCheckboxModule,
|
|
215
|
+
MatFormFieldModule], exports: [NgxAurMatTableComponent,
|
|
216
|
+
DataPropertyGetterPipe] });
|
|
217
|
+
NgxAurMatTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, imports: [[
|
|
218
|
+
BrowserModule,
|
|
219
|
+
BrowserAnimationsModule,
|
|
220
|
+
MatIconModule,
|
|
221
|
+
MatTableModule,
|
|
222
|
+
MatPaginatorModule,
|
|
223
|
+
MatButtonModule,
|
|
224
|
+
MatInputModule,
|
|
225
|
+
MatSortModule,
|
|
226
|
+
MatTooltipModule,
|
|
227
|
+
MatCheckboxModule,
|
|
228
|
+
MatFormFieldModule
|
|
229
|
+
]] });
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxAurMatTableModule, decorators: [{
|
|
231
|
+
type: NgModule,
|
|
232
|
+
args: [{
|
|
233
|
+
declarations: [
|
|
234
|
+
NgxAurMatTableComponent,
|
|
235
|
+
DataPropertyGetterPipe
|
|
236
|
+
],
|
|
237
|
+
imports: [
|
|
238
|
+
BrowserModule,
|
|
239
|
+
BrowserAnimationsModule,
|
|
240
|
+
MatIconModule,
|
|
241
|
+
MatTableModule,
|
|
242
|
+
MatPaginatorModule,
|
|
243
|
+
MatButtonModule,
|
|
244
|
+
MatInputModule,
|
|
245
|
+
MatSortModule,
|
|
246
|
+
MatTooltipModule,
|
|
247
|
+
MatCheckboxModule,
|
|
248
|
+
MatFormFieldModule
|
|
249
|
+
],
|
|
250
|
+
exports: [
|
|
251
|
+
NgxAurMatTableComponent,
|
|
252
|
+
DataPropertyGetterPipe
|
|
253
|
+
]
|
|
254
|
+
}]
|
|
255
|
+
}] });
|
|
256
|
+
|
|
257
|
+
class TableRow {
|
|
258
|
+
constructor(rowSrc) {
|
|
259
|
+
this.rowSrc = rowSrc;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
/*
|
|
264
|
+
* Public API Surface of ngx-aur-mat-table
|
|
265
|
+
*/
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Generated bundle index. Do not edit.
|
|
269
|
+
*/
|
|
270
|
+
|
|
271
|
+
export { DataPropertyGetterPipe, NgxAurMatTableComponent, NgxAurMatTableModule, RowActionProvider, TableRow };
|
|
272
|
+
//# sourceMappingURL=ngx-aur-mat-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-aur-mat-table.js","sources":["../../../projects/ngx-aur-mat-table/src/lib/providers/SelectionProvider.ts","../../../projects/ngx-aur-mat-table/src/lib/providers/RowActionProvider.ts","../../../projects/ngx-aur-mat-table/src/lib/data-property-getter-pipe/data-property-getter.pipe.ts","../../../projects/ngx-aur-mat-table/src/lib/ngx-aur-mat-table.component.ts","../../../projects/ngx-aur-mat-table/src/lib/ngx-aur-mat-table.component.html","../../../projects/ngx-aur-mat-table/src/lib/ngx-aur-mat-table.module.ts","../../../projects/ngx-aur-mat-table/src/lib/model/TableRow.ts","../../../projects/ngx-aur-mat-table/src/public-api.ts","../../../projects/ngx-aur-mat-table/src/ngx-aur-mat-table.ts"],"sourcesContent":["import {SelectionModel} from '@angular/cdk/collections';\r\nimport {MatTableDataSource} from '@angular/material/table';\r\nimport {EventEmitter} from '@angular/core';\r\nimport {TableRow} from \"../model/TableRow\";\r\n\r\nexport interface SelectableContext {\r\n position?: 'start' | 'end';\r\n multiple?: boolean;\r\n}\r\n\r\nexport class SelectionProvider<T> {\r\n\r\n public readonly COLUMN_NAME = 'tbl_selects';\r\n selection: SelectionModel<TableRow<T>>;\r\n context: SelectableContext;\r\n tableDataSource: MatTableDataSource<TableRow<T>>;\r\n\r\n constructor(ctx: SelectableContext, columns: string[], tableDataSource: MatTableDataSource<TableRow<T>>) {\r\n this.context = ctx;\r\n this.selection = new SelectionModel<TableRow<T>>(ctx.multiple, []);\r\n this.tableDataSource = tableDataSource;\r\n this.initCheckboxColumn(columns);\r\n }\r\n\r\n initCheckboxColumn(columns: string[]) {\r\n if (this.context.position === 'start') {\r\n columns.unshift(this.COLUMN_NAME);\r\n } else {\r\n columns.push(this.COLUMN_NAME);\r\n }\r\n }\r\n\r\n bind(selected: EventEmitter<TableRow<T>[]>, onSelect: EventEmitter<TableRow<T>[]>, onDeselect: EventEmitter<TableRow<T>[]>) {\r\n this.selection.changed\r\n .subscribe(event => {\r\n if (event.added) {\r\n onSelect.emit(event.added);\r\n }\r\n if (event.removed) {\r\n onDeselect.emit(event.removed);\r\n }\r\n selected.emit(this.selection.selected);\r\n });\r\n }\r\n\r\n masterToggle() {\r\n this.isAllSelected() ?\r\n this.selection.clear() :\r\n this.tableDataSource.data.forEach(row => this.selection.select(row));\r\n }\r\n\r\n isAllSelected(): boolean {\r\n const numSelected = this.selection.selected.length;\r\n const numRows = this.tableDataSource.data.length;\r\n return numSelected === numRows;\r\n }\r\n}\r\n","export interface ActionEvent<T> {\r\n action: string;\r\n value: T;\r\n}\r\n\r\nexport interface RowActionContext {\r\n position?: 'start' | 'end';\r\n actions: ActionContext[];\r\n}\r\n\r\nexport interface ActionContext {\r\n icon: string;\r\n action: string;\r\n color?: string;\r\n tooltip?: string;\r\n}\r\n\r\nexport class RowActionProvider<T> {\r\n\r\n readonly COLUMN_NAME = 'tbl_actions';\r\n context: RowActionContext;\r\n\r\n constructor(ctx: RowActionContext, columns: string[]) {\r\n this.context = ctx;\r\n if (ctx.position === 'start') {\r\n columns.unshift(this.COLUMN_NAME);\r\n } else {\r\n columns.push(this.COLUMN_NAME);\r\n }\r\n }\r\n}\r\n","import {Pipe, PipeTransform} from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'dataPropertyGetter'\r\n})\r\nexport class DataPropertyGetterPipe implements PipeTransform {\r\n\r\n transform(object: any, keyName: string, ...args: unknown[]): unknown {\r\n return object[keyName];\r\n }\r\n\r\n}\r\n","import {AfterViewInit, Component, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';\nimport {TableConfig} from './model/TableConfig';\nimport {MatSort, Sort} from '@angular/material/sort';\nimport {MatTableDataSource} from '@angular/material/table';\nimport {MatPaginator} from '@angular/material/paginator';\nimport {SelectableContext, SelectionProvider} from './providers/SelectionProvider';\nimport {ActionEvent, RowActionContext, RowActionProvider} from './providers/RowActionProvider';\nimport {TableRow} from \"./model/TableRow\";\n\n\n@Component({\n selector: 'aur-mat-table',\n templateUrl: './ngx-aur-mat-table.component.html',\n styleUrls: ['./ngx-aur-mat-table.component.scss']\n})\nexport class NgxAurMatTableComponent<T> implements OnInit, AfterViewInit {\n\n public tableDataSource = new MatTableDataSource<TableRow<T>>([]);\n public displayedColumns: string[] = [];\n // @ts-ignore\n @ViewChild(MatPaginator, {static: false}) matPaginator: MatPaginator;\n // @ts-ignore\n @ViewChild(MatSort, {static: true}) matSort: MatSort;\n\n @Input() isPageable = false;\n @Input() isSortable = false;\n @Input() isFilterable = false;\n @Input() paginationSizes: number[] = [5, 10, 15];\n @Input() defaultPageSize = this.paginationSizes[1];\n\n @Output() sort: EventEmitter<Sort> = new EventEmitter();\n\n // @ts-ignore\n @Input() rowActionable: RowActionContext;\n @Output() onRowAction: EventEmitter<ActionEvent<T>> = new EventEmitter<ActionEvent<T>>();\n\n // @ts-ignore\n @Input() selectable: SelectableContext;\n @Output() selected = new EventEmitter<TableRow<T>[]>();\n @Output() onSelect = new EventEmitter<TableRow<T>[]>();\n @Output() onDeselect = new EventEmitter<TableRow<T>[]>();\n\n @Output() onRowClick = new EventEmitter<TableRow<T>>();\n\n @Input() tableConfig: TableConfig<any>[] = [];\n\n // this property needs to have a setter, to dynamically get changes from parent component\n @Input() set tableData(data: TableRow<T>[]) {\n this.setTableDataSource(data);\n }\n\n // @ts-ignore\n selectionProvider: SelectionProvider<T>;\n // @ts-ignore\n rowActionsProvider: RowActionProvider<T>;\n\n constructor() {\n }\n\n ngOnInit(): void {\n this.displayedColumns = this.tableConfig.map((tableColumn: TableConfig<any>) => tableColumn.text);\n if (this.rowActionable) {\n this.rowActionsProvider = new RowActionProvider<TableRow<T>>(this.rowActionable, this.displayedColumns);\n } else if (this.selectable) {\n this.selectionProvider = new SelectionProvider<T>(this.selectable, this.displayedColumns, this.tableDataSource);\n this.selectionProvider.bind(this.selected, this.onSelect, this.onDeselect);\n }\n }\n\n // we need this, in order to make pagination work with *ngIf\n ngAfterViewInit(): void {\n this.tableDataSource.paginator = this.matPaginator;\n }\n\n\n setTableDataSource(data: any) {\n this.tableDataSource = new MatTableDataSource<any>(data);\n this.tableDataSource.paginator = this.matPaginator;\n this.tableDataSource.sort = this.matSort;\n }\n\n applyFilter(event: Event) {\n const filterValue = (event.target as HTMLInputElement).value;\n this.tableDataSource.filter = filterValue.trim().toLowerCase();\n }\n\n sortTable(sortParameters: Sort) {\n // defining name of data property, to sort by, instead of column name\n // @ts-ignore\n sortParameters.active = this.tableConfig.find(column => column.name === sortParameters.active).dataKey;\n this.sort.emit(sortParameters);\n }\n\n emitRowAction(action: string, row: T, $event: MouseEvent) {\n $event.stopPropagation();\n this.onRowAction.emit({action, value: row});\n }\n\n masterToggle() {\n this.selectionProvider.masterToggle();\n }\n\n isAllSelected(): boolean {\n return this.selectionProvider.isAllSelected();\n }\n}\n","<ng-container>\r\n\r\n <!-- Filter -->\r\n <ng-container *ngIf=\"isFilterable\">\r\n <mat-form-field>\r\n <mat-label>Filter</mat-label>\r\n <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"filter\">\r\n </mat-form-field>\r\n </ng-container>\r\n\r\n <!-- Table -->\r\n <table mat-table [dataSource]=\"tableDataSource\" matSort (matSortChange)=\"sortTable($event)\">\r\n\r\n <!-- selection-column-->\r\n <ng-container [matColumnDef]=\"selectionProvider.COLUMN_NAME\" *ngIf=\"selectionProvider\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n [checked]=\"selectionProvider.selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selectionProvider.selection.hasValue() && !isAllSelected()\">\r\n </mat-checkbox>\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\">\r\n <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selectionProvider.selection.toggle(row) : null\"\r\n [checked]=\"selectionProvider.selection.isSelected(row)\">\r\n </mat-checkbox>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- action column -->\r\n <ng-container *ngIf=\"rowActionsProvider\" [matColumnDef]=\"rowActionsProvider.COLUMN_NAME\">\r\n <th mat-header-cell *matHeaderCellDef></th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <button mat-icon-button\r\n (click)=\"emitRowAction(action.action, element, $event)\"\r\n [matTooltip]=\"action.tooltip? action.tooltip: ''\"\r\n *ngFor=\"let action of rowActionable.actions\">\r\n <mat-icon [style.color]=\"action.color\">\r\n {{action.icon}}\r\n </mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngFor=\"let columnConfig of tableConfig\" [matColumnDef]=\"columnConfig.text\">\r\n\r\n <!-- if sortable column header -->\r\n <ng-container *ngIf=\"columnConfig.sort?.enable; else notSortable\">\r\n <th mat-header-cell *matHeaderCellDef [mat-sort-header]=\"columnConfig.text\"\r\n [arrowPosition]=\"columnConfig.sort?.position === 'right' ? 'before' : 'after'\">\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-container>\r\n <!-- else not sortable -->\r\n <ng-template #notSortable>\r\n <th mat-header-cell *matHeaderCellDef\r\n [class.text-right]=\"columnConfig.sort?.position == 'right'\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"headerValue\"></ng-container>\r\n </th>\r\n </ng-template>\r\n\r\n <!-- header value-->\r\n <ng-template #headerValue>\r\n <mat-icon *ngIf=\"columnConfig.headerColumn?.icon\"\r\n [matTooltip]=\"columnConfig.headerColumn?.icon?.tooltip?.toString() || ''\"\r\n [style.color]=\"columnConfig.headerColumn?.icon?.color\"\r\n >\r\n {{columnConfig.headerColumn?.icon?.name}}\r\n </mat-icon>\r\n <span *ngIf=\"columnConfig.headerColumn?.showText != false\"\r\n [matTooltip]=\"columnConfig.headerColumn?.tooltip?.toString() || ''\"\r\n >\r\n {{columnConfig.text}}\r\n </span>\r\n </ng-template>\r\n\r\n <!-- column data -->\r\n <td mat-cell *matCellDef=\"let element\">\r\n\r\n <mat-icon *ngIf=\"columnConfig.valueColumn?.icon\"\r\n [matTooltip]=\"columnConfig.valueColumn?.icon?.tooltip? columnConfig.valueColumn?.icon?.tooltip!(element): ''\"\r\n [style.color]=\"columnConfig.valueColumn?.icon?.color? columnConfig.valueColumn?.icon?.color!(element): null\"\r\n >\r\n {{columnConfig.valueColumn?.icon}}\r\n </mat-icon>\r\n\r\n <span *ngIf=\"columnConfig.valueColumn?.showText != false\">\r\n {{element | dataPropertyGetter: columnConfig.key}}\r\n </span>\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row (click)=\"onRowAction.emit(row)\" *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n\r\n <!-- Pagination -->\r\n <mat-paginator *ngIf=\"isPageable\"\r\n [pageSizeOptions]=\"paginationSizes\"\r\n [pageSize]=\"defaultPageSize\"\r\n showFirstLastButtons>\r\n </mat-paginator>\r\n</ng-container>\r\n","import {NgModule} from '@angular/core';\nimport {NgxAurMatTableComponent} from './ngx-aur-mat-table.component';\nimport {BrowserModule} from \"@angular/platform-browser\";\nimport {MatIconModule} from \"@angular/material/icon\";\nimport {MatTableModule} from \"@angular/material/table\";\nimport {MatPaginatorModule} from \"@angular/material/paginator\";\nimport {MatButtonModule} from \"@angular/material/button\";\nimport {MatInputModule} from \"@angular/material/input\";\nimport {MatSortModule} from \"@angular/material/sort\";\nimport {MatTooltipModule} from \"@angular/material/tooltip\";\nimport {MatCheckboxModule} from \"@angular/material/checkbox\";\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\nimport {DataPropertyGetterPipe} from \"./data-property-getter-pipe/data-property-getter.pipe\";\nimport {BrowserAnimationsModule} from \"@angular/platform-browser/animations\";\n\n\n@NgModule({\n declarations: [\n NgxAurMatTableComponent,\n DataPropertyGetterPipe\n ],\n imports: [\n BrowserModule,\n BrowserAnimationsModule,\n MatIconModule,\n MatTableModule,\n MatPaginatorModule,\n MatButtonModule,\n MatInputModule,\n MatSortModule,\n MatTooltipModule,\n MatCheckboxModule,\n MatFormFieldModule\n ],\n exports: [\n NgxAurMatTableComponent,\n DataPropertyGetterPipe\n ]\n})\nexport class NgxAurMatTableModule {\n}\n","export class TableRow<T> {\r\n constructor(public rowSrc: T) {\r\n }\r\n}\r\n","/*\n * Public API Surface of ngx-aur-mat-table\n */\n\nexport * from './lib/ngx-aur-mat-table.component';\nexport * from './lib/ngx-aur-mat-table.module';\nexport * from './lib/data-property-getter-pipe/data-property-getter.pipe';\nexport * from './lib/model/TableRow'\nexport * from './lib/model/TableConfig'\nexport * from './lib/model/TableConfig'\nexport * from './lib/providers/RowActionProvider'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i11.DataPropertyGetterPipe"],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DataPropertyGetterPipe implements PipeTransform {
|
|
4
|
+
transform(object: any, keyName: string, ...args: unknown[]): unknown;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DataPropertyGetterPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter">;
|
|
7
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface TableConfig<T> {
|
|
2
|
+
/** column title text */
|
|
3
|
+
text: string;
|
|
4
|
+
/** column key in data source */
|
|
5
|
+
key: string;
|
|
6
|
+
sort?: SortConfig;
|
|
7
|
+
headerColumn?: ColumnConfig<string>;
|
|
8
|
+
valueColumn?: ColumnConfig<(value: T) => string>;
|
|
9
|
+
}
|
|
10
|
+
export interface IconConfig<T> {
|
|
11
|
+
/** icon name */
|
|
12
|
+
name: T;
|
|
13
|
+
/** icon color default black */
|
|
14
|
+
color?: T;
|
|
15
|
+
/** icon tooltip if null disabled */
|
|
16
|
+
tooltip?: T;
|
|
17
|
+
position?: 'right' | 'left';
|
|
18
|
+
}
|
|
19
|
+
export interface ColumnConfig<T> {
|
|
20
|
+
/** settings for icon in column */
|
|
21
|
+
icon?: IconConfig<T>;
|
|
22
|
+
/** tooltip for column text */
|
|
23
|
+
tooltip?: string;
|
|
24
|
+
/** show text in the column default true */
|
|
25
|
+
showText?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface SortConfig {
|
|
28
|
+
position?: 'right' | 'left';
|
|
29
|
+
enable?: boolean;
|
|
30
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { TableConfig } from './model/TableConfig';
|
|
3
|
+
import { MatSort, Sort } from '@angular/material/sort';
|
|
4
|
+
import { MatTableDataSource } from '@angular/material/table';
|
|
5
|
+
import { MatPaginator } from '@angular/material/paginator';
|
|
6
|
+
import { SelectableContext, SelectionProvider } from './providers/SelectionProvider';
|
|
7
|
+
import { ActionEvent, RowActionContext, RowActionProvider } from './providers/RowActionProvider';
|
|
8
|
+
import { TableRow } from "./model/TableRow";
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class NgxAurMatTableComponent<T> implements OnInit, AfterViewInit {
|
|
11
|
+
tableDataSource: MatTableDataSource<TableRow<T>>;
|
|
12
|
+
displayedColumns: string[];
|
|
13
|
+
matPaginator: MatPaginator;
|
|
14
|
+
matSort: MatSort;
|
|
15
|
+
isPageable: boolean;
|
|
16
|
+
isSortable: boolean;
|
|
17
|
+
isFilterable: boolean;
|
|
18
|
+
paginationSizes: number[];
|
|
19
|
+
defaultPageSize: number;
|
|
20
|
+
sort: EventEmitter<Sort>;
|
|
21
|
+
rowActionable: RowActionContext;
|
|
22
|
+
onRowAction: EventEmitter<ActionEvent<T>>;
|
|
23
|
+
selectable: SelectableContext;
|
|
24
|
+
selected: EventEmitter<TableRow<T>[]>;
|
|
25
|
+
onSelect: EventEmitter<TableRow<T>[]>;
|
|
26
|
+
onDeselect: EventEmitter<TableRow<T>[]>;
|
|
27
|
+
onRowClick: EventEmitter<TableRow<T>>;
|
|
28
|
+
tableConfig: TableConfig<any>[];
|
|
29
|
+
set tableData(data: TableRow<T>[]);
|
|
30
|
+
selectionProvider: SelectionProvider<T>;
|
|
31
|
+
rowActionsProvider: RowActionProvider<T>;
|
|
32
|
+
constructor();
|
|
33
|
+
ngOnInit(): void;
|
|
34
|
+
ngAfterViewInit(): void;
|
|
35
|
+
setTableDataSource(data: any): void;
|
|
36
|
+
applyFilter(event: Event): void;
|
|
37
|
+
sortTable(sortParameters: Sort): void;
|
|
38
|
+
emitRowAction(action: string, row: T, $event: MouseEvent): void;
|
|
39
|
+
masterToggle(): void;
|
|
40
|
+
isAllSelected(): boolean;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxAurMatTableComponent<any>, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgxAurMatTableComponent<any>, "aur-mat-table", never, { "isPageable": "isPageable"; "isSortable": "isSortable"; "isFilterable": "isFilterable"; "paginationSizes": "paginationSizes"; "defaultPageSize": "defaultPageSize"; "rowActionable": "rowActionable"; "selectable": "selectable"; "tableConfig": "tableConfig"; "tableData": "tableData"; }, { "sort": "sort"; "onRowAction": "onRowAction"; "selected": "selected"; "onSelect": "onSelect"; "onDeselect": "onDeselect"; "onRowClick": "onRowClick"; }, never, never>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./ngx-aur-mat-table.component";
|
|
3
|
+
import * as i2 from "./data-property-getter-pipe/data-property-getter.pipe";
|
|
4
|
+
import * as i3 from "@angular/platform-browser";
|
|
5
|
+
import * as i4 from "@angular/platform-browser/animations";
|
|
6
|
+
import * as i5 from "@angular/material/icon";
|
|
7
|
+
import * as i6 from "@angular/material/table";
|
|
8
|
+
import * as i7 from "@angular/material/paginator";
|
|
9
|
+
import * as i8 from "@angular/material/button";
|
|
10
|
+
import * as i9 from "@angular/material/input";
|
|
11
|
+
import * as i10 from "@angular/material/sort";
|
|
12
|
+
import * as i11 from "@angular/material/tooltip";
|
|
13
|
+
import * as i12 from "@angular/material/checkbox";
|
|
14
|
+
import * as i13 from "@angular/material/form-field";
|
|
15
|
+
export declare class NgxAurMatTableModule {
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgxAurMatTableModule, never>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NgxAurMatTableModule, [typeof i1.NgxAurMatTableComponent, typeof i2.DataPropertyGetterPipe], [typeof i3.BrowserModule, typeof i4.BrowserAnimationsModule, typeof i5.MatIconModule, typeof i6.MatTableModule, typeof i7.MatPaginatorModule, typeof i8.MatButtonModule, typeof i9.MatInputModule, typeof i10.MatSortModule, typeof i11.MatTooltipModule, typeof i12.MatCheckboxModule, typeof i13.MatFormFieldModule], [typeof i1.NgxAurMatTableComponent, typeof i2.DataPropertyGetterPipe]>;
|
|
18
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NgxAurMatTableModule>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface ActionEvent<T> {
|
|
2
|
+
action: string;
|
|
3
|
+
value: T;
|
|
4
|
+
}
|
|
5
|
+
export interface RowActionContext {
|
|
6
|
+
position?: 'start' | 'end';
|
|
7
|
+
actions: ActionContext[];
|
|
8
|
+
}
|
|
9
|
+
export interface ActionContext {
|
|
10
|
+
icon: string;
|
|
11
|
+
action: string;
|
|
12
|
+
color?: string;
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class RowActionProvider<T> {
|
|
16
|
+
readonly COLUMN_NAME = "tbl_actions";
|
|
17
|
+
context: RowActionContext;
|
|
18
|
+
constructor(ctx: RowActionContext, columns: string[]);
|
|
19
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
|
2
|
+
import { MatTableDataSource } from '@angular/material/table';
|
|
3
|
+
import { EventEmitter } from '@angular/core';
|
|
4
|
+
import { TableRow } from "../model/TableRow";
|
|
5
|
+
export interface SelectableContext {
|
|
6
|
+
position?: 'start' | 'end';
|
|
7
|
+
multiple?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class SelectionProvider<T> {
|
|
10
|
+
readonly COLUMN_NAME = "tbl_selects";
|
|
11
|
+
selection: SelectionModel<TableRow<T>>;
|
|
12
|
+
context: SelectableContext;
|
|
13
|
+
tableDataSource: MatTableDataSource<TableRow<T>>;
|
|
14
|
+
constructor(ctx: SelectableContext, columns: string[], tableDataSource: MatTableDataSource<TableRow<T>>);
|
|
15
|
+
initCheckboxColumn(columns: string[]): void;
|
|
16
|
+
bind(selected: EventEmitter<TableRow<T>[]>, onSelect: EventEmitter<TableRow<T>[]>, onDeselect: EventEmitter<TableRow<T>[]>): void;
|
|
17
|
+
masterToggle(): void;
|
|
18
|
+
isAllSelected(): boolean;
|
|
19
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ngx-aur-mat-table",
|
|
3
|
+
"version": "0.0.0-watch+1683112604327",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/animations": "^12.0.0",
|
|
6
|
+
"@angular/common": "^12.0.0",
|
|
7
|
+
"@angular/compiler": "^12.0.0",
|
|
8
|
+
"@angular/core": "^12.0.0",
|
|
9
|
+
"@angular/forms": "^12.0.0",
|
|
10
|
+
"@angular/platform-browser": "^12.0.0",
|
|
11
|
+
"@angular/platform-browser-dynamic": "^12.0.0",
|
|
12
|
+
"@angular/material": "^12.0.0"
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"tslib": "^2.3.0"
|
|
16
|
+
},
|
|
17
|
+
"main": "bundles/ngx-aur-mat-table.umd.js",
|
|
18
|
+
"module": "fesm2015/ngx-aur-mat-table.js",
|
|
19
|
+
"es2015": "fesm2015/ngx-aur-mat-table.js",
|
|
20
|
+
"esm2015": "esm2015/ngx-aur-mat-table.js",
|
|
21
|
+
"fesm2015": "fesm2015/ngx-aur-mat-table.js",
|
|
22
|
+
"typings": "ngx-aur-mat-table.d.ts",
|
|
23
|
+
"sideEffects": false
|
|
24
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './lib/ngx-aur-mat-table.component';
|
|
2
|
+
export * from './lib/ngx-aur-mat-table.module';
|
|
3
|
+
export * from './lib/data-property-getter-pipe/data-property-getter.pipe';
|
|
4
|
+
export * from './lib/model/TableRow';
|
|
5
|
+
export * from './lib/model/TableConfig';
|
|
6
|
+
export * from './lib/model/TableConfig';
|
|
7
|
+
export * from './lib/providers/RowActionProvider';
|