@ts-core/angular 11.0.78 → 11.0.82

package/fesm2015/ts-core-angular.js

@@ -4346,9 +4346,19 @@ class BottomSheetImpl extends DestroyableContainer {
         this.blinkToggle = () => {
             this.isBlink = !this.isBlink;
         };
+        this.mouseDownHandlerProxy = (event) => {
+            this.mouseDownHandler(event);
+        };
+        this.mouseClickHandlerProxy = (event) => {
+            this.mouseClickHandler(event);
+        };
         this.observer = new Subject();
         this.properties = properties;
         this.content.window = this;
+        // Have to save for unsubscribe on destroy
+        this._wrapper = this.properties.overlay.hostElement;
+        this._backdrop = this.properties.overlay.backdropElement;
+        this._container = this.properties.overlay.overlayElement;
         this.setProperties();
         this.getReference().afterOpened().pipe(takeUntil$1(this.destroyed)).subscribe(this.setOpened);
         this.getReference().afterDismissed().pipe(takeUntil$1(this.destroyed)).subscribe(this.setClosed);
@@ -4356,6 +4366,10 @@ class BottomSheetImpl extends DestroyableContainer {
     setProperties() {
         ViewUtil.addClass(this.container, 'vi-bottom-sheet');
         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);
+        }
     }
     commitIsBlinkProperties() { }
     commitIsDisabledProperties() { }
