@ts-core/angular 13.0.27 → 13.0.28
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/component/cdk-table/cdk-table-filterable/cdk-table-filterable.component.d.ts +1 -1
- package/esm2020/component/cdk-table/cdk-table-filterable/cdk-table-filterable.component.mjs +3 -3
- package/esm2020/component/cdk-table/cdk-table-paginable/cdk-table-paginable.component.mjs +3 -3
- package/fesm2015/ts-core-angular.mjs +4 -4
- package/fesm2015/ts-core-angular.mjs.map +1 -1
- package/fesm2020/ts-core-angular.mjs +4 -4
- package/fesm2020/ts-core-angular.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export declare class CdkTableFilterableComponent<U = any, V = any> extends CdkTableBaseComponent<CdkTableFilterableMapCollection<U, V>, U, V> {
|
|
6
6
|
constructor(container: ViewContainerRef);
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<CdkTableFilterableComponent<any, any>, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CdkTableFilterableComponent<any, any>, "vi-cdk-table-filterable", never, {}, {}, never,
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CdkTableFilterableComponent<any, any>, "vi-cdk-table-filterable", never, {}, {}, never, ["*"]>;
|
|
9
9
|
}
|
|
@@ -28,9 +28,9 @@ export class CdkTableFilterableComponent extends CdkTableBaseComponent {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableRowClassName": i13.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i14.CdkTableRowStyleNamePipe } });
|
|
31
|
+
CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableRowClassName": i13.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i14.CdkTableRowStyleNamePipe } });
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
|
|
34
|
+
args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
35
35
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBTWxELE1BQU0sT0FBTywyQkFBOEMsU0FBUSxxQkFBa0U7SUFDakksNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixlQUFlO0lBQ2YsRUFBRTtJQUNGLDZFQUE2RTtJQUU3RSxZQUFZLFNBQTJCO1FBQ25DLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEVBQUUsOEJBQThCLENBQUMsQ0FBQztJQUNuRSxDQUFDOzt3SEFWUSwyQkFBMkI7NEdBQTNCLDJCQUEyQixzRkNWeEMsK3VGQWdFQTsyRkR0RGEsMkJBQTJCO2tCQUp2QyxTQUFTOytCQUNJLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IENka1RhYmxlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL0Nka1RhYmxlQmFzZUNvbXBvbmVudCc7XG5pbXBvcnQgeyBDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uIH0gZnJvbSAnLi4vQ2RrVGFibGVGaWx0ZXJhYmxlTWFwQ29sbGVjdGlvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC9WaWV3VXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmktY2RrLXRhYmxlLWZpbHRlcmFibGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlRmlsdGVyYWJsZUNvbXBvbmVudDxVID0gYW55LCBWID0gYW55PiBleHRlbmRzIENka1RhYmxlQmFzZUNvbXBvbmVudDxDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uPFUsIFY+LCBVLCBWPiB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RydWN0b3JcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBjb25zdHJ1Y3Rvcihjb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3Nlcyhjb250YWluZXIsICdkLWZsZXggZmxleC1jb2x1bW4gc2Nyb2xsLW5vJyk7XG4gICAgfVxufVxuIiwiPG1hdC10YWJsZVxuICAgIGNsYXNzPVwiZmxleC1ncm93LTEgdmVydGljYWwtc2Nyb2xsLW9ubHlcIlxuICAgIG1hdFNvcnRcbiAgICBbZGF0YVNvdXJjZV09XCJ0YWJsZT8udGFibGU/LmRhdGFTb3VyY2VcIlxuICAgIFttYXRTb3J0QWN0aXZlXT1cInNvcnRBY3RpdmVcIlxuICAgIFttYXRTb3J0RGlyZWN0aW9uXT1cInNvcnREaXJlY3Rpb25cIlxuICAgIFtjbGFzcy5tYXQtbmF2LWxpc3RdPVwic2V0dGluZ3M/LmlzSW50ZXJhY3RpdmVcIlxuICAgIChtYXRTb3J0Q2hhbmdlKT1cInRhYmxlLnNvcnRFdmVudEhhbmRsZXIoJGV2ZW50KVwiXG4+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnM7IHRyYWNrQnk6IGNvbHVtblRyYWNrQnlcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbWF0Q29sdW1uRGVmXT1cImNvbHVtbi5uYW1lXCI+XG4gICAgICAgICAgICA8bWF0LWhlYWRlci1jZWxsXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJweC0yXCJcbiAgICAgICAgICAgICAgICBtYXQtc29ydC1oZWFkZXJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUNsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb2x1bW4uaXNEaXNhYmxlU29ydFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sdW1uLmhlYWRlckNsYXNzTmFtZVwiXG4gICAgICAgICAgICAgICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNvbHVtbi5oZWFkZXJJZCB8IHZpVHJhbnNsYXRlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9tYXQtaGVhZGVyLWNlbGw+XG4gICAgICAgICAgICA8bWF0LWNlbGxcbiAgICAgICAgICAgICAgICBjbGFzcz1cInAtMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNlbGxDbGlja0hhbmRsZXIocm93LCBjb2x1bW4sICRldmVudClcIlxuICAgICAgICAgICAgICAgICptYXRDZWxsRGVmPVwibGV0IHJvd1wiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtbkNsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJyb3cgfCB2aUNka1RhYmxlQ29sdW1uU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5pc0ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZpLWh0bWwtY29udGVudC10aXRsZV09XCJyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXIgdHJhbnNwYXJlbnRcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cblxuPGRpdiBjbGFzcz1cInBhZ2luYXRvci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtZW5kIGZsZXgtc2hyaW5rLTBcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -54,11 +54,11 @@ export class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i7.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": i8.LanguagePipe, "viCdkTableColumnClassName": i9.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i10.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i11.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i12.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i13.CdkTableCellValuePipe, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
|
|
57
|
+
CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i7.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": i8.LanguagePipe, "viCdkTableColumnClassName": i9.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i10.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i11.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i12.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i13.CdkTableCellValuePipe, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n" }]
|
|
60
|
+
args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n" }]
|
|
61
61
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { paginator: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLXBhZ2luYWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2Nkay10YWJsZS9jZGstdGFibGUtcGFnaW5hYmxlL2Nkay10YWJsZS1wYWdpbmFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLXBhZ2luYWJsZS9jZGstdGFibGUtcGFnaW5hYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWpFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBTWxELE1BQU0sT0FBTywwQkFBNkMsU0FBUSxxQkFBaUU7SUFTL0gsNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixlQUFlO0lBQ2YsRUFBRTtJQUNGLDZFQUE2RTtJQUU3RSxZQUFZLFNBQTJCO1FBQ25DLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEVBQUUsOEJBQThCLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3BHLENBQUM7SUFFRCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLHFCQUFxQjtJQUNyQixFQUFFO0lBQ0YsNkVBQTZFO0lBRW5FLHlCQUF5QixLQUFVLENBQUM7SUFFOUMsNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixxQkFBcUI7SUFDckIsRUFBRTtJQUNGLDZFQUE2RTtJQUU3RSxJQUFXLFNBQVM7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUNXLFNBQVMsQ0FBQyxLQUFpQztRQUNsRCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzNCLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ2pCLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxDQUFDO1NBQ3BDO0lBQ0wsQ0FBQzs7dUhBL0NRLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHlIQ1Z2Qyw0c0dBOEVBOzJGRHBFYSwwQkFBMEI7a0JBSnRDLFNBQVM7K0JBQ0ksd0JBQXdCO3VHQTBDdkIsU0FBUztzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IENka1RhYmxlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL0Nka1RhYmxlQmFzZUNvbXBvbmVudCc7XG5pbXBvcnQgeyBDZGtUYWJsZVBhZ2luYWJsZU1hcENvbGxlY3Rpb24gfSBmcm9tICcuLi9DZGtUYWJsZVBhZ2luYWJsZU1hcENvbGxlY3Rpb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmlld1V0aWwgfSBmcm9tICcuLi8uLi8uLi91dGlsL1ZpZXdVdGlsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2aS1jZGstdGFibGUtcGFnaW5hYmxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2Nkay10YWJsZS1wYWdpbmFibGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlUGFnaW5hYmxlQ29tcG9uZW50PFUgPSBhbnksIFYgPSBhbnk+IGV4dGVuZHMgQ2RrVGFibGVCYXNlQ29tcG9uZW50PENka1RhYmxlUGFnaW5hYmxlTWFwQ29sbGVjdGlvbjxVLCBWPiwgVSwgVj4ge1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvLyBcdFByb3BlcnRpZXNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcm90ZWN0ZWQgX3BhZ2luYXRvcjogSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3M7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKGNvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBWaWV3VXRpbC5hZGRDbGFzc2VzKGNvbnRhaW5lciwgJ2QtZmxleCBmbGV4LWNvbHVtbiBzY3JvbGwtbm8nKTtcbiAgICAgICAgdGhpcy5fcGFnaW5hdG9yID0geyBwYWdlU2l6ZXM6IFsxMCwgMjUsIDEwMF0sIGhpZGVQYWdlU2l6ZTogZmFsc2UsIHNob3dGaXJzdExhc3RCdXR0b25zOiB0cnVlIH07XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0UHJvdGVjdGVkIE1ldGhvZHNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcm90ZWN0ZWQgY29tbWl0UGFnaW5hdG9yUHJvcGVydGllcygpOiB2b2lkIHt9XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRQdWJsaWMgUHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBnZXQgcGFnaW5hdG9yKCk6IElDZGtUYWJsZVBhZ2luYXRvclNldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3BhZ2luYXRvcjtcbiAgICB9XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHBhZ2luYXRvcih2YWx1ZTogSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKHZhbHVlID09PSB0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9wYWdpbmF0b3IgPSB2YWx1ZTtcbiAgICAgICAgaWYgKCFfLmlzTmlsKHZhbHVlKSkge1xuICAgICAgICAgICAgdGhpcy5jb21taXRQYWdpbmF0b3JQcm9wZXJ0aWVzKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3Mge1xuICAgIHBhZ2VTaXplcz86IEFycmF5PG51bWJlcj47XG4gICAgaGlkZVBhZ2VTaXplPzogYm9vbGVhbjtcbiAgICBzaG93Rmlyc3RMYXN0QnV0dG9ucz86IGJvb2xlYW47XG59XG4iLCI8bWF0LXRhYmxlXG4gICAgY2xhc3M9XCJmbGV4LWdyb3ctMSB2ZXJ0aWNhbC1zY3JvbGwtb25seVwiXG4gICAgbWF0U29ydFxuICAgIFtkYXRhU291cmNlXT1cInRhYmxlPy50YWJsZT8uZGF0YVNvdXJjZVwiXG4gICAgW3RyYWNrQnldPVwidGFibGUudHJhY2tCeUZuXCJcbiAgICBbbWF0U29ydEFjdGl2ZV09XCJzb3J0QWN0aXZlXCJcbiAgICBbbWF0U29ydERpcmVjdGlvbl09XCJzb3J0RGlyZWN0aW9uXCJcbiAgICBbY2xhc3MubWF0LW5hdi1saXN0XT1cInNldHRpbmdzPy5pc0ludGVyYWN0aXZlXCJcbiAgICAobWF0U29ydENoYW5nZSk9XCJ0YWJsZS5zb3J0RXZlbnRIYW5kbGVyKCRldmVudClcIlxuPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zOyB0cmFja0J5OiBjb2x1bW5UcmFja0J5XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW21hdENvbHVtbkRlZl09XCJjb2x1bW4ubmFtZVwiPlxuICAgICAgICAgICAgPG1hdC1oZWFkZXItY2VsbFxuICAgICAgICAgICAgICAgIGNsYXNzPVwicHgtMlwiXG4gICAgICAgICAgICAgICAgbWF0LXNvcnQtaGVhZGVyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29sdW1uLmlzRGlzYWJsZVNvcnRcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNvbHVtbi5oZWFkZXJDbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJjb2x1bW4uaGVhZGVySWQgfCB2aVRyYW5zbGF0ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbWF0LWhlYWRlci1jZWxsPlxuXG4gICAgICAgICAgICA8bWF0LWNlbGxcbiAgICAgICAgICAgICAgICBjbGFzcz1cInAtMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNlbGxDbGlja0hhbmRsZXIocm93LCBjb2x1bW4sICRldmVudClcIlxuICAgICAgICAgICAgICAgICptYXRDZWxsRGVmPVwibGV0IHJvd1wiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtbkNsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJyb3cgfCB2aUNka1RhYmxlQ29sdW1uU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5pc0ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZpLWh0bWwtY29udGVudC10aXRsZV09XCJyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuICAgIFxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXJcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cblxuPGRpdiBjbGFzcz1cInBhZ2luYXRvci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtZW5kIGZsZXgtc2hyaW5rLTBcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPG1hdC1wYWdpbmF0b3JcbiAgICAgICAgY2xhc3M9XCJmbGV4LXNocmluay0wXCJcbiAgICAgICAgW3BhZ2VTaXplXT1cInRhYmxlPy5wYWdlU2l6ZVwiXG4gICAgICAgIFtwYWdlSW5kZXhdPVwidGFibGU/LnBhZ2VJbmRleFwiXG4gICAgICAgIFtsZW5ndGhdPVwidGFibGU/LnRvdGFsXCJcbiAgICAgICAgKHBhZ2UpPVwidGFibGU/LnBhZ2VFdmVudEhhbmRsZXIoJGV2ZW50KVwiXG4gICAgICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwicGFnaW5hdG9yPy5wYWdlU2l6ZXNcIlxuICAgICAgICBbc2hvd0ZpcnN0TGFzdEJ1dHRvbnNdPVwicGFnaW5hdG9yPy5zaG93Rmlyc3RMYXN0QnV0dG9uc1wiXG4gICAgICAgIFtoaWRlUGFnZVNpemVdPVwicGFnaW5hdG9yPy5oaWRlUGFnZVNpemVcIlxuICAgICAgICAqbmdJZj1cInBhZ2luYXRvclwiXG4gICAgPjwvbWF0LXBhZ2luYXRvcj5cbjwvZGl2PlxuIl19
|
|
@@ -7630,10 +7630,10 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
|
7630
7630
|
}
|
|
7631
7631
|
}
|
|
7632
7632
|
CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7633
|
-
CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
|
|
7633
|
+
CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
|
|
7634
7634
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
|
|
7635
7635
|
type: Component,
|
|
7636
|
-
args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n" }]
|
|
7636
|
+
args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n" }]
|
|
7637
7637
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { paginator: [{
|
|
7638
7638
|
type: Input
|
|
7639
7639
|
}] } });
|
|
@@ -7650,10 +7650,10 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
|
|
|
7650
7650
|
}
|
|
7651
7651
|
}
|
|
7652
7652
|
CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7653
|
-
CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
|
|
7653
|
+
CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
|
|
7654
7654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
|
|
7655
7655
|
type: Component,
|
|
7656
|
-
args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
|
|
7656
|
+
args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
7657
7657
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
7658
7658
|
|
|
7659
7659
|
class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
|