@ts-core/angular 11.0.71 → 11.0.76
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/bundles/ts-core-angular.umd.js +14 -7
- package/bundles/ts-core-angular.umd.js.map +1 -1
- package/bundles/ts-core-angular.umd.min.js +1 -1
- package/bundles/ts-core-angular.umd.min.js.map +1 -1
- package/component/cdk-table/cdk-table-filterable/cdk-table-filterable.component.d.ts +2 -1
- package/component/cdk-table/cdk-table-paginable/cdk-table-paginable.component.d.ts +2 -1
- package/esm2015/component/cdk-table/cdk-table-filterable/cdk-table-filterable.component.js +9 -5
- package/esm2015/component/cdk-table/cdk-table-paginable/cdk-table-paginable.component.js +9 -5
- package/fesm2015/ts-core-angular.js +12 -6
- package/fesm2015/ts-core-angular.js.map +1 -1
- package/package.json +1 -1
- package/style/mat/bootstrap/_border.scss +2 -2
- package/ts-core-angular.metadata.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CdkTableBaseComponent } from '../CdkTableBaseComponent';
|
|
2
2
|
import { CdkTableFilterableMapCollection } from '../CdkTableFilterableMapCollection';
|
|
3
|
+
import { ViewContainerRef } from '@angular/core';
|
|
3
4
|
export declare class CdkTableFilterableComponent<U = any, V = any> extends CdkTableBaseComponent<CdkTableFilterableMapCollection<U, V>, U, V> {
|
|
4
|
-
constructor();
|
|
5
|
+
constructor(container: ViewContainerRef);
|
|
5
6
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { CdkTableBaseComponent } from '../CdkTableBaseComponent';
|
|
2
2
|
import { CdkTablePaginableMapCollection } from '../CdkTablePaginableMapCollection';
|
|
3
|
+
import { ViewContainerRef } from '@angular/core';
|
|
3
4
|
export declare class CdkTablePaginableComponent<U = any, V = any> extends CdkTableBaseComponent<CdkTablePaginableMapCollection<U, V>, U, V> {
|
|
4
5
|
protected _paginator: ICdkTablePaginatorSettings;
|
|
5
|
-
constructor();
|
|
6
|
+
constructor(container: ViewContainerRef);
|
|
6
7
|
protected commitPaginatorProperties(): void;
|
|
7
8
|
get paginator(): ICdkTablePaginatorSettings;
|
|
8
9
|
set paginator(value: ICdkTablePaginatorSettings);
|
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
import { CdkTableBaseComponent } from '../CdkTableBaseComponent';
|
|
2
|
-
import { Component } from '@angular/core';
|
|
2
|
+
import { Component, ViewContainerRef } from '@angular/core';
|
|
3
|
+
import { ViewUtil } from '../../../util/ViewUtil';
|
|
3
4
|
export class CdkTableFilterableComponent extends CdkTableBaseComponent {
|
|
4
5
|
// --------------------------------------------------------------------------
|
|
5
6
|
//
|
|
6
7
|
// Constructor
|
|
7
8
|
//
|
|
8
9
|
// --------------------------------------------------------------------------
|
|
9
|
-
constructor() {
|
|
10
|
+
constructor(container) {
|
|
10
11
|
super();
|
|
12
|
+
ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
|
|
11
13
|
}
|
|
12
14
|
}
|
|
13
15
|
CdkTableFilterableComponent.decorators = [
|
|
14
16
|
{ type: Component, args: [{
|
|
15
17
|
selector: 'vi-cdk-table-filterable',
|
|
16
|
-
template: "<mat-table matSort [dataSource]=\"table?.table?.dataSource\" [matSortActive]=\"sortActive\" [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\" (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 class=\"px-2\" mat-sort-header [disableClear]=\"true\" [disabled]=\"column.isDisableSort\" [ngClass]=\"column.headerClassName\" \n *matHeaderCellDef>\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell class=\"px-2\" (click)=\"cellClickHandler(row, column)\" *matCellDef=\"let row\" \n [ngClass]=\"row | viCdkTableColumnClassName: column\" [ngStyle]=\"row | viCdkTableColumnStyleName: column\" >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row class=\"mat-list-item\" *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows : selectedRows\" [ngStyle]=\"row | viCdkTableRowStyleName: rows : selectedRows\"\n (click)=\"rowClicked.emit(row)\"></mat-row>\n\n</mat-table>\n\n<p class=\"p-3 text-center mouse-inactive\" *ngIf=\"!table?.isLoading && table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\"\n style=\"margin-bottom: -1px;\"></mat-progress-bar>\n"
|
|
18
|
+
template: "<mat-table class=\"flex-grow-1 vertical-scroll-only\" matSort [dataSource]=\"table?.table?.dataSource\" [matSortActive]=\"sortActive\" [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\" (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 class=\"px-2\" mat-sort-header [disableClear]=\"true\" [disabled]=\"column.isDisableSort\" [ngClass]=\"column.headerClassName\" \n *matHeaderCellDef>\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell class=\"px-2\" (click)=\"cellClickHandler(row, column)\" *matCellDef=\"let row\" \n [ngClass]=\"row | viCdkTableColumnClassName: column\" [ngStyle]=\"row | viCdkTableColumnStyleName: column\" >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row class=\"mat-list-item\" *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows : selectedRows\" [ngStyle]=\"row | viCdkTableRowStyleName: rows : selectedRows\"\n (click)=\"rowClicked.emit(row)\"></mat-row>\n\n</mat-table>\n\n<p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" *ngIf=\"!table?.isLoading && table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\"\n style=\"margin-bottom: -1px;\"></mat-progress-bar>\n"
|
|
17
19
|
},] }
|
|
18
20
|
];
|
|
19
|
-
CdkTableFilterableComponent.ctorParameters = () => [
|
|
20
|
-
|
|
21
|
+
CdkTableFilterableComponent.ctorParameters = () => [
|
|
22
|
+
{ type: ViewContainerRef }
|
|
23
|
+
];
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWpFLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTWxELE1BQU0sT0FBTywyQkFBOEMsU0FBUSxxQkFBa0U7SUFDakksNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixlQUFlO0lBQ2YsRUFBRTtJQUNGLDZFQUE2RTtJQUU3RSxZQUFZLFNBQTJCO1FBQ25DLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEVBQUUsOEJBQThCLENBQUMsQ0FBQztJQUNuRSxDQUFDOzs7WUFkSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMsbTFEQUFrRDthQUNyRDs7O1lBTm1CLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IENka1RhYmxlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL0Nka1RhYmxlQmFzZUNvbXBvbmVudCc7XG5pbXBvcnQgeyBDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uIH0gZnJvbSAnLi4vQ2RrVGFibGVGaWx0ZXJhYmxlTWFwQ29sbGVjdGlvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC9WaWV3VXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmktY2RrLXRhYmxlLWZpbHRlcmFibGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlRmlsdGVyYWJsZUNvbXBvbmVudDxVID0gYW55LCBWID0gYW55PiBleHRlbmRzIENka1RhYmxlQmFzZUNvbXBvbmVudDxDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uPFUsIFY+LCBVLCBWPiB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RydWN0b3JcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBjb25zdHJ1Y3Rvcihjb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3Nlcyhjb250YWluZXIsICdkLWZsZXggZmxleC1jb2x1bW4gc2Nyb2xsLW5vJyk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import * as _ from 'lodash';
|
|
2
2
|
import { CdkTableBaseComponent } from '../CdkTableBaseComponent';
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { Component, Input, ViewContainerRef } from '@angular/core';
|
|
4
|
+
import { ViewUtil } from '../../../util/ViewUtil';
|
|
4
5
|
export class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
5
6
|
// --------------------------------------------------------------------------
|
|
6
7
|
//
|
|
7
8
|
// Constructor
|
|
8
9
|
//
|
|
9
10
|
// --------------------------------------------------------------------------
|
|
10
|
-
constructor() {
|
|
11
|
+
constructor(container) {
|
|
11
12
|
super();
|
|
13
|
+
ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
|
|
12
14
|
this._paginator = { pageSizes: [10, 25, 100], hidePageSize: false, showFirstLastButtons: true };
|
|
13
15
|
}
|
|
14
16
|
// --------------------------------------------------------------------------
|
|
@@ -38,11 +40,13 @@ export class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
|
38
40
|
CdkTablePaginableComponent.decorators = [
|
|
39
41
|
{ type: Component, args: [{
|
|
40
42
|
selector: 'vi-cdk-table-paginable',
|
|
41
|
-
template: "<mat-table matSort
|
|
43
|
+
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=\"px-2\"\n (click)=\"cellClickHandler(row, column)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\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)=\"rowClicked.emit(row)\"\n ></mat-row>\n</mat-table>\n\n<p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" *ngIf=\"table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\" style=\"margin-bottom: -1px\"></mat-progress-bar>\n\n<div class=\"d-flex flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0 justify-content-center border-sm-top\"\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 && table?.length > 0\"\n ></mat-paginator>\n</div>\n"
|
|
42
44
|
},] }
|
|
43
45
|
];
|
|
44
|
-
CdkTablePaginableComponent.ctorParameters = () => [
|
|
46
|
+
CdkTablePaginableComponent.ctorParameters = () => [
|
|
47
|
+
{ type: ViewContainerRef }
|
|
48
|
+
];
|
|
45
49
|
CdkTablePaginableComponent.propDecorators = {
|
|
46
50
|
paginator: [{ type: Input }]
|
|
47
51
|
};
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLXBhZ2luYWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2Nkay10YWJsZS9jZGstdGFibGUtcGFnaW5hYmxlL2Nkay10YWJsZS1wYWdpbmFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWpFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQU1sRCxNQUFNLE9BQU8sMEJBQTZDLFNBQVEscUJBQWlFO0lBUy9ILDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YsZUFBZTtJQUNmLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQUNSLFFBQVEsQ0FBQyxVQUFVLENBQUMsU0FBUyxFQUFFLDhCQUE4QixDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRSxJQUFJLEVBQUUsQ0FBQztJQUNwRyxDQUFDO0lBRUQsNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixxQkFBcUI7SUFDckIsRUFBRTtJQUNGLDZFQUE2RTtJQUVuRSx5QkFBeUIsS0FBVSxDQUFDO0lBRTlDLDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YscUJBQXFCO0lBQ3JCLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsSUFBVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFDVyxTQUFTLENBQUMsS0FBaUM7UUFDbEQsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUMzQixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNqQixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztTQUNwQztJQUNMLENBQUM7OztZQW5ESixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsK29GQUFpRDthQUNwRDs7O1lBTjBCLGdCQUFnQjs7O3dCQTZDdEMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IENka1RhYmxlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL0Nka1RhYmxlQmFzZUNvbXBvbmVudCc7XG5pbXBvcnQgeyBDZGtUYWJsZVBhZ2luYWJsZU1hcENvbGxlY3Rpb24gfSBmcm9tICcuLi9DZGtUYWJsZVBhZ2luYWJsZU1hcENvbGxlY3Rpb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmlld1V0aWwgfSBmcm9tICcuLi8uLi8uLi91dGlsL1ZpZXdVdGlsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2aS1jZGstdGFibGUtcGFnaW5hYmxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2Nkay10YWJsZS1wYWdpbmFibGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlUGFnaW5hYmxlQ29tcG9uZW50PFUgPSBhbnksIFYgPSBhbnk+IGV4dGVuZHMgQ2RrVGFibGVCYXNlQ29tcG9uZW50PENka1RhYmxlUGFnaW5hYmxlTWFwQ29sbGVjdGlvbjxVLCBWPiwgVSwgVj4ge1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvLyBcdFByb3BlcnRpZXNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcm90ZWN0ZWQgX3BhZ2luYXRvcjogSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3M7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKGNvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBWaWV3VXRpbC5hZGRDbGFzc2VzKGNvbnRhaW5lciwgJ2QtZmxleCBmbGV4LWNvbHVtbiBzY3JvbGwtbm8nKTtcbiAgICAgICAgdGhpcy5fcGFnaW5hdG9yID0geyBwYWdlU2l6ZXM6IFsxMCwgMjUsIDEwMF0sIGhpZGVQYWdlU2l6ZTogZmFsc2UsIHNob3dGaXJzdExhc3RCdXR0b25zOiB0cnVlIH07XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0UHJvdGVjdGVkIE1ldGhvZHNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcm90ZWN0ZWQgY29tbWl0UGFnaW5hdG9yUHJvcGVydGllcygpOiB2b2lkIHt9XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRQdWJsaWMgUHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBnZXQgcGFnaW5hdG9yKCk6IElDZGtUYWJsZVBhZ2luYXRvclNldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3BhZ2luYXRvcjtcbiAgICB9XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHBhZ2luYXRvcih2YWx1ZTogSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKHZhbHVlID09PSB0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9wYWdpbmF0b3IgPSB2YWx1ZTtcbiAgICAgICAgaWYgKCFfLmlzTmlsKHZhbHVlKSkge1xuICAgICAgICAgICAgdGhpcy5jb21taXRQYWdpbmF0b3JQcm9wZXJ0aWVzKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNka1RhYmxlUGFnaW5hdG9yU2V0dGluZ3Mge1xuICAgIHBhZ2VTaXplcz86IEFycmF5PG51bWJlcj47XG4gICAgaGlkZVBhZ2VTaXplPzogYm9vbGVhbjtcbiAgICBzaG93Rmlyc3RMYXN0QnV0dG9ucz86IGJvb2xlYW47XG59XG4iXX0=
|
|
@@ -7093,8 +7093,9 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
|
7093
7093
|
// Constructor
|
|
7094
7094
|
//
|
|
7095
7095
|
// --------------------------------------------------------------------------
|
|
7096
|
-
constructor() {
|
|
7096
|
+
constructor(container) {
|
|
7097
7097
|
super();
|
|
7098
|
+
ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
|
|
7098
7099
|
this._paginator = { pageSizes: [10, 25, 100], hidePageSize: false, showFirstLastButtons: true };
|
|
7099
7100
|
}
|
|
7100
7101
|
// --------------------------------------------------------------------------
|
|
@@ -7124,10 +7125,12 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
|
|
|
7124
7125
|
CdkTablePaginableComponent.decorators = [
|
|
7125
7126
|
{ type: Component, args: [{
|
|
7126
7127
|
selector: 'vi-cdk-table-paginable',
|
|
7127
|
-
template: "<mat-table matSort
|
|
7128
|
+
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=\"px-2\"\n (click)=\"cellClickHandler(row, column)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\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)=\"rowClicked.emit(row)\"\n ></mat-row>\n</mat-table>\n\n<p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" *ngIf=\"table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\" style=\"margin-bottom: -1px\"></mat-progress-bar>\n\n<div class=\"d-flex flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0 justify-content-center border-sm-top\"\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 && table?.length > 0\"\n ></mat-paginator>\n</div>\n"
|
|
7128
7129
|
},] }
|
|
7129
7130
|
];
|
|
7130
|
-
CdkTablePaginableComponent.ctorParameters = () => [
|
|
7131
|
+
CdkTablePaginableComponent.ctorParameters = () => [
|
|
7132
|
+
{ type: ViewContainerRef }
|
|
7133
|
+
];
|
|
7131
7134
|
CdkTablePaginableComponent.propDecorators = {
|
|
7132
7135
|
paginator: [{ type: Input }]
|
|
7133
7136
|
};
|
|
@@ -7138,17 +7141,20 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
|
|
|
7138
7141
|
// Constructor
|
|
7139
7142
|
//
|
|
7140
7143
|
// --------------------------------------------------------------------------
|
|
7141
|
-
constructor() {
|
|
7144
|
+
constructor(container) {
|
|
7142
7145
|
super();
|
|
7146
|
+
ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
|
|
7143
7147
|
}
|
|
7144
7148
|
}
|
|
7145
7149
|
CdkTableFilterableComponent.decorators = [
|
|
7146
7150
|
{ type: Component, args: [{
|
|
7147
7151
|
selector: 'vi-cdk-table-filterable',
|
|
7148
|
-
template: "<mat-table matSort [dataSource]=\"table?.table?.dataSource\" [matSortActive]=\"sortActive\" [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\" (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 class=\"px-2\" mat-sort-header [disableClear]=\"true\" [disabled]=\"column.isDisableSort\" [ngClass]=\"column.headerClassName\" \n *matHeaderCellDef>\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell class=\"px-2\" (click)=\"cellClickHandler(row, column)\" *matCellDef=\"let row\" \n [ngClass]=\"row | viCdkTableColumnClassName: column\" [ngStyle]=\"row | viCdkTableColumnStyleName: column\" >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row class=\"mat-list-item\" *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows : selectedRows\" [ngStyle]=\"row | viCdkTableRowStyleName: rows : selectedRows\"\n (click)=\"rowClicked.emit(row)\"></mat-row>\n\n</mat-table>\n\n<p class=\"p-3 text-center mouse-inactive\" *ngIf=\"!table?.isLoading && table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\"\n style=\"margin-bottom: -1px;\"></mat-progress-bar>\n"
|
|
7152
|
+
template: "<mat-table class=\"flex-grow-1 vertical-scroll-only\" matSort [dataSource]=\"table?.table?.dataSource\" [matSortActive]=\"sortActive\" [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\" (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 class=\"px-2\" mat-sort-header [disableClear]=\"true\" [disabled]=\"column.isDisableSort\" [ngClass]=\"column.headerClassName\" \n *matHeaderCellDef>\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell class=\"px-2\" (click)=\"cellClickHandler(row, column)\" *matCellDef=\"let row\" \n [ngClass]=\"row | viCdkTableColumnClassName: column\" [ngStyle]=\"row | viCdkTableColumnStyleName: column\" >\n <span [ngClass]=\"column | viCdkTableCellClassName\" [vi-html-content-title]=\"row | viCdkTableColumnValue: column\"></span>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row class=\"mat-list-item\" *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows : selectedRows\" [ngStyle]=\"row | viCdkTableRowStyleName: rows : selectedRows\"\n (click)=\"rowClicked.emit(row)\"></mat-row>\n\n</mat-table>\n\n<p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" *ngIf=\"!table?.isLoading && table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" mode=\"indeterminate\" *ngIf=\"table?.isLoading\"\n style=\"margin-bottom: -1px;\"></mat-progress-bar>\n"
|
|
7149
7153
|
},] }
|
|
7150
7154
|
];
|
|
7151
|
-
CdkTableFilterableComponent.ctorParameters = () => [
|
|
7155
|
+
CdkTableFilterableComponent.ctorParameters = () => [
|
|
7156
|
+
{ type: ViewContainerRef }
|
|
7157
|
+
];
|
|
7152
7158
|
|
|
7153
7159
|
class CdkTableColumnValuePipe {
|
|
7154
7160
|
// --------------------------------------------------------------------------
|