@ts-core/angular 11.0.68 → 11.0.73

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

@@ -2036,7 +2036,7 @@
         // --------------------------------------------------------------------------
         NotificationImpl.prototype.setProperties = function () {
             _super.prototype.setProperties.call(this);
-            ViewUtil.addClass(this.container, 'notification');
+            ViewUtil.addClass(this.container, 'vi-notification');
         };
         NotificationImpl.prototype.getConfig = function () {
             return this.properties.config;
@@ -4823,8 +4823,8 @@
         }
         WindowImpl.prototype.setProperties = function () {
             _super.prototype.setProperties.call(this);
-            ViewUtil.addClass(this.container, 'window');
-            ViewUtil.toggleClass(this.container, 'modal', this.config.isModal);
+            ViewUtil.addClass(this.container, 'vi-window');
+            ViewUtil.toggleClass(this.container, 'vi-modal', this.config.isModal);
             if (!this.config.isModal) {
                 this.container.addEventListener('click', this.mouseClickHandlerProxy, true);
                 this.container.addEventListener('mousedown', this.mouseDownHandlerProxy);
@@ -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();
@@ -5155,8 +5154,8 @@
             return _this;
         }
         BottomSheetImpl.prototype.setProperties = function () {
-            ViewUtil.addClass(this.container, 'bottom-sheet');
-            ViewUtil.toggleClass(this.container, 'modal', this.config.isModal);
+            ViewUtil.addClass(this.container, 'vi-bottom-sheet');
+            ViewUtil.toggleClass(this.container, 'vi-modal', this.config.isModal);
         };
         BottomSheetImpl.prototype.commitIsBlinkProperties = function () { };
         BottomSheetImpl.prototype.commitIsDisabledProperties = function () { };
@@ -5724,6 +5723,7 @@
     WindowCloseElementComponent.ICON_VALUE = null;
     WindowCloseElementComponent.decorators = [
         { type: i0.Component, args: [{
+                    selector: 'vi-window-close-element',
                     template: '',
                     styles: [":host{display:block;position:absolute;color:#fff;background-color:rgba(0,0,0,.4);border-radius:50%;padding:8px;font-size:14px;font-weight:700}:host:hover{background-color:rgba(0,0,0,.6)}:host.small{font-size:10px;padding:4px}"]
                 },] }
@@ -5804,6 +5804,7 @@
     WindowMinimizeElementComponent.ICON_MAXIMIZE_VALUE = null;
     WindowMinimizeElementComponent.decorators = [
         { type: i0.Component, args: [{
+                    selector: 'vi-window-minimize-element',
                     template: '',
                     styles: [":host{display:block;position:absolute;color:#fff;background-color:rgba(0,0,0,.4);border-radius:50%;padding:8px;font-size:14px;font-weight:700}:host:hover{background-color:rgba(0,0,0,.6)}:host.small{font-size:10px;padding:4px}"]
                 },] }
@@ -5864,6 +5865,7 @@
     WindowResizeElementComponent.ICON_VALUE = null;
     WindowResizeElementComponent.decorators = [
         { type: i0.Component, args: [{
+                    selector: 'vi-window-resize-element',
                     template: '',
                     styles: [":host{display:block;position:absolute;color:#fff;background-color:rgba(0,0,0,.4);border-radius:50%;padding:8px;font-size:14px;font-weight:700}:host:hover{background-color:rgba(0,0,0,.6)}:host.small{font-size:10px;padding:4px}"]
                 },] }
@@ -5887,7 +5889,7 @@
             if (!this.config.isResizeable) {
                 return;
             }
-            ViewUtil.addClass(this.container, 'resizeable');
+            ViewUtil.addClass(this.container, 'vi-resizeable');
             if (_.isNil(this.resizeMoveHandlerProxy)) {
                 this.resizeMoveHandlerProxy = this.resizeMoveHandler.bind(this);
             }
@@ -5982,7 +5984,7 @@
             if (this.config.isModal) {
                 return;
             }
-            ViewUtil.addClass(this.container, 'draggable');
+            ViewUtil.addClass(this.container, 'vi-draggable');
             if (!this.config.isContentDragable) {
                 return;
             }
@@ -6109,14 +6111,14 @@
         });
         Object.defineProperty(WindowBaseComponent.prototype, "disabledClass", {
             get: function () {
-                return 'disabled';
+                return 'vi-disabled';
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(WindowBaseComponent.prototype, "minimizedClass", {
             get: function () {
-                return 'minimized';
+                return 'vi-minimized';
             },
             enumerable: false,
             configurable: true
@@ -8274,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;
         }
@@ -8311,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 class=\"flex-grow-1 vertical-scroll-only\" 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 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\"\n    style=\"margin-bottom: -1px;\"></mat-progress-bar>\n\n<mat-paginator class=\"flex-shrink-0 justify-content-center border-sm-top\" [pageSize]=\"table?.pageSize\" [pageIndex]=\"table?.pageIndex\" \n    [length]=\"table?.total\" (page)=\"table?.pageEventHandler($event)\"\n    [pageSizeOptions]=\"paginator?.pageSizes\" [showFirstLastButtons]=\"paginator?.showFirstLastButtons\" \n    [hidePageSize]=\"paginator?.hidePageSize\" *ngIf=\"paginator && table?.length > 0\"></mat-paginator>"
                 },] }
     ];
-    CdkTablePaginableComponent.ctorParameters = function () { return []; };
+    CdkTablePaginableComponent.ctorParameters = function () { return [
+        { type: i0.ViewContainerRef }
+    ]; };
     CdkTablePaginableComponent.propDecorators = {
         paginator: [{ type: i0.Input }]
     };
@@ -8326,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() {
@@ -10312,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();
         };
         // --------------------------------------------------------------------------
         //