ecabs-components 1.1.50 → 1.1.51
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 +1 -0
- package/esm2022/lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component.mjs +3 -3
- package/esm2022/lib/ecabs-table/ecabs-table.component.mjs +12 -3
- package/fesm2022/ecabs-components.mjs +13 -4
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/ecabs-table/ecabs-table.component.d.ts +4 -1
- package/package.json +1 -1
- package/src/assets/styles/tailwind/index.scss +1 -1
package/README.md
CHANGED
|
@@ -110,3 +110,4 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
110
110
|
- **v1.1.48** — Implement `EcabsPlaceAutocompleteV2Component` to support waypoints history, query change handling, and dropdown suggestions display.
|
|
111
111
|
- **v1.1.49** — Add support for `splitButtonsWidth` in `EcabsDialogConfirmComponent` and update button styling.`.
|
|
112
112
|
- **v1.1.50** — Add `Documentation` for `EcabsTableModule`.
|
|
113
|
+
- **v1.1.51** — Implement option of displaying dynamic content for `EcabsTableComponent` when empty.
|
|
@@ -16,11 +16,11 @@ export class EcabsEmptyPlaceholderComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'ecabs-empty-placeholder', template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-
|
|
23
|
+
args: [{ selector: 'ecabs-empty-placeholder', template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n" }]
|
|
24
24
|
}], propDecorators: { title: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], isEmptyMessage: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
30
30
|
}], srcImage: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtZW1wdHktcGxhY2Vob2xkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyL2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFZbkUsTUFBTSxPQUFPLDhCQUE4QjtJQUNoQyxLQUFLLENBQVU7SUFFZixjQUFjLENBQVM7SUFFdkIsWUFBWSxDQUEwQjtJQUV0QyxRQUFRLENBQVM7SUFFMUIsS0FBSyxDQUFTO0lBRWQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxPQUFPLElBQUksRUFBRSxDQUFDO1FBRW5DLElBQUksUUFBUSxFQUFFLFlBQVksS0FBSyxTQUFTLElBQUksSUFBSSxFQUFFO1lBQ2hELElBQUksQ0FBQyxLQUFLLEdBQUcsbUJBQW1CLENBQUM7U0FDbEM7SUFDSCxDQUFDO3dHQWpCVSw4QkFBOEI7NEZBQTlCLDhCQUE4QixzTUNiM0MsK21CQWlCQTs7NEZESmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsS0FBSztzQkFBYixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHNyY05vdGhpbmdIZXJlSW1hZ2UgfSBmcm9tICcuLi9iYXNlL2NvbnN0cy9pbWFnZXMuY29uc3RzJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUGxhY2Vob2xkZXJSZWRpcmVjdFBhdGgge1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgcGF0aDogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWNhYnMtZW1wdHktcGxhY2Vob2xkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFY2Fic0VtcHR5UGxhY2Vob2xkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBpc0VtcHR5TWVzc2FnZTogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSByZWRpcmVjdFBhdGg6IFBsYWNlaG9sZGVyUmVkaXJlY3RQYXRoO1xyXG5cclxuICBASW5wdXQoKSBzcmNJbWFnZTogc3RyaW5nO1xyXG5cclxuICBpbWFnZTogc3RyaW5nO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IHNyY0ltYWdlIH0gPSBjaGFuZ2VzID8/IHt9O1xyXG5cclxuICAgIGlmIChzcmNJbWFnZT8uY3VycmVudFZhbHVlID09PSB1bmRlZmluZWQgfHwgbnVsbCkge1xyXG4gICAgICB0aGlzLmltYWdlID0gc3JjTm90aGluZ0hlcmVJbWFnZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInctZnVsbCBmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWl0ZW1zLWNlbnRlciB0ZXh0LWNlbnRlciBnYXAtMlwiPlxyXG4gIDxpbWcgY2xhc3M9XCJtdC0xMCB3LTYwXCIgW3NyY109XCJpbWFnZVwiIGFsdD1cIlwiIC8+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aXRsZVwiPlxyXG4gICAgPHAgY2xhc3M9XCJ0ZXh0LWxnIGZvbnQtYm9sZCBsZWFkaW5nLTcgdGV4dC1ibGFja1wiPnt7IHRpdGxlIH19PC9wPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNFbXB0eU1lc3NhZ2VcIj5cclxuICAgIDxwIGNsYXNzPVwidGV4dC1ncmF5LTQwMFwiPnt7IGlzRW1wdHlNZXNzYWdlIH19PC9wPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcblxyXG4gIDxhICpuZ0lmPVwicmVkaXJlY3RQYXRoXCIgW3JvdXRlckxpbmtdPVwicmVkaXJlY3RQYXRoPy5wYXRoICYmIFtyZWRpcmVjdFBhdGgucGF0aF1cIiBjbGFzcz1cInRleHQtc20gbXQtMlwiPlxyXG4gICAge3sgcmVkaXJlY3RQYXRoLnRpdGxlIH19XHJcbiAgPC9hPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -12,19 +12,24 @@ export class TableComponent {
|
|
|
12
12
|
loading = false;
|
|
13
13
|
isEmpty;
|
|
14
14
|
isEmptyMessage;
|
|
15
|
+
isEmptyMessageTitle;
|
|
16
|
+
isEmptyExtrasTemplate;
|
|
15
17
|
redirectPath;
|
|
16
18
|
srcImageEmpty;
|
|
19
|
+
get showTableContent() {
|
|
20
|
+
return !((this.isEmptyMessage || this.isEmptyMessageTitle) && this.isEmpty);
|
|
21
|
+
}
|
|
17
22
|
ngAfterContentChecked() {
|
|
18
23
|
if (this.table) {
|
|
19
24
|
this.isEmpty = !this.table['_data']?.length;
|
|
20
25
|
}
|
|
21
26
|
}
|
|
22
27
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", isEmptyMessageTitle: "isEmptyMessageTitle", isEmptyExtrasTemplate: "isEmptyExtrasTemplate", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i3.EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: ["title", "isEmptyMessage", "redirectPath", "srcImage"] }] });
|
|
24
29
|
}
|
|
25
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
|
|
26
31
|
type: Component,
|
|
27
|
-
args: [{ selector: 'ecabs-table', template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"
|
|
32
|
+
args: [{ selector: 'ecabs-table', template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
|
|
28
33
|
}], propDecorators: { table: [{
|
|
29
34
|
type: ContentChild,
|
|
30
35
|
args: [MatTable]
|
|
@@ -40,9 +45,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
40
45
|
type: Input
|
|
41
46
|
}], isEmptyMessage: [{
|
|
42
47
|
type: Input
|
|
48
|
+
}], isEmptyMessageTitle: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], isEmptyExtrasTemplate: [{
|
|
51
|
+
type: Input
|
|
43
52
|
}], redirectPath: [{
|
|
44
53
|
type: Input
|
|
45
54
|
}], srcImageEmpty: [{
|
|
46
55
|
type: Input
|
|
47
56
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLXRhYmxlL2VjYWJzLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy10YWJsZS9lY2Ficy10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxHQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLGNBQWM7SUFFekIsS0FBSyxDQUFnQjtJQUdyQixNQUFNLENBQW1CO0lBR3pCLFNBQVMsQ0FBbUI7SUFHNUIsUUFBUSxHQUFHLElBQUksQ0FBQztJQUdoQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBR2hCLE9BQU8sQ0FBVTtJQUdqQixjQUFjLENBQVM7SUFHdkIsbUJBQW1CLENBQVM7SUFHNUIscUJBQXFCLENBQW1CO0lBR3hDLFlBQVksQ0FBMEI7SUFHdEMsYUFBYSxDQUFTO0lBRXRCLElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsRUFBRSxNQUFNLENBQUM7U0FDN0M7SUFDSCxDQUFDO3dHQTFDVSxjQUFjOzRGQUFkLGNBQWMsc1lBQ1gsUUFBUSxnRENWeEIsMnVDQTRCQTs7NEZEbkJhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsYUFBYTs4QkFNdkIsS0FBSztzQkFESixZQUFZO3VCQUFDLFFBQVE7Z0JBSXRCLE1BQU07c0JBREwsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixLQUFLO2dCQUlOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFJTixxQkFBcUI7c0JBRHBCLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJDb250ZW50Q2hlY2tlZCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZix9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01hdFRhYmxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XHJcbmltcG9ydCB7UGxhY2Vob2xkZXJSZWRpcmVjdFBhdGh9IGZyb20gJy4uL2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyL2VjYWJzLWVtcHR5LXBsYWNlaG9sZGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLXRhYmxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWNhYnMtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2VjYWJzLXRhYmxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQge1xyXG4gIEBDb250ZW50Q2hpbGQoTWF0VGFibGUpXHJcbiAgdGFibGU6IE1hdFRhYmxlPGFueT47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGVhZGVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHBhZ2luYXRvcjogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBib3JkZXJlZCA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbG9hZGluZyA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGlzRW1wdHk6IGJvb2xlYW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaXNFbXB0eU1lc3NhZ2U6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBpc0VtcHR5TWVzc2FnZVRpdGxlOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaXNFbXB0eUV4dHJhc1RlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHJlZGlyZWN0UGF0aDogUGxhY2Vob2xkZXJSZWRpcmVjdFBhdGg7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc3JjSW1hZ2VFbXB0eTogc3RyaW5nO1xyXG5cclxuICBnZXQgc2hvd1RhYmxlQ29udGVudCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhKCh0aGlzLmlzRW1wdHlNZXNzYWdlIHx8IHRoaXMuaXNFbXB0eU1lc3NhZ2VUaXRsZSkgJiYgdGhpcy5pc0VtcHR5KTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnRhYmxlKSB7XHJcbiAgICAgIHRoaXMuaXNFbXB0eSA9ICF0aGlzLnRhYmxlWydfZGF0YSddPy5sZW5ndGg7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwidGFibGUtdWkgdGFibGUtdWktLXdyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICd0YWJsZS11aV9fYm9yZGVyZWQnOiBib3JkZXJlZCwgbG9hZGluZzogbG9hZGluZyB9XCI+XHJcbiAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJsb2FkaW5nXCIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiBjbGFzcz1cInRhYmxlLXVpX19wcm9ncmVzc1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cclxuXHJcbiAgPGRpdiAqbmdJZj1cImhlYWRlclwiIGNsYXNzPVwidGFibGUtdWlfX2hlYWRlclwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd1RhYmxlQ29udGVudDsgZWxzZSBub0RhdGFUZW1wbGF0ZVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuICAgIDxkaXYgKm5nSWY9XCJwYWdpbmF0b3JcIiBjbGFzcz1cInRhYmxlLXVpX19wYWdpbmF0b3JcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInBhZ2luYXRvclwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDwhLS0jRm9yIEVtcHR5IHN0YXRlIC0tPlxyXG4gIDxuZy10ZW1wbGF0ZSAjbm9EYXRhVGVtcGxhdGU+XHJcbiAgICA8ZWNhYnMtZW1wdHktcGxhY2Vob2xkZXIgKm5nSWY9XCIhbG9hZGluZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlZGlyZWN0UGF0aF09XCJyZWRpcmVjdFBhdGhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJpc0VtcHR5TWVzc2FnZVRpdGxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNFbXB0eU1lc3NhZ2VdPVwiaXNFbXB0eU1lc3NhZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNJbWFnZV09XCJzcmNJbWFnZUVtcHR5XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc0VtcHR5RXh0cmFzVGVtcGxhdGVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXNFbXB0eUV4dHJhc1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlcj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==
|
|
@@ -5577,11 +5577,11 @@ class EcabsEmptyPlaceholderComponent {
|
|
|
5577
5577
|
}
|
|
5578
5578
|
}
|
|
5579
5579
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5580
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-
|
|
5580
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: { title: "title", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
5581
5581
|
}
|
|
5582
5582
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, decorators: [{
|
|
5583
5583
|
type: Component,
|
|
5584
|
-
args: [{ selector: 'ecabs-empty-placeholder', template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-
|
|
5584
|
+
args: [{ selector: 'ecabs-empty-placeholder', template: "<div class=\"w-full flex flex-col items-center justify-items-center text-center gap-2\">\r\n <img class=\"mt-10 w-60\" [src]=\"image\" alt=\"\" />\r\n\r\n <ng-container *ngIf=\"title\">\r\n <p class=\"text-lg font-bold leading-7 text-black\">{{ title }}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isEmptyMessage\">\r\n <p class=\"text-gray-400\">{{ isEmptyMessage }}</p>\r\n </ng-container>\r\n\r\n <ng-content></ng-content>\r\n\r\n <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm mt-2\">\r\n {{ redirectPath.title }}\r\n </a>\r\n</div>\r\n" }]
|
|
5585
5585
|
}], propDecorators: { title: [{
|
|
5586
5586
|
type: Input
|
|
5587
5587
|
}], isEmptyMessage: [{
|
|
@@ -5758,19 +5758,24 @@ class TableComponent {
|
|
|
5758
5758
|
loading = false;
|
|
5759
5759
|
isEmpty;
|
|
5760
5760
|
isEmptyMessage;
|
|
5761
|
+
isEmptyMessageTitle;
|
|
5762
|
+
isEmptyExtrasTemplate;
|
|
5761
5763
|
redirectPath;
|
|
5762
5764
|
srcImageEmpty;
|
|
5765
|
+
get showTableContent() {
|
|
5766
|
+
return !((this.isEmptyMessage || this.isEmptyMessageTitle) && this.isEmpty);
|
|
5767
|
+
}
|
|
5763
5768
|
ngAfterContentChecked() {
|
|
5764
5769
|
if (this.table) {
|
|
5765
5770
|
this.isEmpty = !this.table['_data']?.length;
|
|
5766
5771
|
}
|
|
5767
5772
|
}
|
|
5768
5773
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5769
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"
|
|
5774
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", isEmptyMessageTitle: "isEmptyMessageTitle", isEmptyExtrasTemplate: "isEmptyExtrasTemplate", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i2$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: ["title", "isEmptyMessage", "redirectPath", "srcImage"] }] });
|
|
5770
5775
|
}
|
|
5771
5776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
|
|
5772
5777
|
type: Component,
|
|
5773
|
-
args: [{ selector: 'ecabs-table', template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"
|
|
5778
|
+
args: [{ selector: 'ecabs-table', template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n <div *ngIf=\"header\" class=\"table-ui__header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showTableContent; else noDataTemplate\">\r\n <ng-content></ng-content>\r\n\r\n <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <!--#For Empty state -->\r\n <ng-template #noDataTemplate>\r\n <ecabs-empty-placeholder *ngIf=\"!loading\"\r\n [redirectPath]=\"redirectPath\"\r\n [title]=\"isEmptyMessageTitle\"\r\n [isEmptyMessage]=\"isEmptyMessage\"\r\n [srcImage]=\"srcImageEmpty\">\r\n <ng-container *ngIf=\"isEmptyExtrasTemplate\">\r\n <ng-container *ngTemplateOutlet=\"isEmptyExtrasTemplate\"></ng-container>\r\n </ng-container>\r\n </ecabs-empty-placeholder>\r\n </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
|
|
5774
5779
|
}], propDecorators: { table: [{
|
|
5775
5780
|
type: ContentChild,
|
|
5776
5781
|
args: [MatTable]
|
|
@@ -5786,6 +5791,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5786
5791
|
type: Input
|
|
5787
5792
|
}], isEmptyMessage: [{
|
|
5788
5793
|
type: Input
|
|
5794
|
+
}], isEmptyMessageTitle: [{
|
|
5795
|
+
type: Input
|
|
5796
|
+
}], isEmptyExtrasTemplate: [{
|
|
5797
|
+
type: Input
|
|
5789
5798
|
}], redirectPath: [{
|
|
5790
5799
|
type: Input
|
|
5791
5800
|
}], srcImageEmpty: [{
|