@ts-core/angular 11.0.70 → 11.0.75

package/bundles/ts-core-angular.umd.js

@@ -5146,7 +5146,6 @@
                 _this.isBlink = !_this.isBlink;
             };
             _this.observer = new rxjs.Subject();
-            console.log(_this);
             _this.properties = properties;
             _this.content.window = _this;
             _this.setProperties();
@@ -8277,8 +8276,9 @@
         // 	Constructor
         //
         // --------------------------------------------------------------------------
-        function CdkTablePaginableComponent() {
+        function CdkTablePaginableComponent(container) {
             var _this = _super.call(this) || this;
+            ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
             _this._paginator = { pageSizes: [10, 25, 100], hidePageSize: false, showFirstLastButtons: true };
             return _this;
         }
@@ -8314,10 +8314,12 @@
     CdkTablePaginableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vi-cdk-table-paginable',
-                    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>"
+                    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"
                 },] }
     ];
-    CdkTablePaginableComponent.ctorParameters = function () { return []; };
+    CdkTablePaginableComponent.ctorParameters = function () { return [
+        { type: i0.ViewContainerRef }
+    ]; };
     CdkTablePaginableComponent.propDecorators = {
         paginator: [{ type: i0.Input }]
     };
@@ -8329,18 +8331,22 @@
         // 	Constructor
         //
         // --------------------------------------------------------------------------
-        function CdkTableFilterableComponent() {
-            return _super.call(this) || this;
+        function CdkTableFilterableComponent(container) {
+            var _this = _super.call(this) || this;
+            ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
+            return _this;
         }
         return CdkTableFilterableComponent;
     }(CdkTableBaseComponent));
     CdkTableFilterableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vi-cdk-table-filterable',
-                    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"
+                    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"
                 },] }
     ];
-    CdkTableFilterableComponent.ctorParameters = function () { return []; };
+    CdkTableFilterableComponent.ctorParameters = function () { return [
+        { type: i0.ViewContainerRef }
+    ]; };
 
     var CdkTableColumnValuePipe = /** @class */ (function () {
         function CdkTableColumnValuePipe() {
@@ -10315,17 +10321,18 @@
         // 	Public Methods
         //
         // --------------------------------------------------------------------------
-        RouterBaseService.prototype.isUrlActive = function (value, isExact) {
+        RouterBaseService.prototype.isUrlActive = function (item, isExact) {
             if (isExact === void 0) { isExact = false; }
             if (isExact) {
-                return this.router.isActive(value, isExact);
+                return this.router.isActive(item, isExact);
             }
-            if (_.isString(value)) {
-                value = this.router.parseUrl(value);
+            if (_.isString(item)) {
+                item = this.router.parseUrl(item);
             }
-            var item = this.urlTree;
-            value.queryParams = item.queryParams = {};
-            return value.toString() === item.toString();
+            var current = this.router.parseUrl(this.urlTree.toString());
+            item.fragment = current.fragment = null;
+            item.queryParams = current.queryParams = {};
+            return item.toString() === current.toString();
         };
         // --------------------------------------------------------------------------
         //