@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.
@@ -8276,8 +8276,9 @@
8276
8276
  // Constructor
8277
8277
  //
8278
8278
  // --------------------------------------------------------------------------
8279
- function CdkTablePaginableComponent() {
8279
+ function CdkTablePaginableComponent(container) {
8280
8280
  var _this = _super.call(this) || this;
8281
+ ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
8281
8282
  _this._paginator = { pageSizes: [10, 25, 100], hidePageSize: false, showFirstLastButtons: true };
8282
8283
  return _this;
8283
8284
  }
@@ -8313,10 +8314,12 @@
8313
8314
  CdkTablePaginableComponent.decorators = [
8314
8315
  { type: i0.Component, args: [{
8315
8316
  selector: 'vi-cdk-table-paginable',
8316
- template: "<mat-table matSort [dataSource]=\"table?.table?.dataSource\" [trackBy]=\"table.trackByFn\" [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 \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\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?.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\n<mat-paginator class=\"justify-content-center border-sm-top\" [pageSize]=\"table?.pageSize\" [pageIndex]=\"table?.pageIndex\" [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\" [showFirstLastButtons]=\"paginator?.showFirstLastButtons\" \n [hidePageSize]=\"paginator?.hidePageSize\" *ngIf=\"paginator && table?.length > 0\"></mat-paginator>"
8317
+ 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"
8317
8318
  },] }
8318
8319
  ];
8319
- CdkTablePaginableComponent.ctorParameters = function () { return []; };
8320
+ CdkTablePaginableComponent.ctorParameters = function () { return [
8321
+ { type: i0.ViewContainerRef }
8322
+ ]; };
8320
8323
  CdkTablePaginableComponent.propDecorators = {
8321
8324
  paginator: [{ type: i0.Input }]
8322
8325
  };
@@ -8328,18 +8331,22 @@
8328
8331
  // Constructor
8329
8332
  //
8330
8333
  // --------------------------------------------------------------------------
8331
- function CdkTableFilterableComponent() {
8332
- return _super.call(this) || this;
8334
+ function CdkTableFilterableComponent(container) {
8335
+ var _this = _super.call(this) || this;
8336
+ ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
8337
+ return _this;
8333
8338
  }
8334
8339
  return CdkTableFilterableComponent;
8335
8340
  }(CdkTableBaseComponent));
8336
8341
  CdkTableFilterableComponent.decorators = [
8337
8342
  { type: i0.Component, args: [{
8338
8343
  selector: 'vi-cdk-table-filterable',
8339
- 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"
8344
+ 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"
8340
8345
  },] }
8341
8346
  ];
8342
- CdkTableFilterableComponent.ctorParameters = function () { return []; };
8347
+ CdkTableFilterableComponent.ctorParameters = function () { return [
8348
+ { type: i0.ViewContainerRef }
8349
+ ]; };
8343
8350
 
8344
8351
  var CdkTableColumnValuePipe = /** @class */ (function () {
8345
8352
  function CdkTableColumnValuePipe() {