@@ -4368,6 +4382,9 @@ class BottomSheetImpl extends DestroyableContainer {
     getReference() {
         return this.properties.reference;
     }
+    isNeedClickStopPropagation(event) {
+        return false;
+    }
     stopBlinkIfNeed() {
         this.isBlink = false;
         if (!this.blinkTimer) {
@@ -4376,6 +4393,14 @@ class BottomSheetImpl extends DestroyableContainer {
         clearInterval(this.blinkTimer);
         this.blinkTimer = null;
     }
+    mouseDownHandler(event) {
+        this.setOnTop();
+    }
+    mouseClickHandler(event) {
+        if (this.isNeedClickStopPropagation(event)) {
+            event.stopPropagation();
+        }
+    }
     // --------------------------------------------------------------------------
     //
     //  Public Methods
@@ -4392,6 +4417,8 @@ class BottomSheetImpl extends DestroyableContainer {
             return;
         }
         super.destroy();
+        this._container.removeEventListener('click', this.mouseClickHandlerProxy, true);
+        this._container.removeEventListener('mousedown', this.mouseDownHandlerProxy);
         if (!isNil(this.content)) {
             this.content.destroy();
         }
@@ -4400,6 +4427,9 @@ class BottomSheetImpl extends DestroyableContainer {
             this.observer = null;
         }
         this.properties = null;
+        this._wrapper = null;
+        this._backdrop = null;
+        this._container = null;
         clearInterval(this.blinkTimer);
         this.blinkTimer = null;
     }
@@ -4474,13 +4504,13 @@ class BottomSheetImpl extends DestroyableContainer {
         return !isNil(this.reference) ? this.reference.instance : null;
     }
     get container() {
-        return !isNil(this.reference) ? this.properties.overlay.overlayElement : null;
+        return this._container;
     }
     get wrapper() {
-        return !isNil(this.properties.reference) ? this.properties.overlay.hostElement : null;
+        return this._wrapper;
     }
     get backdrop() {
-        return !isNil(this.properties.reference) ? this.properties.overlay.backdropElement : null;
+        return this._backdrop;
     }
     get isOnTop() {
         return false;
@@ -4510,6 +4540,222 @@ class BottomSheetImpl extends DestroyableContainer {
 BottomSheetImpl.BLINK_DELAY = 500;
 BottomSheetImpl.SHAKE_DELAY = 500;
 
+class WindowElement extends DestroyableContainer {
+    // --------------------------------------------------------------------------
+    //
+    // 	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    // --------------------------------------------------------------------------
+    //
+    // 	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    checkWindowParent() {
+        let container = this.getContainer();
+        if (container) {
+            ViewUtil.appendChild(container, this.element.nativeElement);
+        }
+    }
+    getContainer() {
+        let item = ViewUtil.parseElement(this.element.nativeElement);
+        while (item && item.nodeName.toLowerCase() !== 'mat-dialog-container') {
+            item = item.parentElement;
+        }
+        return item;
+    }
+    createChildren() { }
+    destroyChildren() { }
+    commitWindowProperties() { }
+    // --------------------------------------------------------------------------
+    //
+    // 	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    ngAfterViewInit() {
+        this.createChildren();
+        this.checkWindowParent();
+    }
+    destroy() {
+        if (this.isDestroyed) {
+            return;
+        }
+        super.destroy();
+        this.destroyChildren();
+        this.element = null;
+        this.window = null;
+    }
+    // --------------------------------------------------------------------------
+    //
+    // 	Protected Properties
+    //
+    // --------------------------------------------------------------------------
+    get nativeElement() {
+        return this.element ? this.element.nativeElement : null;
+    }
+    // --------------------------------------------------------------------------
+    //
+    // 	Public Properties
+    //
+    // --------------------------------------------------------------------------
+    get window() {
+        return this._window;
+    }
+    set window(value) {
+        if (value === this._window) {
+            return;
+        }
+        this._window = value;
+        if (this.window) {
+            this.commitWindowProperties();
+        }
+    }
+}
+
+class BottomSheetCloseElementComponent extends WindowElement {
+    // --------------------------------------------------------------------------
+    //
+    // 	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor(element) {
+        super(element);
+        // --------------------------------------------------------------------------
+        //
+        // 	Event Handlers
+        //
+        // --------------------------------------------------------------------------
+        this.mouseClickHandler = (event) => {
+            event.stopPropagation();
+            if (!isNil(this.window)) {
+                this.window.close();
+            }
+        };
+    }
+    // --------------------------------------------------------------------------
+    //
+    // 	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    createChildren() {
+        super.createChildren();
+        if (!isNil(BottomSheetCloseElementComponent.ICON_VALUE)) {
+            ViewUtil.setProperty(this.nativeElement, 'innerHTML', BottomSheetCloseElementComponent.ICON_VALUE);
+        }
+        if (!isNil(BottomSheetCloseElementComponent.ICON_CLASS)) {
+            ViewUtil.addClasses(this.nativeElement, BottomSheetCloseElementComponent.ICON_CLASS);
+        }
+        ViewUtil.addClass(this.nativeElement, 'mouse-active');
+        this.nativeElement.addEventListener('click', this.mouseClickHandler, true);
+    }
+    destroyChildren() {
+        super.destroyChildren();
+        this.nativeElement.removeEventListener('click', this.mouseClickHandler, true);
+    }
+}
+// --------------------------------------------------------------------------
+//
+// 	Constants
+//
+// --------------------------------------------------------------------------
+BottomSheetCloseElementComponent.ICON_CLASS = 'fas fa-times';
+BottomSheetCloseElementComponent.ICON_VALUE = null;
+BottomSheetCloseElementComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'vi-bottom-sheet-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}"]
+            },] }
+];
+BottomSheetCloseElementComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+
+class BottomSheetBaseComponent extends BottomSheetImpl {
+    // --------------------------------------------------------------------------
+    //
+    //  Protected Methods
+    //
+    // --------------------------------------------------------------------------
+    setProperties() {
+        super.setProperties();
+        this.createWindowComponents();
+    }
+    createWindowComponents() {
+        if (!(this.content.container instanceof ViewContainerRef)) {
+            return;
+        }
+        if (!this.config.disableClose && !this.closeWindow) {
+            let factory = this.resolver.resolveComponentFactory(BottomSheetBaseComponent.CLOSE_COMPONENT);
+            this.closeWindow = this.content.container.createComponent(factory);
+            this.closeWindow.instance.window = this;
+        }
+    }
+    commitIsBlinkProperties() {
+        ViewUtil.toggleClass(this.container, this.blinkClass, this.isBlink);
+    }
+    commitIsDisabledProperties() {
+        ViewUtil.toggleClass(this.container, this.disabledClass, this.isDisabled);
+        ViewUtil.toggleClass(this.content.element, this.disabledClass, this.isDisabled);
+        ViewUtil.toggleClass(this.content.element.nativeElement.parentElement, this.disabledClass, this.isDisabled);
+    }
+    commitIsShakingProperties() {
+        ViewUtil.toggleClass(this.container, this.shakingClass, this.isShaking);
+    }
+    isNeedClickStopPropagation(event) {
+        if (!super.isNeedClickStopPropagation(event)) {
+            return false;
+        }
+        if (this.closeWindow && this.closeWindow.location.nativeElement === event.target) {
+            return false;
+        }
+        return true;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Protected Properties
+    //
+    // --------------------------------------------------------------------------
+    get resolver() {
+        return APPLICATION_INJECTOR().get(ComponentFactoryResolver);
+    }
+    get blinkClass() {
+        return 'vi-blink';
+    }
+    get disabledClass() {
+        return 'vi-disabled';
+    }
+    get minimizedClass() {
+        return 'vi-minimized';
+    }
+    get shakingClass() {
+        return 'shake-constant shake-horizontal';
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    // --------------------------------------------------------------------------
+    destroy() {
+        if (this.isDestroyed) {
+            return;
+        }
+        super.destroy();
+        // Components will destroy automatically
+        this.closeWindow = null;
+    }
+}
+// --------------------------------------------------------------------------
+//
+//  Static Properties
+//
+// --------------------------------------------------------------------------
+BottomSheetBaseComponent.CLOSE_COMPONENT = BottomSheetCloseElementComponent;
+
 class IWindowContent extends DestroyableContainer {
     // --------------------------------------------------------------------------
     //
@@ -4682,82 +4928,6 @@ WindowQuestionComponent.ctorParameters = () => [
     { type: LanguageService }
 ];
 
-class WindowElement extends DestroyableContainer {
-    // --------------------------------------------------------------------------
-    //
-    // 	Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor(element) {
-        super();
-        this.element = element;
-    }
-    // --------------------------------------------------------------------------
-    //
-    // 	Private Methods
-    //
-    // --------------------------------------------------------------------------
-    checkWindowParent() {
-        let container = this.getContainer();
-        if (container) {
-            ViewUtil.appendChild(container, this.element.nativeElement);
-        }
-    }
-    getContainer() {
-        let item = ViewUtil.parseElement(this.element.nativeElement);
-        while (item && item.nodeName.toLowerCase() !== 'mat-dialog-container') {
-            item = item.parentElement;
-        }
-        return item;
-    }
-    createChildren() { }
-    destroyChildren() { }
-    commitWindowProperties() { }
-    // --------------------------------------------------------------------------
-    //
-    // 	Public Methods
-    //
-    // --------------------------------------------------------------------------
-    ngAfterViewInit() {
-        this.createChildren();
-        this.checkWindowParent();
-    }
-    destroy() {
-        if (this.isDestroyed) {
-            return;
-        }
-        super.destroy();
-        this.destroyChildren();
-        this.element = null;
-        this.window = null;
-    }
-    // --------------------------------------------------------------------------
-    //
-    // 	Protected Properties
-    //
-    // --------------------------------------------------------------------------
-    get nativeElement() {
-        return this.element ? this.element.nativeElement : null;
-    }
-    // --------------------------------------------------------------------------
-    //
-    // 	Public Properties
-    //
-    // --------------------------------------------------------------------------
-    get window() {
-        return this._window;
-    }
-    set window(value) {
-        if (value === this._window) {
-            return;
-        }
-        this._window = value;
-        if (this.window) {
-            this.commitWindowProperties();
-        }
-    }
-}
-
 class WindowCloseElementComponent extends WindowElement {
     // --------------------------------------------------------------------------
     //
@@ -5166,7 +5336,7 @@ class WindowBaseComponent extends WindowDragable {
         return APPLICATION_INJECTOR().get(ComponentFactoryResolver);
     }
     get blinkClass() {
-        return 'blink';
+        return 'vi-blink';
     }
     get disabledClass() {
         return 'vi-disabled';
@@ -5542,7 +5712,7 @@ class BottomSheetService extends Destroyable {
         this.dialog = dialog;
         this.language = language;
         this.observer = new Subject();
-        this.factory = new WindowFactory(BottomSheetImpl);
+        this.factory = new WindowFactory(BottomSheetBaseComponent);
         this.questionComponent = WindowQuestionComponent;
     }
     // --------------------------------------------------------------------------
@@ -5617,9 +5787,8 @@ BottomSheetService.ctorParameters = () => [
     { type: LanguageService }
 ];
 
-// import { WindowQuestionComponent } from '../window/component/window-question/window-question.component';
 const IMPORTS = [CommonModule, FormsModule, MatBottomSheetModule, MatButtonModule, LanguageModule];
-const ENTRY_COMPONENTS = [];
+const ENTRY_COMPONENTS = [BottomSheetCloseElementComponent];
 const DECLARATIONS = [...ENTRY_COMPONENTS];
 const EXPORTS = [...DECLARATIONS];
 class BottomSheetModule {
@@ -7125,7 +7294,7 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
 CdkTablePaginableComponent.decorators = [
     { type: Component, 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=\"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=\"paginator-container d-flex border-sm-top 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 && table?.length > 0\"\n    ></mat-paginator>\n</div>\n"
+                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\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n    \n</mat-table>\n\n<!--\n<p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" *ngIf=\"table?.length === 0\" [innerHTML]=\"settings?.noDataId | viTranslate\"></p>\n-->\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 && table?.length > 0\"\n    ></mat-paginator>\n</div>\n"
             },] }
 ];
 CdkTablePaginableComponent.ctorParameters = () => [
@@ -7149,7 +7318,7 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
 CdkTableFilterableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vi-cdk-table-filterable',
-                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"
+                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=\"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\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"
             },] }
 ];
 CdkTableFilterableComponent.ctorParameters = () => [
@@ -8649,10 +8818,10 @@ class RouterBaseService extends Loadable {
                 this.status = LoadableStatus.LOADING;
             }
             else if (event instanceof NavigationEnd || event instanceof NavigationCancel || event instanceof NavigationError) {
-                this.status = LoadableStatus.LOADED;
                 if (event instanceof NavigationEnd) {
                     this._lastUrl = event.url;
                 }
+                this.status = LoadableStatus.LOADED;
             }
         });
     }
