@paperless/angular 0.1.0-alpha.229 → 0.1.0-alpha.230
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/esm2020/lib/modules/table/base/table.component.mjs +14 -1
- package/esm2020/lib/modules/table/components/table/table.component.mjs +35 -4
- package/esm2020/lib/modules/table/directives/index.mjs +4 -1
- package/esm2020/lib/modules/table/directives/p-table-filter-modal.directive.mjs +13 -0
- package/esm2020/lib/modules/table/directives/p-table-ngx.directive.mjs +3 -2
- package/esm2020/lib/modules/table/table.module.mjs +3 -2
- package/fesm2015/paperless-angular.mjs +62 -6
- package/fesm2015/paperless-angular.mjs.map +1 -1
- package/fesm2020/paperless-angular.mjs +61 -5
- package/fesm2020/paperless-angular.mjs.map +1 -1
- package/lib/modules/table/base/table.component.d.ts +4 -0
- package/lib/modules/table/components/table/table.component.d.ts +11 -2
- package/lib/modules/table/directives/index.d.ts +3 -1
- package/lib/modules/table/directives/p-table-filter-modal.directive.d.ts +5 -0
- package/lib/modules/table/directives/p-table-ngx.directive.d.ts +1 -0
- package/lib/modules/table/table.module.d.ts +4 -3
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ export class TableNgxDirective extends BaseValueAccessor {
|
|
|
11
11
|
this.lastValue = {
|
|
12
12
|
query: '',
|
|
13
13
|
quickFilter: undefined,
|
|
14
|
+
filters: [],
|
|
14
15
|
page: 1,
|
|
15
16
|
pageSize: 12,
|
|
16
17
|
selectedRows: [],
|
|
@@ -57,7 +58,7 @@ export class TableNgxDirective extends BaseValueAccessor {
|
|
|
57
58
|
// quickFilter?.identifier;
|
|
58
59
|
}
|
|
59
60
|
_checkEmptyStateType() {
|
|
60
|
-
if (this.lastValue.query?.length || !this.lastValue.quickFilter?.default || (this._base.selectedFiltersAmount && this._base.selectedFiltersAmount > 0)) {
|
|
61
|
+
if (this.lastValue.query?.length || !this.lastValue.quickFilter?.default || (this._base.selectedFiltersAmount && this._base.selectedFiltersAmount > 0) || this.lastValue.filters?.length) {
|
|
61
62
|
this._base.emptyStateType = 'filtered';
|
|
62
63
|
return;
|
|
63
64
|
}
|
|
@@ -94,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
94
95
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Table, decorators: [{
|
|
95
96
|
type: Host
|
|
96
97
|
}] }]; } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicC10YWJsZS1uZ3guZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGFwZXJsZXNzL3NyYy9saWIvbW9kdWxlcy90YWJsZS9kaXJlY3RpdmVzL3AtdGFibGUtbmd4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4REFBOEQ7QUFDOUQsT0FBTyxFQUFFLFNBQVMsRUFBYyxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUE2QmxELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFVdkQsWUFBWSxFQUFjLEVBQWtCLEtBQVk7UUFDdkQsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRGlDLFVBQUssR0FBTCxLQUFLLENBQU87UUFUckMsY0FBUyxHQUF3QjtZQUNuRCxLQUFLLEVBQUUsRUFBRTtZQUNULFdBQVcsRUFBRSxTQUFTO1lBQ3RCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsSUFBSSxFQUFFLENBQUM7WUFDUCxRQUFRLEVBQUUsRUFBRTtZQUNaLFlBQVksRUFBRSxFQUFFO1NBQ2hCLENBQUM7SUFJRixDQUFDO0lBRWUsVUFBVSxDQUFDLEtBQTBCO1FBQ3BELElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEtBQUssRUFBRSxLQUFLLENBQUM7UUFDdkQscUVBQXFFO1FBQ3JFLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxHQUFHLEtBQUssRUFBRSxXQUFXLENBQUM7UUFFaEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJO1lBQ3BDLEtBQUssRUFBRSxJQUFJLElBQUksSUFBSSxDQUFD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Q0Q7aUJBQ0Q7OzBCQVc2QixJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQGFuZ3VsYXItZXNsaW50L25vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHkgKi9cbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBRdWlja0ZpbHRlciB9IGZyb20gJ0BwYXBlcmxlc3MvY29yZSc7XG5pbXBvcnQgeyBCYXNlVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4uLy4uLy4uL2Jhc2UnO1xuaW1wb3J0IHsgVGFibGUgfSBmcm9tICcuLi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVEaXJlY3RpdmVWYWx1ZSB7XG5cdHF1ZXJ5Pzogc3RyaW5nO1xuXHRxdWlja0ZpbHRlcj86IFF1aWNrRmlsdGVyO1xuXHRmaWx0ZXJzPzogYW55W107XG5cdHBhZ2U/OiBudW1iZXI7XG5cdHBhZ2VTaXplPzogbnVtYmVyO1xuXHRzZWxlY3RlZFJvd3M/OiBhbnlbXTtcbn1cblxuQERpcmVjdGl2ZSh7XG5cdHNlbGVjdG9yOiAncC10YWJsZS1uZ3gnLFxuXHRob3N0OiB7XG5cdFx0JyhxdWVyeUNoYW5nZSknOiAnaGFuZGxlQ2hhbmdlKCRldmVudC5kZXRhaWwsIFwicXVlcnlcIiknLFxuXHRcdCcocXVpY2tGaWx0ZXIpJzogJ2hhbmRsZUNoYW5nZSgkZXZlbnQuZGV0YWlsLCBcInF1aWNrRmlsdGVyXCIpJyxcblx0XHQnKHBhZ2VDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZSgkZXZlbnQuZGV0YWlsLCBcInBhZ2VcIiknLFxuXHRcdCcocGFnZVNpemVDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZSgkZXZlbnQuZGV0YWlsLCBcInBhZ2VTaXplXCIpJyxcblx0XHQnKHNlbGVjdGVkUm93c0NoYW5nZSknOiAnaGFuZGxlQ2hhbmdlKCRldmVudCwgXCJzZWxlY3RlZFJvd3NcIiknLFxuXHR9LFxuXHRwcm92aWRlcnM6IFtcblx0XHR7XG5cdFx0XHRwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcblx0XHRcdHVzZUV4aXN0aW5nOiBUYWJsZU5neERpcmVjdGl2ZSxcblx0XHRcdG11bHRpOiB0cnVlLFxuXHRcdH0sXG5cdF0sXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlTmd4RGlyZWN0aXZlIGV4dGVuZHMgQmFzZVZhbHVlQWNjZXNzb3Ige1xuXHRwcm90ZWN0ZWQgb3ZlcnJpZGUgbGFzdFZhbHVlOiBUYWJsZURpcmVjdGl2ZVZhbHVlID0ge1xuXHRcdHF1ZXJ5OiAnJyxcblx0XHRxdWlja0ZpbHRlcjogdW5kZWZpbmVkLFxuXHRcdGZpbHRlcnM6IFtdLFxuXHRcdHBhZ2U6IDEsXG5cdFx0cGFnZVNpemU6IDEyLFxuXHRcdHNlbGVjdGVkUm93czogW10sXG5cdH07XG5cblx0Y29uc3RydWN0b3IoZWw6IEVsZW1lbnRSZWYsIEBIb3N0KCkgcHJpdmF0ZSBfYmFzZTogVGFibGUpIHtcblx0XHRzdXBlcihlbCk7XG5cdH1cblxuXHRwdWJsaWMgb3ZlcnJpZGUgd3JpdGVWYWx1ZSh2YWx1ZTogVGFibGVEaXJlY3RpdmVWYWx1ZSkge1xuXHRcdHRoaXMuX2Jhc2UucXVlcnkgPSB0aGlzLmxhc3RWYWx1ZS5xdWVyeSA9IHZhbHVlPy5xdWVyeTtcblx0XHQvLyB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnkgPSB0aGlzLmxhc3RWYWx1ZS5xdWVyeSA9IHZhbHVlPy5xdWVyeTtcblx0XHR0aGlzLmxhc3RWYWx1ZS5xdWlja0ZpbHRlciA9IHZhbHVlPy5xdWlja0ZpbHRlcjtcblxuXHRcdHRoaXMuX2Jhc2UucGFnZSA9IHRoaXMubGFzdFZhbHVlLnBhZ2UgPVxuXHRcdFx0dmFsdWU/LnBhZ2UgPT0gbnVsbCA/IDEgOiB2YWx1ZT8ucGFnZTtcblx0XHR0aGlzLl9iYXNlLnBhZ2VTaXplID0gdGhpcy5sYXN0VmFsdWUucGFnZVNpemUgPVxuXHRcdFx0dmFsdWU/LnBhZ2VTaXplID09IG51bGwgPyAxMiA6IHZhbHVlPy5wYWdlU2l6ZTtcblxuXHRcdC8vIHRoaXMuZWwubmF0aXZlRWxlbWVudC5wYWdlID0gdGhpcy5sYXN0VmFsdWUucGFnZSA9XG5cdFx0Ly8gXHR2YWx1ZT8ucGFnZSA9PSBudWxsID8gMSA6IHZhbHVlPy5wYWdlO1xuXHRcdC8vIHRoaXMuZWwubmF0aXZlRWxlbWVudC5wYWdlU2l6ZSA9IHRoaXMubGFzdFZhbHVlLnBhZ2VTaXplID1cblx0XHQvLyBcdHZhbHVlPy5wYWdlU2l6ZSA9PSBudWxsID8gMTIgOiB2YWx1ZT8ucGFnZVNpemU7XG5cblx0XHR0aGlzLmxhc3RWYWx1ZS5zZWxlY3RlZFJvd3MgPVxuXHRcdFx0dmFsdWU/LnNlbGVjdGVkUm93cyA9PSBudWxsID8gW10gOiB2YWx1ZT8uc2VsZWN0ZWRSb3dzO1xuXG5cdFx0aWYgKHZhbHVlPy5xdWlja0ZpbHRlcikge1xuXHRcdFx0dGhpcy5fc2V0QWN0aXZlUXVpY2tGaWx0ZXIodmFsdWUucXVpY2tGaWx0ZXIpO1xuXHRcdH1cblx0XHRcblx0XHR0aGlzLl9jaGVja0VtcHR5U3RhdGVUeXBlKCk7XG5cdH1cblxuXHRwdWJsaWMgb3ZlcnJpZGUgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBhbnkpID0+IHZvaWQpIHtcblx0XHR0aGlzLm9uQ2hhbmdlID0gZm47XG5cdH1cblxuXHRwdWJsaWMgb3ZlcnJpZGUgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpIHtcblx0XHR0aGlzLm9uVG91Y2hlZCA9IGZuO1xuXHR9XG5cblx0cHVibGljIGhhbmRsZUNoYW5nZShcblx0XHR2YWx1ZTogbnVtYmVyIHwgc3RyaW5nIHwgUXVpY2tGaWx0ZXIsXG5cdFx0dHlwZTogJ3BhZ2UnIHwgJ3BhZ2VTaXplJyB8ICdxdWVyeScgfCAncXVpY2tGaWx0ZXInIHwgJ3NlbGVjdGVkUm93cydcblx0KSB7XG5cdFx0dGhpcy5oYW5kbGVDaGFuZ2VFdmVudCh7XG5cdFx0XHQuLi50aGlzLmxhc3RWYWx1ZSxcblx0XHRcdFt0eXBlXTogdmFsdWUsXG5cdFx0fSk7XG5cblx0XHRpZiAodHlwZSA9PT0gJ3F1aWNrRmlsdGVyJyAmJiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnKSB7XG5cdFx0XHR0aGlzLl9zZXRBY3RpdmVRdWlja0ZpbHRlcih2YWx1ZSk7XG5cdFx0fVxuXHRcdFxuXHRcdHRoaXMuX2NoZWNrRW1wdHlTdGF0ZVR5cGUoKTtcblx0fVxuXG5cdHByaXZhdGUgX3NldEFjdGl2ZVF1aWNrRmlsdGVyKHF1aWNrRmlsdGVyOiBRdWlja0ZpbHRlcikge1xuXHRcdHRoaXMuX2Jhc2UuYWN0aXZlUXVpY2tGaWx0ZXJJZGVudGlmaWVyID0gcXVpY2tGaWx0ZXI/LmlkZW50aWZpZXI7XG5cdFx0Ly8gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFjdGl2ZVF1aWNrRmlsdGVySWRlbnRpZmllciA9XG5cdFx0Ly8gXHRxdWlja0ZpbHRlcj8uaWRlbnRpZmllcjtcblx0fVxuXG5cdHByaXZhdGUgX2NoZWNrRW1wdHlTdGF0ZVR5cGUoKSB7XG5cdFx0aWYodGhpcy5sYXN0VmFsdWUucXVlcnk/Lmxlbmd0aCB8fCAhdGhpcy5sYXN0VmFsdWUucXVpY2tGaWx0ZXI/LmRlZmF1bHQgfHwgKHRoaXMuX2Jhc2Uuc2VsZWN0ZWRGaWx0ZXJzQW1vdW50ICYmIHRoaXMuX2Jhc2Uuc2VsZWN0ZWRGaWx0ZXJzQW1vdW50ID4gMCkgfHwgdGhpcy5sYXN0VmFsdWUuZmlsdGVycz8ubGVuZ3RoKSB7XG5cdFx0XHR0aGlzLl9iYXNlLmVtcHR5U3RhdGVUeXBlID0gJ2ZpbHRlcmVkJztcblx0XHRcdHJldHVybjtcblx0XHR9XG5cblx0XHR0aGlzLl9iYXNlLmVtcHR5U3RhdGVUeXBlID0gJ25vX2ZpbHRlcic7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -11,10 +11,11 @@ import * as i4 from "./directives/p-table-footer.directive";
|
|
|
11
11
|
import * as i5 from "./directives/p-table-header.directive";
|
|
12
12
|
import * as i6 from "./directives/p-table.directive";
|
|
13
13
|
import * as i7 from "./directives/p-table-ngx.directive";
|
|
14
|
+
import * as i8 from "./directives/p-table-filter-modal.directive";
|
|
14
15
|
export class TableModule {
|
|
15
16
|
}
|
|
16
17
|
TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
-
TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: TableModule, declarations: [i1.Table, i2.TableCell, i3.TableColumn, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective, i7.TableNgxDirective], imports: [CommonModule, StencilModule], exports: [i1.Table, i2.TableCell, i3.TableColumn, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective, i7.TableNgxDirective] });
|
|
18
|
+
TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: TableModule, declarations: [i1.Table, i2.TableCell, i3.TableColumn, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective, i7.TableNgxDirective, i8.TableFilterModalDirective], imports: [CommonModule, StencilModule], exports: [i1.Table, i2.TableCell, i3.TableColumn, i4.TableFooterDirective, i5.TableHeaderDirective, i6.TableDirective, i7.TableNgxDirective, i8.TableFilterModalDirective] });
|
|
18
19
|
TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
|
|
19
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, decorators: [{
|
|
20
21
|
type: NgModule,
|
|
@@ -24,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
24
25
|
exports: [...TABLE_COMPONENTS, ...TABLE_DIRECTIVES],
|
|
25
26
|
}]
|
|
26
27
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGFwZXJsZXNzL3NyYy9saWIvbW9kdWxlcy90YWJsZS90YWJsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7Ozs7QUFPaEQsTUFBTSxPQUFPLFdBQVc7O3lHQUFYLFdBQVc7MEdBQVgsV0FBVyw2TEFKVixZQUFZLEVBQUUsYUFBYTswR0FJNUIsV0FBVyxZQUpWLFlBQVksRUFBRSxhQUFhOzRGQUk1QixXQUFXO2tCQUx2QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7b0JBQ3RDLFlBQVksRUFBRSxDQUFDLEdBQUcsZ0JBQWdCLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsR0FBRyxnQkFBZ0IsRUFBRSxHQUFHLGdCQUFnQixDQUFDO2lCQUN0RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RlbmNpbE1vZHVsZSB9IGZyb20gJy4uLy4uL3N0ZW5jaWwubW9kdWxlJztcbmltcG9ydCB7IFRBQkxFX0NPTVBPTkVOVFMgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgVEFCTEVfRElSRUNUSVZFUyB9IGZyb20gJy4vZGlyZWN0aXZlcyc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3RlbmNpbE1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbLi4uVEFCTEVfQ09NUE9ORU5UUywgLi4uVEFCTEVfRElSRUNUSVZFU10sXG4gICAgZXhwb3J0czogWy4uLlRBQkxFX0NPTVBPTkVOVFMsIC4uLlRBQkxFX0RJUkVDVElWRVNdLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZU1vZHVsZSB7fVxuIl19
|
|
@@ -336,6 +336,7 @@ let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
|
|
|
336
336
|
page: 1,
|
|
337
337
|
quickFilter: null,
|
|
338
338
|
query: '',
|
|
339
|
+
filters: [],
|
|
339
340
|
selectedRows: [],
|
|
340
341
|
};
|
|
341
342
|
this.defaultTableValues = {};
|
|
@@ -374,6 +375,17 @@ let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
|
|
|
374
375
|
query,
|
|
375
376
|
};
|
|
376
377
|
}
|
|
378
|
+
get filters() {
|
|
379
|
+
if (!this.tableOptions) {
|
|
380
|
+
return this._defaultTableValues.filters;
|
|
381
|
+
}
|
|
382
|
+
return this.tableOptions.value.filters;
|
|
383
|
+
}
|
|
384
|
+
set filters(filters) {
|
|
385
|
+
this.tableValues = {
|
|
386
|
+
filters,
|
|
387
|
+
};
|
|
388
|
+
}
|
|
377
389
|
get selectedRows() {
|
|
378
390
|
if (!this.tableOptions) {
|
|
379
391
|
return this._defaultTableValues.selectedRows;
|
|
@@ -403,6 +415,7 @@ let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
|
|
|
403
415
|
page: this.parsedDefaultTableValues.page,
|
|
404
416
|
quickFilter: this.parsedDefaultTableValues.quickFilter,
|
|
405
417
|
query: this.parsedDefaultTableValues.query,
|
|
418
|
+
filters: this.parsedDefaultTableValues.filters,
|
|
406
419
|
selectedRows: this.parsedDefaultTableValues.selectedRows,
|
|
407
420
|
});
|
|
408
421
|
this.tableOptions.valueChanges
|
|
@@ -1896,6 +1909,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
1896
1909
|
}]
|
|
1897
1910
|
}] } });
|
|
1898
1911
|
|
|
1912
|
+
class TableFilterModalDirective {
|
|
1913
|
+
}
|
|
1914
|
+
TableFilterModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFilterModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1915
|
+
TableFilterModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableFilterModalDirective, selector: "p-table-filter-modal", ngImport: i0 });
|
|
1916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFilterModalDirective, decorators: [{
|
|
1917
|
+
type: Directive,
|
|
1918
|
+
args: [{
|
|
1919
|
+
selector: 'p-table-filter-modal',
|
|
1920
|
+
}]
|
|
1921
|
+
}] });
|
|
1922
|
+
|
|
1899
1923
|
const defaultSize = 12;
|
|
1900
1924
|
const defaultSizeOptions = [12, 24, 68, 136];
|
|
1901
1925
|
|
|
@@ -2122,6 +2146,11 @@ let Table = class Table {
|
|
|
2122
2146
|
length: this.amountOfLoadingRows,
|
|
2123
2147
|
});
|
|
2124
2148
|
this._ctrlDown = false;
|
|
2149
|
+
this._filterModalShow = false;
|
|
2150
|
+
this.filterModalHeaderText = 'Filters';
|
|
2151
|
+
this.filterModalSaveText = 'Save';
|
|
2152
|
+
this.filterModalCancelText = 'Cancel';
|
|
2153
|
+
this.filterModalShown = new EventEmitter();
|
|
2125
2154
|
}
|
|
2126
2155
|
set columnDefinitions(v) {
|
|
2127
2156
|
this._columnDefinitions = v;
|
|
@@ -2130,6 +2159,13 @@ let Table = class Table {
|
|
|
2130
2159
|
get columnDefinitions() {
|
|
2131
2160
|
return this._columnDefinitions;
|
|
2132
2161
|
}
|
|
2162
|
+
set filterModalShow(value) {
|
|
2163
|
+
this._filterModalShow = value;
|
|
2164
|
+
this.filterModalShown.next(this._filterModalShow);
|
|
2165
|
+
}
|
|
2166
|
+
get filterModalShow() {
|
|
2167
|
+
return this._filterModalShow;
|
|
2168
|
+
}
|
|
2133
2169
|
ngOnInit() {
|
|
2134
2170
|
this._parseItems(this.items);
|
|
2135
2171
|
this.loadingRows = Array.from({
|
|
@@ -2181,6 +2217,10 @@ let Table = class Table {
|
|
|
2181
2217
|
onPageChange({ detail }) {
|
|
2182
2218
|
this.pageChange.emit(detail);
|
|
2183
2219
|
}
|
|
2220
|
+
filterModalSave() {
|
|
2221
|
+
this.filter.emit();
|
|
2222
|
+
this.filterModalShow = false;
|
|
2223
|
+
}
|
|
2184
2224
|
_parseItems(items) {
|
|
2185
2225
|
if (!items) {
|
|
2186
2226
|
this.parsedItems = [];
|
|
@@ -2455,13 +2495,13 @@ let Table = class Table {
|
|
|
2455
2495
|
}
|
|
2456
2496
|
};
|
|
2457
2497
|
Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2458
|
-
Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export", emptyStateActionClick: "emptyStateActionClick" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n <p-table-header\n [quickFilters]=\"quickFilters\"\n [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n (onQuickFilter)=\"(onQuickFilter)\"\n [enableSearch]=\"enableSearch\"\n [query]=\"query\"\n (onQueryChange)=\"(onQueryChange)\"\n [enableFilter]=\"enableFilter\"\n [selectedFiltersAmount]=\"selectedFiltersAmount\"\n [filterButtonTemplate]=\"filterButtonTemplate\"\n (onFilter)=\"filter.emit()\"\n [enableEdit]=\"enableEdit\"\n [canEdit]=\"!!selectedRows.length\"\n [editButtonTemplate]=\"editButtonTemplate\"\n (onEdit)=\"edit.emit()\"\n [itemsSelectedAmount]=\"selectedRows.length\"\n ></p-table-header>\n\n <p-table-row variant=\"header\">\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n [value]=\"col.name\"\n variant=\"header\"\n [index]=\"index\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"_selectAllChange($event)\"\n [checked]=\"_selectionContainsAll()\"\n [indeterminate]=\"_selectionIndeterminate()\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n\n <div class=\"flex flex-col\">\n <ng-container *ngIf=\"loading; else contentTemplate\">\n <p-table-row\n *ngFor=\"let r of loadingRows; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n >\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n variant=\"loading\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <p-loader\n variant=\"ghost\"\n class=\"rounded w-6 h-6\"\n ></p-loader>\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n <p-table-row\n *ngFor=\"let item of items; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n (click)=\"_rowClick($event, rowIndex)\"\n >\n <ng-container\n *ngFor=\"let col of columns; let index = index\"\n >\n <p-table-cell-ngx\n [definition]=\"col\"\n [item]=\"item\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n [template]=\"col.template\"\n ></p-table-cell-ngx>\n\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"\n _checkboxChange($event.target, rowIndex)\n \"\n [disabled]=\"_checkboxDisabled(item)\"\n [checked]=\"_selectionContains(item, rowIndex)\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n </ng-template>\n </div>\n\n <p-table-footer\n [hideOnSinglePage]=\"hideOnSinglePage\"\n [enablePageSize]=\"enablePageSize\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (onPageSizeChange)=\"(pageSizeChange)\"\n [enablePagination]=\"enablePagination\"\n [page]=\"page\"\n [total]=\"total\"\n (onPageChange)=\"(pageChange)\"\n [enableExport]=\"enableExport\"\n (onExport)=\"export.emit()\"\n ></p-table-footer>\n</p-table-container>\n\n<ng-template #emptyStateTemplate>\n <div\n *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-search\"\n class=\"mb-6\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateFilteredHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-14\">\n {{ emptyStateFilteredContent }}\n </p>\n </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n <div\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-overview\"\n class=\"cursor-pointer mb-6\"\n (click)=\"emptyStateActionClick.emit()\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-6\">\n {{ emptyStateContent }}\n </p>\n <p-button\n variant=\"secondary\"\n icon=\"plus\"\n size=\"small\"\n (click)=\"emptyStateActionClick.emit()\"\n >\n {{ emptyStateAction }}\n </p-button>\n </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["chevron", "chevronPosition", "disabled", "href", "icon", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "loading", "size", "target", "variant", "width"] }, { kind: "component", type: PIllustration, selector: "p-illustration", inputs: ["variant"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2498
|
+
Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export", emptyStateActionClick: "emptyStateActionClick", filterModalShown: "filterModalShown" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "filterModalTemplate", first: true, predicate: TableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n <p-table-header\n [quickFilters]=\"quickFilters\"\n [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n (onQuickFilter)=\"(onQuickFilter)\"\n [enableSearch]=\"enableSearch\"\n [query]=\"query\"\n (onQueryChange)=\"(onQueryChange)\"\n [enableFilter]=\"!!filterModalTemplate\"\n [selectedFiltersAmount]=\"selectedFiltersAmount\"\n [filterButtonTemplate]=\"filterButtonTemplate\"\n (onFilter)=\"filterModalShow = !filterModalShow\"\n [enableEdit]=\"enableEdit\"\n [canEdit]=\"!!selectedRows.length\"\n [editButtonTemplate]=\"editButtonTemplate\"\n (onEdit)=\"edit.emit()\"\n [itemsSelectedAmount]=\"selectedRows.length\"\n ></p-table-header>\n\n <p-table-row variant=\"header\">\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n [value]=\"col.name\"\n variant=\"header\"\n [index]=\"index\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"_selectAllChange($event)\"\n [checked]=\"_selectionContainsAll()\"\n [indeterminate]=\"_selectionIndeterminate()\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n\n <div class=\"flex flex-col\">\n <ng-container *ngIf=\"loading; else contentTemplate\">\n <p-table-row\n *ngFor=\"let r of loadingRows; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n >\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n variant=\"loading\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <p-loader\n variant=\"ghost\"\n class=\"rounded w-6 h-6\"\n ></p-loader>\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n <p-table-row\n *ngFor=\"let item of items; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n (click)=\"_rowClick($event, rowIndex)\"\n >\n <ng-container\n *ngFor=\"let col of columns; let index = index\"\n >\n <p-table-cell-ngx\n [definition]=\"col\"\n [item]=\"item\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n [template]=\"col.template\"\n ></p-table-cell-ngx>\n\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"\n _checkboxChange($event.target, rowIndex)\n \"\n [disabled]=\"_checkboxDisabled(item)\"\n [checked]=\"_selectionContains(item, rowIndex)\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n </ng-template>\n </div>\n\n <p-table-footer\n [hideOnSinglePage]=\"hideOnSinglePage\"\n [enablePageSize]=\"enablePageSize\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (onPageSizeChange)=\"(pageSizeChange)\"\n [enablePagination]=\"enablePagination\"\n [page]=\"page\"\n [total]=\"total\"\n (onPageChange)=\"(pageChange)\"\n [enableExport]=\"enableExport\"\n (onExport)=\"export.emit()\"\n ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"!!filterModalTemplate\">\n <p-modal [header]=\"filterModalHeaderText\" [show]=\"filterModalShow\">\n <div slot=\"content\">\n <ng-container\n *ngTemplateOutlet=\"filterModalTemplate\"\n ></ng-container>\n </div>\n <div slot=\"footer\" class=\"flex justify-between w-full\">\n <p-button\n variant=\"secondary\"\n icon=\"arrow\"\n icon-position=\"start\"\n icon-flip=\"horizontal\"\n >\n {{ filterModalCancelText }}\n </p-button>\n <p-button icon=\"arrow\" (onClick)=\"filterModalSave()\">\n {{ filterModalSaveText }}\n </p-button>\n </div>\n </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n <div\n *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-search\"\n class=\"mb-6\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateFilteredHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-14\">\n {{ emptyStateFilteredContent }}\n </p>\n </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n <div\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-overview\"\n class=\"cursor-pointer mb-6\"\n (click)=\"emptyStateActionClick.emit()\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-6\">\n {{ emptyStateContent }}\n </p>\n <p-button\n variant=\"secondary\"\n icon=\"plus\"\n size=\"small\"\n (click)=\"emptyStateActionClick.emit()\"\n >\n {{ emptyStateAction }}\n </p-button>\n </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["chevron", "chevronPosition", "disabled", "href", "icon", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "loading", "size", "target", "variant", "width"] }, { kind: "component", type: PIllustration, selector: "p-illustration", inputs: ["variant"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["header", "show", "showMobileClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2459
2499
|
Table = __decorate([
|
|
2460
2500
|
UntilDestroy({ checkProperties: true })
|
|
2461
2501
|
], Table);
|
|
2462
2502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, decorators: [{
|
|
2463
2503
|
type: Component,
|
|
2464
|
-
args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n <p-table-header\n [quickFilters]=\"quickFilters\"\n [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n (onQuickFilter)=\"(onQuickFilter)\"\n [enableSearch]=\"enableSearch\"\n [query]=\"query\"\n (onQueryChange)=\"(onQueryChange)\"\n [enableFilter]=\"
|
|
2504
|
+
args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n <p-table-header\n [quickFilters]=\"quickFilters\"\n [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n (onQuickFilter)=\"(onQuickFilter)\"\n [enableSearch]=\"enableSearch\"\n [query]=\"query\"\n (onQueryChange)=\"(onQueryChange)\"\n [enableFilter]=\"!!filterModalTemplate\"\n [selectedFiltersAmount]=\"selectedFiltersAmount\"\n [filterButtonTemplate]=\"filterButtonTemplate\"\n (onFilter)=\"filterModalShow = !filterModalShow\"\n [enableEdit]=\"enableEdit\"\n [canEdit]=\"!!selectedRows.length\"\n [editButtonTemplate]=\"editButtonTemplate\"\n (onEdit)=\"edit.emit()\"\n [itemsSelectedAmount]=\"selectedRows.length\"\n ></p-table-header>\n\n <p-table-row variant=\"header\">\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n [value]=\"col.name\"\n variant=\"header\"\n [index]=\"index\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"_selectAllChange($event)\"\n [checked]=\"_selectionContainsAll()\"\n [indeterminate]=\"_selectionIndeterminate()\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n\n <div class=\"flex flex-col\">\n <ng-container *ngIf=\"loading; else contentTemplate\">\n <p-table-row\n *ngFor=\"let r of loadingRows; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n >\n <ng-container *ngFor=\"let col of columns; let index = index\">\n <p-table-cell-ngx\n [definition]=\"col\"\n variant=\"loading\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n ></p-table-cell-ngx>\n <ng-template #checkboxTemplate>\n <p-loader\n variant=\"ghost\"\n class=\"rounded w-6 h-6\"\n ></p-loader>\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n <p-table-row\n *ngFor=\"let item of items; let rowIndex = index\"\n [enableHover]=\"enableRowSelection || enableRowClick\"\n (click)=\"_rowClick($event, rowIndex)\"\n >\n <ng-container\n *ngFor=\"let col of columns; let index = index\"\n >\n <p-table-cell-ngx\n [definition]=\"col\"\n [item]=\"item\"\n [checkbox]=\"\n index === 0 && enableRowSelection\n ? checkboxTemplate\n : undefined\n \"\n [index]=\"index\"\n [rowIndex]=\"rowIndex\"\n [template]=\"col.template\"\n ></p-table-cell-ngx>\n\n <ng-template #checkboxTemplate>\n <input\n class=\"p-input\"\n type=\"checkbox\"\n (change)=\"\n _checkboxChange($event.target, rowIndex)\n \"\n [disabled]=\"_checkboxDisabled(item)\"\n [checked]=\"_selectionContains(item, rowIndex)\"\n />\n </ng-template>\n </ng-container>\n </p-table-row>\n </ng-container>\n </ng-template>\n </div>\n\n <p-table-footer\n [hideOnSinglePage]=\"hideOnSinglePage\"\n [enablePageSize]=\"enablePageSize\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (onPageSizeChange)=\"(pageSizeChange)\"\n [enablePagination]=\"enablePagination\"\n [page]=\"page\"\n [total]=\"total\"\n (onPageChange)=\"(pageChange)\"\n [enableExport]=\"enableExport\"\n (onExport)=\"export.emit()\"\n ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"!!filterModalTemplate\">\n <p-modal [header]=\"filterModalHeaderText\" [show]=\"filterModalShow\">\n <div slot=\"content\">\n <ng-container\n *ngTemplateOutlet=\"filterModalTemplate\"\n ></ng-container>\n </div>\n <div slot=\"footer\" class=\"flex justify-between w-full\">\n <p-button\n variant=\"secondary\"\n icon=\"arrow\"\n icon-position=\"start\"\n icon-flip=\"horizontal\"\n >\n {{ filterModalCancelText }}\n </p-button>\n <p-button icon=\"arrow\" (onClick)=\"filterModalSave()\">\n {{ filterModalSaveText }}\n </p-button>\n </div>\n </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n <div\n *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-search\"\n class=\"mb-6\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateFilteredHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-14\">\n {{ emptyStateFilteredContent }}\n </p>\n </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n <div\n class=\"\n flex flex-col\n items-center\n text-center\n py-24\n max-w-[20rem]\n self-center\n \"\n >\n <p-illustration\n variant=\"empty-state-overview\"\n class=\"cursor-pointer mb-6\"\n (click)=\"emptyStateActionClick.emit()\"\n ></p-illustration>\n <p class=\"font-semibold text-storm-default\">\n {{ emptyStateHeader }}\n </p>\n <p class=\"text-sm text-storm-medium mb-6\">\n {{ emptyStateContent }}\n </p>\n <p-button\n variant=\"secondary\"\n icon=\"plus\"\n size=\"small\"\n (click)=\"emptyStateActionClick.emit()\"\n >\n {{ emptyStateAction }}\n </p-button>\n </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
2465
2505
|
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
2466
2506
|
type: Input
|
|
2467
2507
|
}], loading: [{
|
|
@@ -2551,6 +2591,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
2551
2591
|
}], columnDefinitions: [{
|
|
2552
2592
|
type: ContentChildren,
|
|
2553
2593
|
args: [TableColumn]
|
|
2594
|
+
}], filterModalTemplate: [{
|
|
2595
|
+
type: ContentChild,
|
|
2596
|
+
args: [TableFilterModalDirective, {
|
|
2597
|
+
read: TemplateRef,
|
|
2598
|
+
static: true,
|
|
2599
|
+
}]
|
|
2600
|
+
}], filterModalHeaderText: [{
|
|
2601
|
+
type: Input
|
|
2602
|
+
}], filterModalSaveText: [{
|
|
2603
|
+
type: Input
|
|
2604
|
+
}], filterModalCancelText: [{
|
|
2605
|
+
type: Input
|
|
2606
|
+
}], filterModalShown: [{
|
|
2607
|
+
type: Output
|
|
2554
2608
|
}], keyDown: [{
|
|
2555
2609
|
type: HostListener,
|
|
2556
2610
|
args: ['document:keydown', ['$event']]
|
|
@@ -2572,6 +2626,7 @@ class TableNgxDirective extends BaseValueAccessor {
|
|
|
2572
2626
|
this.lastValue = {
|
|
2573
2627
|
query: '',
|
|
2574
2628
|
quickFilter: undefined,
|
|
2629
|
+
filters: [],
|
|
2575
2630
|
page: 1,
|
|
2576
2631
|
pageSize: 12,
|
|
2577
2632
|
selectedRows: [],
|
|
@@ -2615,8 +2670,8 @@ class TableNgxDirective extends BaseValueAccessor {
|
|
|
2615
2670
|
// quickFilter?.identifier;
|
|
2616
2671
|
}
|
|
2617
2672
|
_checkEmptyStateType() {
|
|
2618
|
-
var _a, _b;
|
|
2619
|
-
if (((_a = this.lastValue.query) === null || _a === void 0 ? void 0 : _a.length) || !((_b = this.lastValue.quickFilter) === null || _b === void 0 ? void 0 : _b.default) || (this._base.selectedFiltersAmount && this._base.selectedFiltersAmount > 0)) {
|
|
2673
|
+
var _a, _b, _c;
|
|
2674
|
+
if (((_a = this.lastValue.query) === null || _a === void 0 ? void 0 : _a.length) || !((_b = this.lastValue.quickFilter) === null || _b === void 0 ? void 0 : _b.default) || (this._base.selectedFiltersAmount && this._base.selectedFiltersAmount > 0) || ((_c = this.lastValue.filters) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
2620
2675
|
this._base.emptyStateType = 'filtered';
|
|
2621
2676
|
return;
|
|
2622
2677
|
}
|
|
@@ -2732,6 +2787,7 @@ const TABLE_DIRECTIVES = [
|
|
|
2732
2787
|
TableHeaderDirective,
|
|
2733
2788
|
TableDirective,
|
|
2734
2789
|
TableNgxDirective,
|
|
2790
|
+
TableFilterModalDirective,
|
|
2735
2791
|
];
|
|
2736
2792
|
|
|
2737
2793
|
const DIRECTIVES = [
|
|
@@ -2802,7 +2858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
2802
2858
|
class TableModule {
|
|
2803
2859
|
}
|
|
2804
2860
|
TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2805
|
-
TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: TableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective], imports: [CommonModule, StencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective] });
|
|
2861
|
+
TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: TableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective], imports: [CommonModule, StencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective] });
|
|
2806
2862
|
TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
|
|
2807
2863
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, decorators: [{
|
|
2808
2864
|
type: NgModule,
|
|
@@ -3073,5 +3129,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
3073
3129
|
* Generated bundle index. Do not edit.
|
|
3074
3130
|
*/
|
|
3075
3131
|
|
|
3076
|
-
export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants };
|
|
3132
|
+
export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFilterModalDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants };
|
|
3077
3133
|
//# sourceMappingURL=paperless-angular.mjs.map
|