@@ -8687,7 +8856,7 @@ class RouterBaseService extends Loadable {
                     this.isNeedUpdateExtras = false;
                     this.applyExtras(this.extrasToApply);
                 }
-                this.observer.next(new ObservableData(LoadableEvent.COMPLETE));
+                this.observer.next(new ObservableData(LoadableEvent.COMPLETE, { url: this.url, lastUrl: this.lastUrl }));
                 break;
         }
         if (newStatus === LoadableStatus.LOADED || newStatus === LoadableStatus.ERROR) {
@@ -8822,6 +8991,9 @@ class RouterBaseService extends Loadable {
     get urlTree() {
         return this.router.parseUrl(this.url);
     }
+    get lastUrlTree() {
+        return this.router.parseUrl(this.lastUrl);
+    }
     get router() {
         return this._router;
     }
@@ -8947,5 +9119,5 @@ var UserBaseServiceEvent;
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, ApplicationComponent2, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetIconPipe, AssetImagePipe, AssetModule, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableDataSource, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableMapCollection, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginRedirectResolver, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WindowAlign, WindowBase, WindowConfig, WindowEvent, WindowFactory, WindowImpl, WindowModule, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, themeServiceFactory, AssetFilePipe as ɵa, AssetSoundPipe as ɵb, AssetVideoPipe as ɵc, WindowDragAreaDirective as ɵd, WindowQuestionComponent as ɵe, WindowQuestionBaseComponent as ɵf, WindowCloseElementComponent as ɵg, WindowElement as ɵh, WindowResizeElementComponent as ɵi, WindowMinimizeElementComponent as ɵj, NotificationComponent as ɵk, NotificationQuestionBaseComponent as ɵl, BottomSheetModule as ɵm, CdkTableColumnValuePipe as ɵn, CdkTableColumnClassNamePipe as ɵo, CdkTableColumnStyleNamePipe as ɵp, CdkTableRowStyleNamePipe as ɵq, CdkTableRowClassNamePipe as ɵr, CdkTableCellClassNamePipe as ɵs, CdkTablePaginableComponent as ɵt, CdkTableFilterableComponent as ɵu, ValueAccessor as ɵv };
+export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, ApplicationComponent2, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetIconPipe, AssetImagePipe, AssetModule, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableDataSource, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableMapCollection, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginRedirectResolver, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WindowAlign, WindowBase, WindowConfig, WindowEvent, WindowFactory, WindowImpl, WindowModule, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, themeServiceFactory, AssetFilePipe as ɵa, AssetSoundPipe as ɵb, AssetVideoPipe as ɵc, WindowDragAreaDirective as ɵd, WindowQuestionComponent as ɵe, WindowQuestionBaseComponent as ɵf, WindowCloseElementComponent as ɵg, WindowElement as ɵh, WindowResizeElementComponent as ɵi, WindowMinimizeElementComponent as ɵj, NotificationComponent as ɵk, NotificationQuestionBaseComponent as ɵl, BottomSheetModule as ɵm, BottomSheetCloseElementComponent as ɵn, CdkTableColumnValuePipe as ɵo, CdkTableColumnClassNamePipe as ɵp, CdkTableColumnStyleNamePipe as ɵq, CdkTableRowStyleNamePipe as ɵr, CdkTableRowClassNamePipe as ɵs, CdkTableCellClassNamePipe as ɵt, CdkTablePaginableComponent as ɵu, CdkTableFilterableComponent as ɵv, ValueAccessor as ɵw };
 //# sourceMappingURL=ts-core-angular.js.map