@ts-core/angular 15.0.60 → 17.0.10

package/{fesm2020 → fesm2022}/ts-core-angular.mjs

@@ -4,18 +4,27 @@ import { DestroyableContainer, PromiseHandler, LoadableEvent, ExtendedError, Des
 import * as _ from 'lodash';
 import * as i1 from '@ts-core/frontend';
 import { Assets, AssetUrlProvider, NativeWindowService, LanguageService, ThemeService, ThemeAssetService, LoadingService, ICookieOptions, DefaultLogger } from '@ts-core/frontend';
-import { takeUntil, BehaviorSubject, distinctUntilChanged, debounceTime, fromEvent, of, map, filter, Subject } from 'rxjs';
+import { takeUntil, BehaviorSubject, distinctUntilChanged, debounceTime, fromEvent, filter, map, Subject } from 'rxjs';
 import moment from 'moment';
 import numeral from 'numeral';
 import { CommonModule, isPlatformServer, isPlatformBrowser, DatePipe, DOCUMENT } from '@angular/common';
 import * as Cookie from 'ngx-cookie';
+import { CookieWriterService } from 'ngx-cookie';
 import * as interact from 'interactjs';
-import { Validators } from '@angular/forms';
 import * as i1$1 from '@angular/router';
 import { NavigationStart, NavigationEnd, NavigationCancel, NavigationError } from '@angular/router';
 import * as i1$2 from '@angular/platform-browser';
 
 class ApplicationBaseComponent extends DestroyableContainer {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    timeout;
+    isReadyAlreadyCalled;
+    viewReadyDelay = NaN;
+    viewReadyPromise;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -23,21 +32,20 @@ class ApplicationBaseComponent extends DestroyableContainer {
     // --------------------------------------------------------------------------
     constructor() {
         super();
-        this.viewReadyDelay = NaN;
-        // --------------------------------------------------------------------------
-        //
-        // 	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.makeViewReady = () => {
-            this.viewReadyPromise.resolve();
-            this.viewReadyHandler();
-            this.checkReady();
-        };
         this.viewReadyPromise = PromiseHandler.create();
     }
     // --------------------------------------------------------------------------
     //
+    // 	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    makeViewReady = () => {
+        this.viewReadyPromise.resolve();
+        this.viewReadyHandler();
+        this.checkReady();
+    };
+    // --------------------------------------------------------------------------
+    //
     // 	Protected Methods
     //
     // --------------------------------------------------------------------------
@@ -90,15 +98,21 @@ class ApplicationBaseComponent extends DestroyableContainer {
     get viewReady() {
         return !_.isNil(this.viewReadyPromise) ? this.viewReadyPromise.promise : null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ApplicationBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ApplicationBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-ApplicationBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApplicationBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ApplicationBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ApplicationBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class ApplicationComponent extends ApplicationBaseComponent {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    isLanguageLoaded;
     // --------------------------------------------------------------------------
     //
     // 	Private Methods
@@ -151,6 +165,15 @@ class ApplicationComponent extends ApplicationBaseComponent {
 }
 
 class MessageBaseComponent extends DestroyableContainer {
+    route;
+    language;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    text;
+    refreshText = 'Refresh';
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -160,7 +183,6 @@ class MessageBaseComponent extends DestroyableContainer {
         super();
         this.route = route;
         this.language = language;
-        this.refreshText = 'Refresh';
         // this.login.isAutoLogin = true
         this.text = this.getText();
         if (this.language.isLoaded) {
@@ -208,6 +230,13 @@ const APPLICATION_INJECTOR = (value) => {
 };
 
 class ViewUtil {
+    // --------------------------------------------------------------------------
+    //
+    //	Constants
+    //
+    // --------------------------------------------------------------------------
+    static _renderer = null;
+    static _document = null;
     static get renderer() {
         if (_.isNil(ViewUtil._renderer)) {
             throw new ExtendedError(`ViewUtil is not initialized: renderer in nil`);
@@ -785,15 +814,20 @@ class ViewUtil {
         ViewUtil.removeChild(object.parentNode, object);
     }
 }
-// --------------------------------------------------------------------------
-//
-//	Constants
-//
-// --------------------------------------------------------------------------
-ViewUtil._renderer = null;
-ViewUtil._document = null;
 
 class AssetBackgroundDirective extends Destroyable {
+    element;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _isUrl = false;
+    _isIcon = false;
+    _isImage = false;
+    _repeat = 'repeat';
+    _extension = 'png';
+    _background;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -802,16 +836,6 @@ class AssetBackgroundDirective extends Destroyable {
     constructor(element) {
         super();
         this.element = element;
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this._isUrl = false;
-        this._isIcon = false;
-        this._isImage = false;
-        this._repeat = 'repeat';
-        this._extension = 'png';
     }
     // --------------------------------------------------------------------------
     //
@@ -914,15 +938,15 @@ class AssetBackgroundDirective extends Destroyable {
     get background() {
         return this._background;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: AssetBackgroundDirective, selector: "[vi-asset-background]", inputs: { isIcon: "isIcon", isImage: "isImage", isUrl: "isUrl", repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
 }
-AssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AssetBackgroundDirective, selector: "[vi-asset-background]", inputs: { isIcon: "isIcon", isImage: "isImage", isUrl: "isUrl", repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-asset-background]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isIcon: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isIcon: [{
                 type: Input
             }], isImage: [{
                 type: Input
@@ -946,10 +970,10 @@ class AssetBackgroundPipe {
     transform(name, extension = 'png') {
         return Assets.getBackground(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetBackgroundPipe, name: "viAssetBackground" });
 }
-AssetBackgroundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetBackgroundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetBackgroundPipe, name: "viAssetBackground" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetBackground'
@@ -965,10 +989,10 @@ class AssetIconPipe {
     transform(name, extension = 'png') {
         return Assets.getIcon(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetIconPipe, name: "viAssetIcon" });
 }
-AssetIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetIconPipe, name: "viAssetIcon" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetIcon'
@@ -984,10 +1008,10 @@ class AssetFilePipe {
     transform(name, extension) {
         return Assets.getFile(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetFilePipe, name: "viAssetFile" });
 }
-AssetFilePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetFilePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetFilePipe, name: "viAssetFile" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetFilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetFile'
@@ -1003,10 +1027,10 @@ class AssetVideoPipe {
     transform(name, extension = 'mp4') {
         return Assets.getVideo(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetVideoPipe, name: "viAssetVideo" });
 }
-AssetVideoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetVideoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetVideoPipe, name: "viAssetVideo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetVideoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetVideoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetVideo'
@@ -1022,10 +1046,10 @@ class AssetSoundPipe {
     transform(name, extension = 'mp3') {
         return Assets.getSound(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetSoundPipe, name: "viAssetSound" });
 }
-AssetSoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetSoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetSoundPipe, name: "viAssetSound" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetSoundPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetSoundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetSound'
@@ -1041,10 +1065,10 @@ class AssetImagePipe {
     transform(name, extension = 'png') {
         return Assets.getImage(name, extension);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetImagePipe, name: "viAssetImage" });
 }
-AssetImagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetImagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetImagePipe, name: "viAssetImage" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetImagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetImage'
@@ -1053,11 +1077,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
 let declarations$3 = [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective];
 class AssetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: AssetModule, declarations: [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective], imports: [CommonModule], exports: [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetModule, imports: [CommonModule] });
 }
-AssetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AssetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AssetModule, declarations: [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective], imports: [CommonModule], exports: [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective] });
-AssetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AssetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1072,17 +1096,16 @@ class CookieService extends Cookie.CookieService {
     // 	Constructor
     //
     // --------------------------------------------------------------------------
-    constructor(options, platform, item) {
-        super({ options });
-        this._document = !_.isNil(item) ? item : document;
+    constructor(options, platform, document) {
+        super(document, { options }, new CookieWriterService(document));
         let cookieString = '';
         Object.defineProperty(this, 'cookieString', {
             get: () => {
-                return platform.isPlatformBrowser ? this.document.cookie : cookieString;
+                return platform.isPlatformBrowser ? document.cookie : cookieString;
             },
             set: (value) => {
                 if (platform.isPlatformBrowser) {
-                    this.document.cookie = value;
+                    document.cookie = value;
                 }
                 else {
                     cookieString = value;
@@ -1133,17 +1156,16 @@ class CookieService extends Cookie.CookieService {
             this.remove(key);
         }
     }
+}
+
+class PlatformService extends DestroyableContainer {
     // --------------------------------------------------------------------------
     //
-    //  Private Properties
+    // 	Constants
     //
     // --------------------------------------------------------------------------
-    get document() {
-        return this._document;
-    }
-}
-
-class PlatformService extends DestroyableContainer {
+    _isPlatformServer;
+    _isPlatformBrowser;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -1165,16 +1187,16 @@ class PlatformService extends DestroyableContainer {
     get isPlatformBrowser() {
         return this._isPlatformBrowser;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformService, providedIn: 'root' });
 }
-PlatformService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-PlatformService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlatformService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
-                }] }]; } });
+                }] }] });
 
 class CookieModule {
     // --------------------------------------------------------------------------
@@ -1198,11 +1220,11 @@ class CookieModule {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CookieModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CookieModule });
 }
-CookieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CookieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CookieModule });
-CookieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CookieModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CookieModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CookieModule, decorators: [{
             type: NgModule
         }] });
 function cookieServiceFactory(nativeWindow, platform, options) {
@@ -1218,9 +1240,35 @@ function cookieServiceFactory(nativeWindow, platform, options) {
 const COOKIE_OPTIONS = new InjectionToken(`COOKIE_OPTIONS`);
 
 class CookieOptions {
+    path;
+    domain;
+    expires;
+    secure;
+    httpOnly;
+    storeUnencoded;
 }
 
 class ResizeManager {
+    // --------------------------------------------------------------------------
+    //
+    //  Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static isSizeValid(item) {
+        if (_.isNil(item) || item.width <= 0 || item.height <= 0) {
+            return false;
+        }
+        return true;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    size;
+    sensor;
+    subject;
+    element;
     // protected sensor: ResizeSensor;
     // --------------------------------------------------------------------------
     //
@@ -1228,26 +1276,6 @@ class ResizeManager {
     //
     // --------------------------------------------------------------------------
     constructor(element) {
-        // --------------------------------------------------------------------------
-        //
-        //  Event Handlers
-        //
-        // --------------------------------------------------------------------------
-        this.handlerItem = (item) => {
-            if (!ResizeManager.isSizeValid(item)) {
-                return;
-            }
-            if (!_.isNil(this.size) && item.width === this.size.width && item.height === this.size.height) {
-                return;
-            }
-            this.size = item;
-            this.subject.next(item);
-        };
-        this.handler2 = (items) => {
-            if (!_.isEmpty(items)) {
-                this.handlerItem(items[0].contentRect);
-            }
-        };
         this.element = ViewUtil.parseElement(element);
         this.subject = new BehaviorSubject({ width: ViewUtil.getWidth(this.element), height: ViewUtil.getHeight(this.element) });
         // Could be undefined in ssr
@@ -1259,15 +1287,24 @@ class ResizeManager {
     }
     // --------------------------------------------------------------------------
     //
-    //  Static Methods
+    //  Event Handlers
     //
     // --------------------------------------------------------------------------
-    static isSizeValid(item) {
-        if (_.isNil(item) || item.width <= 0 || item.height <= 0) {
-            return false;
+    handlerItem = (item) => {
+        if (!ResizeManager.isSizeValid(item)) {
+            return;
         }
-        return true;
-    }
+        if (!_.isNil(this.size) && item.width === this.size.width && item.height === this.size.height) {
+            return;
+        }
+        this.size = item;
+        this.subject.next(item);
+    };
+    handler2 = (items) => {
+        if (!_.isEmpty(items)) {
+            this.handlerItem(items[0].contentRect);
+        }
+    };
     // --------------------------------------------------------------------------
     //
     //  Public Properties
@@ -1299,6 +1336,21 @@ class ResizeManager {
 }
 
 class AspectRatioResizeDirective extends DestroyableContainer {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static UPDATE_DELAY = 100;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _ratio = NaN;
+    _direction;
+    sensor;
+    element;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1306,31 +1358,25 @@ class AspectRatioResizeDirective extends DestroyableContainer {
     // --------------------------------------------------------------------------
     constructor(element) {
         super();
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this._ratio = NaN;
-        // --------------------------------------------------------------------------
-        //
-        //	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.commitResizeProperties = () => {
-            switch (this.direction) {
-                case Direction.HORIZONTAL:
-                    this.width = this.height / this.ratio;
-                    break;
-                case Direction.VERTICAL:
-                    this.height = this.width * this.ratio;
-                    break;
-            }
-        };
         this.element = ViewUtil.parseElement(element.nativeElement);
     }
     // --------------------------------------------------------------------------
     //
+    //	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    commitResizeProperties = () => {
+        switch (this.direction) {
+            case Direction.HORIZONTAL:
+                this.width = this.height / this.ratio;
+                break;
+            case Direction.VERTICAL:
+                this.height = this.width * this.ratio;
+                break;
+        }
+    };
+    // --------------------------------------------------------------------------
+    //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
@@ -1396,21 +1442,15 @@ class AspectRatioResizeDirective extends DestroyableContainer {
     get ratio() {
         return this._ratio;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: AspectRatioResizeDirective, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: "ratio" }, usesInheritance: true, ngImport: i0 });
 }
-// --------------------------------------------------------------------------
-//
-//	Static Properties
-//
-// --------------------------------------------------------------------------
-AspectRatioResizeDirective.UPDATE_DELAY = 100;
-AspectRatioResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AspectRatioResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AspectRatioResizeDirective, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: "ratio" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-aspect-ratio]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { direction: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { direction: [{
                 type: Input,
                 args: ['vi-aspect-ratio']
             }], ratio: [{
@@ -1423,6 +1463,22 @@ var Direction;
 })(Direction || (Direction = {}));
 
 class ScrollDirective extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static INITIALIZATION_DELAY = 1;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    scrolled = new EventEmitter();
+    timer;
+    element;
+    isInitialized = false;
+    _scrollValue = 0;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1430,15 +1486,6 @@ class ScrollDirective extends Destroyable {
     // --------------------------------------------------------------------------
     constructor(element) {
         super();
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this.scrolled = new EventEmitter();
-        this.isInitialized = false;
-        this._scrollValue = 0;
-        this.initializeHandler = () => this.initialize();
         this.element = ViewUtil.parseElement(element);
         this.timer = setTimeout(this.initializeHandler, ScrollDirective.INITIALIZATION_DELAY);
     }
@@ -1471,6 +1518,7 @@ class ScrollDirective extends Destroyable {
         this._scrollValue = this.scrollTop;
         this.scrolled.next(this._scrollValue);
     }
+    initializeHandler = () => this.initialize();
     // --------------------------------------------------------------------------
     //
     //	Private Properties
@@ -1512,21 +1560,15 @@ class ScrollDirective extends Destroyable {
     get scrollValue() {
         return this._scrollValue;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ScrollDirective, selector: "[vi-scroll]", inputs: { scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-// --------------------------------------------------------------------------
-//
-//	Static Properties
-//
-// --------------------------------------------------------------------------
-ScrollDirective.INITIALIZATION_DELAY = 1;
-ScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ScrollDirective, selector: "[vi-scroll]", inputs: { scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { scrolled: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolled: [{
                 type: Output
             }], scrollHandler: [{
                 type: HostListener,
@@ -1536,17 +1578,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class InfiniteScrollDirective extends ScrollDirective {
-    constructor() {
-        super(...arguments);
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this.top = new EventEmitter();
-        this.bottom = new EventEmitter();
-        this.elementHeight = 50;
-    }
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    top = new EventEmitter();
+    bottom = new EventEmitter();
+    elementHeight = 50;
     // --------------------------------------------------------------------------
     //
     //	Event Handlers
@@ -1590,10 +1629,10 @@ class InfiniteScrollDirective extends ScrollDirective {
     get scrollHeight() {
         return this.element.scrollHeight;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: InfiniteScrollDirective, selector: "[vi-infinite-scroll]", inputs: { elementHeight: "elementHeight" }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
 }
-InfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-InfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: InfiniteScrollDirective, selector: "[vi-infinite-scroll]", inputs: { elementHeight: "elementHeight" }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-infinite-scroll]'
@@ -1607,33 +1646,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class AutoScrollBottomDirective extends InfiniteScrollDirective {
-    constructor() {
-        super(...arguments);
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this.behavior = 'auto';
-        this.triggerChanged = new EventEmitter();
-        this.triggerDelta = 0;
-        this.isScrollLocked = false;
-        this.isNeedScroll = true;
-        this.isNeedRemainScroll = false;
-        this.checkTrigger = () => {
-            this.isScrollLocked = false;
-            if (this.isNeedScroll) {
-                this.scrollBottom();
-            }
-            else if (this.isNeedRemainScroll) {
-                this.scrollRemain();
-            }
-            else if (this.triggerDelta > 0) {
-                this.triggerChanged.emit(this.triggerDelta);
-                this.triggerDelta = 0;
-            }
-        };
-    }
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    behavior = 'auto';
+    triggerChanged = new EventEmitter();
+    _trigger;
+    triggerTimer;
+    triggerDelta = 0;
+    isScrollLocked = false;
+    lastScrollHeight;
+    isNeedScroll = true;
+    isNeedRemainScroll = false;
     // --------------------------------------------------------------------------
     //
     //	Protected Methods
@@ -1645,6 +1671,19 @@ class AutoScrollBottomDirective extends InfiniteScrollDirective {
         }
         super.initialize();
     }
+    checkTrigger = () => {
+        this.isScrollLocked = false;
+        if (this.isNeedScroll) {
+            this.scrollBottom();
+        }
+        else if (this.isNeedRemainScroll) {
+            this.scrollRemain();
+        }
+        else if (this.triggerDelta > 0) {
+            this.triggerChanged.emit(this.triggerDelta);
+            this.triggerDelta = 0;
+        }
+    };
     scrollRemain() {
         this.isNeedRemainScroll = false;
         this.scrollTo(this.scrollHeight - this.lastScrollHeight);
@@ -1707,10 +1746,10 @@ class AutoScrollBottomDirective extends InfiniteScrollDirective {
         this.isScrollLocked = true;
         this.scrollCheck();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: AutoScrollBottomDirective, selector: "[vi-auto-scroll-bottom]", inputs: { behavior: "behavior", trigger: ["vi-auto-scroll-bottom", "trigger"] }, outputs: { triggerChanged: "triggerChanged" }, usesInheritance: true, ngImport: i0 });
 }
-AutoScrollBottomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AutoScrollBottomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AutoScrollBottomDirective, selector: "[vi-auto-scroll-bottom]", inputs: { behavior: "behavior", trigger: ["vi-auto-scroll-bottom", "trigger"] }, outputs: { triggerChanged: "triggerChanged" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-auto-scroll-bottom]'
@@ -1725,10 +1764,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class ClickToCopyDirective extends Destroyable {
-    constructor() {
-        super(...arguments);
-        this.selectionRemove = () => ViewUtil.selectContent(null);
-    }
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    element;
+    selectionClearTimer;
     // --------------------------------------------------------------------------
     //
     //  Event Handlers
@@ -1739,6 +1781,7 @@ class ClickToCopyDirective extends Destroyable {
         clearTimeout(this.selectionClearTimer);
         this.selectionClearTimer = setTimeout(this.selectionRemove, DateUtil.MILLISECONDS_SECOND / 2);
     }
+    selectionRemove = () => ViewUtil.selectContent(null);
     // --------------------------------------------------------------------------
     //
     //  Public Methods
@@ -1752,10 +1795,10 @@ class ClickToCopyDirective extends Destroyable {
         this.element = null;
         clearTimeout(this.selectionClearTimer);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ClickToCopyDirective, selector: "[vi-click-to-copy]", inputs: { element: ["vi-click-to-copy", "element"] }, host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-ClickToCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-ClickToCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ClickToCopyDirective, selector: "[vi-click-to-copy]", inputs: { element: ["vi-click-to-copy", "element"] }, host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClickToCopyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClickToCopyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-copy]'
@@ -1769,6 +1812,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class ClickToSelectDirective extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    element;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1800,20 +1849,28 @@ class ClickToSelectDirective extends Destroyable {
         super.destroy();
         this.element = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ClickToSelectDirective, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-ClickToSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ClickToSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ClickToSelectDirective, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ClickToSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClickToSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-select]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickHandler: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clickHandler: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
 
 class FocusManager extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    timer;
+    delay;
+    element;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -1821,21 +1878,21 @@ class FocusManager extends Destroyable {
     // --------------------------------------------------------------------------
     constructor(element, delay = 100) {
         super();
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.focusElement = () => {
-            if (!_.isNil(this.element)) {
-                ViewUtil.focusInput(this.element);
-            }
-        };
         this.delay = delay;
         this.element = ViewUtil.parseElement(element);
     }
     // --------------------------------------------------------------------------
     //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    focusElement = () => {
+        if (!_.isNil(this.element)) {
+            ViewUtil.focusInput(this.element);
+        }
+    };
+    // --------------------------------------------------------------------------
+    //
     //  Public Methods
     //
     // --------------------------------------------------------------------------
@@ -1857,6 +1914,12 @@ class FocusManager extends Destroyable {
 }
 
 class FocusDirective extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    manager;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1864,16 +1927,16 @@ class FocusDirective extends Destroyable {
     // --------------------------------------------------------------------------
     constructor(element) {
         super();
-        // --------------------------------------------------------------------------
-        //
-        //	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.focus = () => this.manager.focus();
         this.manager = new FocusManager(element);
     }
     // --------------------------------------------------------------------------
     //
+    //	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    focus = () => this.manager.focus();
+    // --------------------------------------------------------------------------
+    //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
@@ -1893,20 +1956,21 @@ class FocusDirective extends Destroyable {
     set trigger(value) {
         this.focus();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: FocusDirective, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
 }
-FocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FocusDirective, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-focus]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { trigger: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { trigger: [{
                 type: Input,
                 args: ['vi-focus']
             }] } });
 
 class SelectOnFocusDirective extends Destroyable {
+    element;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1936,20 +2000,31 @@ class SelectOnFocusDirective extends Destroyable {
         super.destroy();
         this.element = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: SelectOnFocusDirective, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-SelectOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectOnFocusDirective, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-select-on-focus]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { focusHandler: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { focusHandler: [{
                 type: HostListener,
                 args: ['focus']
             }] } });
 
 class ResizeDirective extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    resized = new EventEmitter();
+    isTop = false;
+    isLeft = false;
+    isRight = false;
+    isBottom = false;
+    interactable;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -1957,26 +2032,6 @@ class ResizeDirective extends Destroyable {
     // --------------------------------------------------------------------------
     constructor(element) {
         super();
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this.resized = new EventEmitter();
-        this.isTop = false;
-        this.isLeft = false;
-        this.isRight = false;
-        this.isBottom = false;
-        // --------------------------------------------------------------------------
-        //
-        //  Event Handlers
-        //
-        // --------------------------------------------------------------------------
-        this.resizeHandler = (event) => {
-            if (event.dx !== 0 || event.dy !== 0) {
-                this.resized.emit(event);
-            }
-        };
         this.interactable = interact.default(ViewUtil.parseElement(element));
         // this.interactable.styleCursor(false);
         let param = {};
@@ -1989,6 +2044,16 @@ class ResizeDirective extends Destroyable {
     }
     // --------------------------------------------------------------------------
     //
+    //  Event Handlers
+    //
+    // --------------------------------------------------------------------------
+    resizeHandler = (event) => {
+        if (event.dx !== 0 || event.dy !== 0) {
+            this.resized.emit(event);
+        }
+    };
+    // --------------------------------------------------------------------------
+    //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
@@ -2002,15 +2067,15 @@ class ResizeDirective extends Destroyable {
             this.interactable = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ResizeDirective, selector: "[vi-resize]", inputs: { isTop: "isTop", isLeft: "isLeft", isRight: "isRight", isBottom: "isBottom" }, outputs: { resized: "resized" }, usesInheritance: true, ngImport: i0 });
 }
-ResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ResizeDirective, selector: "[vi-resize]", inputs: { isTop: "isTop", isLeft: "isLeft", isRight: "isRight", isBottom: "isBottom" }, outputs: { resized: "resized" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-resize]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { resized: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { resized: [{
                 type: Output
             }], isTop: [{
                 type: Input
@@ -2023,6 +2088,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class StructureDirective extends DestroyableContainer {
+    template;
+    container;
+    //--------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    //--------------------------------------------------------------------------
+    view;
+    _isNeedAdd;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2092,6 +2166,19 @@ class StructureDirective extends DestroyableContainer {
 }
 
 class ScrollCheckDirective extends DestroyableContainer {
+    //--------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    //--------------------------------------------------------------------------
+    top = new EventEmitter();
+    bottom = new EventEmitter();
+    limitExceed = new EventEmitter();
+    _scrollLimit;
+    element;
+    isExceedLimit = false;
+    delay = DateUtil.MILLISECONDS_SECOND / 10;
+    offset = 50;
     //--------------------------------------------------------------------------
     //
     //	Constructor
@@ -2099,40 +2186,29 @@ class ScrollCheckDirective extends DestroyableContainer {
     //--------------------------------------------------------------------------
     constructor(element) {
         super();
-        //--------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        //--------------------------------------------------------------------------
-        this.top = new EventEmitter();
-        this.bottom = new EventEmitter();
-        this.limitExceed = new EventEmitter();
-        this.isExceedLimit = false;
-        this.delay = DateUtil.MILLISECONDS_SECOND / 10;
-        this.offset = 50;
-        //--------------------------------------------------------------------------
-        //
-        //	Protected Methods
-        //
-        //--------------------------------------------------------------------------
-        this.check = () => {
-            let value = this.scrollValue >= this.scrollLimit;
-            if (value !== this.isExceedLimit) {
-                this.isExceedLimit = value;
-                this.limitExceed.emit(value);
-            }
-            let offset = !_.isNaN(this.offset) ? this.offset : 0;
-            value = this.scrollValue + this.clientHeight + offset >= this.scrollHeight;
-            this.bottom.next(value);
-            value = this.scrollValue <= offset;
-            this.top.next(value);
-        };
         this.delay = DateUtil.MILLISECONDS_SECOND / 10;
         this.element = element.nativeElement;
         fromEvent(this.element, 'scroll').pipe(debounceTime(this.delay), takeUntil(this.destroyed)).subscribe(this.check);
     }
     //--------------------------------------------------------------------------
     //
+    //	Protected Methods
+    //
+    //--------------------------------------------------------------------------
+    check = () => {
+        let value = this.scrollValue >= this.scrollLimit;
+        if (value !== this.isExceedLimit) {
+            this.isExceedLimit = value;
+            this.limitExceed.emit(value);
+        }
+        let offset = !_.isNaN(this.offset) ? this.offset : 0;
+        value = this.scrollValue + this.clientHeight + offset >= this.scrollHeight;
+        this.bottom.next(value);
+        value = this.scrollValue <= offset;
+        this.top.next(value);
+    };
+    //--------------------------------------------------------------------------
+    //
     //	Private Properties
     //
     //--------------------------------------------------------------------------
@@ -2165,15 +2241,15 @@ class ScrollCheckDirective extends DestroyableContainer {
     get scrollLimit() {
         return this._scrollLimit;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { delay: "delay", offset: "offset", scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
 }
-ScrollCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { delay: "delay", offset: "offset", scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollCheckDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ScrollCheckDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll-check]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { top: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { top: [{
                 type: Output
             }], bottom: [{
                 type: Output
@@ -2189,6 +2265,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class LanguagePipe extends DestroyableContainer {
+    detection;
+    language;
+    // --------------------------------------------------------------------------
+    //
+    //	Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static removeTags(item) {
+        if (_.isEmpty(item)) {
+            return item;
+        }
+        item = item.replace(/<br\s*[\/]?>/g, '\n');
+        item = item.replace(/<[^>]*>/g, '');
+        return item;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    lastKey;
+    lastParams;
+    lastValue;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2198,30 +2297,17 @@ class LanguagePipe extends DestroyableContainer {
         super();
         this.detection = detection;
         this.language = language;
-        // --------------------------------------------------------------------------
-        //
-        //	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.lastValueUpdate = () => {
-            this.lastValue = this.language.translate(this.lastKey, this.lastParams);
-            this.detection.markForCheck();
-        };
         language.completed.pipe(takeUntil(this.destroyed)).subscribe(this.lastValueUpdate);
     }
     // --------------------------------------------------------------------------
     //
-    //	Static Methods
+    //	Private Methods
     //
     // --------------------------------------------------------------------------
-    static removeTags(item) {
-        if (_.isEmpty(item)) {
-            return item;
-        }
-        item = item.replace(/<br\s*[\/]?>/g, '\n');
-        item = item.replace(/<[^>]*>/g, '');
-        return item;
-    }
+    lastValueUpdate = () => {
+        this.lastValue = this.language.translate(this.lastKey, this.lastParams);
+        this.detection.markForCheck();
+    };
     // --------------------------------------------------------------------------
     //
     //	Public Methods
@@ -2249,18 +2335,25 @@ class LanguagePipe extends DestroyableContainer {
         this.lastParams = null;
         this.lastValue = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipe, name: "viTranslate", pure: false });
 }
-LanguagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipe, name: "viTranslate", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslate',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.LanguageService }] });
 
 class HTMLTitleDirective extends Destroyable {
+    element;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _value;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2307,20 +2400,27 @@ class HTMLTitleDirective extends Destroyable {
     get value() {
         return this._value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
 }
-HTMLTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-HTMLTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HTMLTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HTMLTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-title]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
                 type: Input,
                 args: ['vi-html-title']
             }] } });
 
 class HTMLContentTitleDirective extends Destroyable {
+    element;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _value;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2368,15 +2468,15 @@ class HTMLContentTitleDirective extends Destroyable {
     get value() {
         return this._value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
 }
-HTMLContentTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-HTMLContentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-content-title]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
                 type: Input,
                 args: ['vi-html-content-title']
             }] } });
@@ -2391,15 +2491,15 @@ class IsBrowserDirective extends StructureDirective {
         super(templateRef, container);
         this.isNeedAdd = platform.isPlatformBrowser;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IsBrowserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PlatformService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IsBrowserDirective, selector: "[viIsBrowser]", usesInheritance: true, ngImport: i0 });
 }
-IsBrowserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IsBrowserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PlatformService }], target: i0.ɵɵFactoryTarget.Directive });
-IsBrowserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: IsBrowserDirective, selector: "[viIsBrowser]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IsBrowserDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IsBrowserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsBrowser]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: PlatformService }]; } });
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: PlatformService }] });
 
 class IsServerDirective extends StructureDirective {
     // --------------------------------------------------------------------------
@@ -2411,223 +2511,18 @@ class IsServerDirective extends StructureDirective {
         super(templateRef, container);
         this.isNeedAdd = platform.isPlatformServer;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IsServerDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PlatformService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: IsServerDirective, selector: "[viIsServer]", usesInheritance: true, ngImport: i0 });
 }
-IsServerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IsServerDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PlatformService }], target: i0.ɵɵFactoryTarget.Directive });
-IsServerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: IsServerDirective, selector: "[viIsServer]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IsServerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IsServerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsServer]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: PlatformService }]; } });
-
-let normalizeValidator = (validator) => {
-    let func = validator.validate.bind(validator);
-    if (typeof func === 'function') {
-        return (control) => func(control);
-    }
-    else {
-        return validator;
-    }
-};
-let composeValidators = (validators) => {
-    if (_.isEmpty(validators)) {
-        return null;
-    }
-    return Validators.compose(validators.map(normalizeValidator));
-};
-let validate = (validators, asyncValidators) => {
-    return (control) => {
-        let synchronousValid = () => composeValidators(validators)(control);
-        if (asyncValidators) {
-            let asyncValidator = composeValidators(asyncValidators);
-            return asyncValidator(control).map(v => {
-                let secondary = synchronousValid();
-                if (secondary || v) {
-                    return Object.assign({}, secondary, v);
-                }
-            });
-        }
-        if (validators) {
-            return of(synchronousValid());
-        }
-        return of(null);
-    };
-};
-const message = (validator, key) => {
-    if (!key) {
-        return 'Validation failed: ' + validator.toString();
-    }
-    switch (key) {
-        case 'required':
-            return 'Please enter a value';
-        case 'pattern':
-            return 'Value does not match required pattern';
-        case 'minlength':
-            return 'Value must be N characters';
-        case 'maxlength':
-            return 'Value must be a maximum of N characters';
-    }
-    let value = validator[key];
-    switch (typeof value) {
-        case 'string':
-            return value;
-        default:
-            return 'Validation failed: ' + key;
-    }
-};
-
-class ValueAccessor extends Destroyable {
-    // --------------------------------------------------------------------------
-    //
-    //	Constuctor
-    //
-    // --------------------------------------------------------------------------
-    constructor() {
-        super();
-        this.changed = [];
-        this.touched = [];
-    }
-    // --------------------------------------------------------------------------
-    //
-    //	Protected Methods
-    //
-    // --------------------------------------------------------------------------
-    valueChanged() {
-        this.changed.forEach(f => f(this.innerValue));
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    touch() {
-        this.touched.forEach(f => f());
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    registerOnChange(fn) {
-        this.changed.push(fn);
-    }
-    registerOnTouched(fn) {
-        this.touched.push(fn);
-    }
-    destroy() {
-        if (this.isDestroyed) {
-            return;
-        }
-        super.destroy();
-        this.changed = null;
-        this.touched = null;
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    // --------------------------------------------------------------------------
-    get value() {
-        return this.innerValue;
-    }
-    set value(value) {
-        if (value == this.innerValue) {
-            return;
-        }
-        this.innerValue = value;
-        this.valueChanged();
-    }
-}
-
-class FormElementAsync extends ValueAccessor {
-    // --------------------------------------------------------------------------
-    //
-    //  Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor(validators, asyncValidators) {
-        super();
-        this.validators = validators;
-        this.asyncValidators = asyncValidators;
-    }
-    validate() {
-        return validate(this.validators, this.asyncValidators)(this.model.control);
-    }
-    get invalid() {
-        return this.validate().pipe(map(v => {
-            return Object.keys(v || {}).length > 0;
-        }));
-    }
-    get failures() {
-        return this.validate().pipe(map(v => Object.keys(v).map(k => message(v, k))));
-    }
-}
-
-class FormElementSync extends ValueAccessor {
-    // --------------------------------------------------------------------------
-    //
-    //  Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor(validators) {
-        super();
-        this.validators = validators;
-        this.validate = () => {
-            if (!this.validators || this.validators.length === 0) {
-                this._validationError = null;
-                return null;
-            }
-            let failure = null;
-            for (let item of this.validators) {
-                failure = typeof item === 'function' ? item(this.model.control) : item.validate(this.model.control);
-                if (failure) {
-                    break;
-                }
-            }
-            this._validationError = failure ? message(failure, Object.keys(failure)[0]) : null;
-            return failure;
-        };
-        this.isErrorState = (control, form) => {
-            return this.invalid;
-        };
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Protected Methods
-    //
-    // --------------------------------------------------------------------------
-    valueChanged() {
-        super.valueChanged();
-        setTimeout(this.validate);
-    }
-    get valid() {
-        return !this.invalid;
-    }
-    get invalid() {
-        return this._validationError != null;
-    }
-    get validationError() {
-        return this._validationError;
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    ngAfterContentInit() {
-        this.validate();
-    }
-    ngOnDestroy() {
-        clearTimeout(this.timer);
-        this.timer = null;
-    }
-}
-FormElementSync.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormElementSync, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Directive });
-FormElementSync.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FormElementSync, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormElementSync, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: Array }]; } });
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: PlatformService }] });
 
 class LanguagePipePure extends DestroyableContainer {
+    language;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2652,17 +2547,18 @@ class LanguagePipePure extends DestroyableContainer {
         super.destroy();
         this.language = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipePure, name: "viTranslatePure" });
 }
-LanguagePipePure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipePure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipePure, name: "viTranslatePure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipePure, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipePure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslatePure'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1.LanguageService }] });
 
 class LanguageRequireResolver {
+    language;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -2705,15 +2601,25 @@ class LanguageResolver extends LanguageRequireResolver {
     constructor(language) {
         super(language);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageResolver, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
 }
-LanguageResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageResolver, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-LanguageResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1.LanguageService }] });
 
 class LanguageDirective extends Destroyable {
+    element;
+    language;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    isNeedTitle;
+    _key;
+    _params;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2781,15 +2687,15 @@ class LanguageDirective extends Destroyable {
     get params() {
         return this._params;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: LanguageDirective, selector: "[vi-translate]", inputs: { isNeedTitle: "isNeedTitle", key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
 }
-LanguageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-LanguageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LanguageDirective, selector: "[vi-translate]", inputs: { isNeedTitle: "isNeedTitle", key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-translate]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LanguageService }]; }, propDecorators: { isNeedTitle: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LanguageService }], propDecorators: { isNeedTitle: [{
                 type: Input
             }], key: [{
                 type: Input,
@@ -2799,6 +2705,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class LanguagePipeHas extends DestroyableContainer {
+    language;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    key;
+    _value;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2807,18 +2721,18 @@ class LanguagePipeHas extends DestroyableContainer {
     constructor(language) {
         super();
         this.language = language;
-        // --------------------------------------------------------------------------
-        //
-        //	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.valueUpdate = () => {
-            this._value = this.language.isHasTranslation(this.key);
-        };
         language.completed.pipe(takeUntil(this.destroyed)).subscribe(this.valueUpdate);
     }
     // --------------------------------------------------------------------------
     //
+    //	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    valueUpdate = () => {
+        this._value = this.language.isHasTranslation(this.key);
+    };
+    // --------------------------------------------------------------------------
+    //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
@@ -2837,18 +2751,19 @@ class LanguagePipeHas extends DestroyableContainer {
         this.language = null;
         this.key = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHas, name: "viTranslateHas", pure: false });
 }
-LanguagePipeHas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipeHas.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHas, name: "viTranslateHas", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHas, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHas, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHas',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1.LanguageService }] });
 
 class LanguagePipeHasPure extends DestroyableContainer {
+    language;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2873,18 +2788,26 @@ class LanguagePipeHasPure extends DestroyableContainer {
         super.destroy();
         this.language = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHasPure, name: "viTranslateHasPure" });
 }
-LanguagePipeHasPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipeHasPure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHasPure, name: "viTranslateHasPure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHasPure',
                     pure: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1.LanguageService }] });
 
 class LanguageHasDirective extends StructureDirective {
+    language;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _viTranslateHas;
+    _isOnlyIfNotEmpty = true;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -2893,7 +2816,6 @@ class LanguageHasDirective extends StructureDirective {
     constructor(template, container, language) {
         super(template, container);
         this.language = language;
-        this._isOnlyIfNotEmpty = true;
         language.completed.pipe(takeUntil(this.destroyed)).subscribe(() => this.check());
     }
     // --------------------------------------------------------------------------
@@ -2942,15 +2864,15 @@ class LanguageHasDirective extends StructureDirective {
     get viTranslateHasIsOnlyIfNotEmpty() {
         return this._isOnlyIfNotEmpty;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageHasDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: LanguageHasDirective, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
 }
-LanguageHasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageHasDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-LanguageHasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LanguageHasDirective, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageHasDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageHasDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viTranslateHas]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i1.LanguageService }]; }, propDecorators: { viTranslateHas: [{
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i1.LanguageService }], propDecorators: { viTranslateHas: [{
                 type: Input,
                 args: ['viTranslateHas']
             }], viTranslateHasIsOnlyIfNotEmpty: [{
@@ -2986,11 +2908,11 @@ class LanguageModule {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageModule, imports: [CookieModule] });
 }
-LanguageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LanguageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective] });
-LanguageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageModule, imports: [CookieModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LanguageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LanguageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -3007,6 +2929,14 @@ function languageServiceFactory(cookie, options) {
 const LANGUAGE_OPTIONS = new InjectionToken(`LANGUAGE_OPTIONS`);
 
 class LoginBaseService extends Loadable {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _sid;
+    _loginData;
+    _isLoggedIn = false;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3014,7 +2944,6 @@ class LoginBaseService extends Loadable {
     // --------------------------------------------------------------------------
     constructor() {
         super();
-        this._isLoggedIn = false;
     }
     // --------------------------------------------------------------------------
     //
@@ -3185,6 +3114,7 @@ var LoginBaseServiceEvent;
 })(LoginBaseServiceEvent || (LoginBaseServiceEvent = {}));
 
 class LoginRequireResolver {
+    login;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3222,6 +3152,13 @@ class LoginRequireResolver {
 }
 
 class LoginGuard extends LoginRequireResolver {
+    router;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    static redirectUrl = '/login';
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3239,24 +3176,25 @@ class LoginGuard extends LoginRequireResolver {
     canActivate(route, state) {
         return this.isLoggedIn() ? true : this.router.parseUrl(LoginGuard.redirectUrl);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginGuard, providedIn: 'root' });
 }
-// --------------------------------------------------------------------------
-//
-// 	Properties
-//
-// --------------------------------------------------------------------------
-LoginGuard.redirectUrl = '/login';
-LoginGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LoginBaseService]
-                }] }, { type: i1$1.Router }]; } });
+                }] }, { type: i1$1.Router }] });
 
 class LoginNotGuard extends LoginRequireResolver {
+    router;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    static redirectUrl = '/';
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3274,24 +3212,19 @@ class LoginNotGuard extends LoginRequireResolver {
     canActivate(route, state) {
         return !this.isLoggedIn() ? true : this.router.parseUrl(LoginNotGuard.redirectUrl);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
 }
-// --------------------------------------------------------------------------
-//
-// 	Properties
-//
-// --------------------------------------------------------------------------
-LoginNotGuard.redirectUrl = '/';
-LoginNotGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginNotGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginNotGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginNotGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LoginBaseService]
-                }] }, { type: i1$1.Router }]; } });
+                }] }, { type: i1$1.Router }] });
 
 class LoginIfCanGuard extends LoginGuard {
+    router;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3328,16 +3261,16 @@ class LoginIfCanGuard extends LoginGuard {
         }
         return super.canActivate(route, state);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
 }
-LoginIfCanGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginIfCanGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginIfCanGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginIfCanGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LoginBaseService]
-                }] }, { type: i1$1.Router }]; } });
+                }] }, { type: i1$1.Router }] });
 
 class LoginResolver extends LoginRequireResolver {
     // --------------------------------------------------------------------------
@@ -3348,18 +3281,26 @@ class LoginResolver extends LoginRequireResolver {
     constructor(login) {
         super(login);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginResolver, deps: [{ token: LoginBaseService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginResolver, providedIn: 'root' });
 }
-LoginResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginResolver, deps: [{ token: LoginBaseService }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginResolver, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoginResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LoginResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LoginBaseService]
-                }] }]; } });
+                }] }] });
 
 class ValueStorage extends DestroyableContainer {
+    storage;
+    cookies;
+    //--------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    //--------------------------------------------------------------------------
+    _name;
     //--------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3425,6 +3366,12 @@ class ValueStorage extends DestroyableContainer {
 }
 
 class LoginTokenStorage extends ValueStorage {
+    //--------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    //--------------------------------------------------------------------------
+    static TOKEN_KEY = 'sid';
     //--------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3434,14 +3381,19 @@ class LoginTokenStorage extends ValueStorage {
         super(LoginTokenStorage.TOKEN_KEY, localStorage, cookies);
     }
 }
-//--------------------------------------------------------------------------
-//
-// 	Properties
-//
-//--------------------------------------------------------------------------
-LoginTokenStorage.TOKEN_KEY = 'sid';
 
 class MenuItemBase {
+    nameId;
+    sortIndex;
+    iconId;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _name;
+    _isEnabled = true;
+    checkEnabled;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3451,7 +3403,6 @@ class MenuItemBase {
         this.nameId = nameId;
         this.sortIndex = sortIndex;
         this.iconId = iconId;
-        this._isEnabled = true;
     }
     // --------------------------------------------------------------------------
     //
@@ -3488,6 +3439,13 @@ class MenuItemBase {
 }
 
 class MenuItem extends MenuItemBase {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    flag;
+    select;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3500,6 +3458,15 @@ class MenuItem extends MenuItemBase {
 }
 
 class MenuItems extends DestroyableContainer {
+    language;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _items;
+    _enabledItems;
+    filterFunction;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3599,6 +3566,13 @@ class MenuItems extends DestroyableContainer {
 }
 
 class NavigationMenuItem extends MenuItem {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    url;
+    isActive = false;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3606,19 +3580,32 @@ class NavigationMenuItem extends MenuItem {
     // --------------------------------------------------------------------------
     constructor(nameId, sortIndex, iconId, url) {
         super(nameId, sortIndex, null, iconId);
-        this.isActive = false;
         this.url = url;
     }
 }
 
 class ListItem {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _uid;
+    _data;
+    _label;
+    _iconId;
+    _className;
+    _sortIndex;
+    _isEnabled = true;
+    _translationId;
+    action;
+    checkEnabled;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
     //
     // --------------------------------------------------------------------------
     constructor(translationId, sortIndex = NaN, data, iconId) {
-        this._isEnabled = true;
         this.data = data;
         this.iconId = iconId;
         this.sortIndex = sortIndex;
@@ -3745,6 +3732,16 @@ class ListItem {
 }
 
 class ListItems extends FilterableMapCollection {
+    language;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    lastRefreshParams;
+    languageSubscription;
+    _isAllEnabled;
+    _isLeastOneEnabled;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3753,30 +3750,30 @@ class ListItems extends FilterableMapCollection {
     constructor(language, isAutoTranslate = true) {
         super('uid');
         this.language = language;
-        // --------------------------------------------------------------------------
-        //
-        // 	Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.translate = (item) => {
-            item.label = this.language.translate(item.translationId);
-        };
-        this.translateItems = () => {
-            this.collection.forEach(this.translate);
-        };
-        this.translateIfNeed = (item) => {
-            if (_.isNil(item.label) && !_.isNil(item.translationId)) {
-                this.translate(item);
-            }
-        };
-        this.translateItemsIfNeed = () => {
-            this.collection.forEach(this.translateIfNeed);
-        };
         this.lastRefreshParams = new Array();
         if (isAutoTranslate) {
             this.languageSubscription = language.completed.subscribe(this.translateItems);
         }
     }
+    // --------------------------------------------------------------------------
+    //
+    // 	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    translate = (item) => {
+        item.label = this.language.translate(item.translationId);
+    };
+    translateItems = () => {
+        this.collection.forEach(this.translate);
+    };
+    translateIfNeed = (item) => {
+        if (_.isNil(item.label) && !_.isNil(item.translationId)) {
+            this.translate(item);
+        }
+    };
+    translateItemsIfNeed = () => {
+        this.collection.forEach(this.translateIfNeed);
+    };
     sort() {
         ArrayUtil.sort(this.collection);
     }
@@ -3839,6 +3836,14 @@ class ListItems extends FilterableMapCollection {
 }
 
 class SelectListItem extends ListItem {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _isSelected;
+    _selectedClassName;
+    checkSelected;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -3896,6 +3901,15 @@ class SelectListItem extends ListItem {
 }
 
 class SelectListItems extends ListItems {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _selectedItem;
+    _selectedData;
+    _selectedIndex;
+    _changed;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -4014,6 +4028,13 @@ class SelectListItems extends ListItems {
 }
 
 class RouterSelectListItems extends SelectListItems {
+    router;
+    //--------------------------------------------------------------------------
+    //
+    // 	Public Properties
+    //
+    //--------------------------------------------------------------------------
+    isDisabled;
     //--------------------------------------------------------------------------
     //
     // 	Constructor
@@ -4066,10 +4087,10 @@ class RouterSelectListItems extends SelectListItems {
 class PrettifyPipe {
     // --------------------------------------------------------------------------
     //
-    //	Constructor
+    // 	Static Properties
     //
     // --------------------------------------------------------------------------
-    constructor() { }
+    static EMPTY_SYMBOL = '-';
     // --------------------------------------------------------------------------
     //
     // 	Public Methods
@@ -4082,21 +4103,21 @@ class PrettifyPipe {
         }
         return !isNil ? value : PrettifyPipe.EMPTY_SYMBOL;
     }
+    // --------------------------------------------------------------------------
+    //
+    //	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: PrettifyPipe, name: "viPrettify" });
 }
-// --------------------------------------------------------------------------
-//
-// 	Static Properties
-//
-// --------------------------------------------------------------------------
-PrettifyPipe.EMPTY_SYMBOL = '-';
-PrettifyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PrettifyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PrettifyPipe, name: "viPrettify" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrettifyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PrettifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viPrettify'
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class CamelCasePipe {
     // --------------------------------------------------------------------------
@@ -4107,10 +4128,10 @@ class CamelCasePipe {
     transform(value) {
         return !_.isNil(value) ? _.camelCase(value) : PrettifyPipe.EMPTY_SYMBOL;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: CamelCasePipe, name: "viCamelCase" });
 }
-CamelCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CamelCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CamelCasePipe, name: "viCamelCase" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamelCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CamelCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCamelCase'
@@ -4118,6 +4139,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class FinancePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static DEFAULT_FORMAT = '0,0';
     // --------------------------------------------------------------------------
     //
     //	Static Methods
@@ -4150,16 +4177,10 @@ class FinancePipe {
         }
         return FinancePipe.format(value, format);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: FinancePipe, name: "viFinance" });
 }
-// --------------------------------------------------------------------------
-//
-//	Static Properties
-//
-// --------------------------------------------------------------------------
-FinancePipe.DEFAULT_FORMAT = '0,0';
-FinancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FinancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FinancePipe, name: "viFinance" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FinancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FinancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viFinance'
@@ -4167,6 +4188,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class MomentDatePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Constants
+    //
+    // --------------------------------------------------------------------------
+    static DEFAULT_FORMAT = 'LLL';
     // --------------------------------------------------------------------------
     //
     //	Static Methods
@@ -4216,16 +4243,10 @@ class MomentDatePipe {
         let moment = MomentDatePipe.parseMoment(value);
         return moment.format(format || MomentDatePipe.DEFAULT_FORMAT);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: MomentDatePipe, name: "viMomentDate" });
 }
-// --------------------------------------------------------------------------
-//
-//	Constants
-//
-// --------------------------------------------------------------------------
-MomentDatePipe.DEFAULT_FORMAT = 'LLL';
-MomentDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MomentDatePipe, name: "viMomentDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDate'
@@ -4233,6 +4254,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class MomentDateAdaptivePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Constants
+    //
+    // --------------------------------------------------------------------------
+    static HOUR_FORMAT = 'HH:ss';
+    static DAY_FORMAT = 'DD MMM HH:ss';
+    static MONTH_FORMAT = 'DD MMM HH:ss';
+    static YEAR_FORMAT = 'LLL';
     // --------------------------------------------------------------------------
     //
     //	Public Methods
@@ -4259,19 +4289,10 @@ class MomentDateAdaptivePipe {
         }
         return item.format(format);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: MomentDateAdaptivePipe, name: "viMomentAdaptiveDate" });
 }
-// --------------------------------------------------------------------------
-//
-//	Constants
-//
-// --------------------------------------------------------------------------
-MomentDateAdaptivePipe.HOUR_FORMAT = 'HH:ss';
-MomentDateAdaptivePipe.DAY_FORMAT = 'DD MMM HH:ss';
-MomentDateAdaptivePipe.MONTH_FORMAT = 'DD MMM HH:ss';
-MomentDateAdaptivePipe.YEAR_FORMAT = 'LLL';
-MomentDateAdaptivePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDateAdaptivePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MomentDateAdaptivePipe, name: "viMomentAdaptiveDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentAdaptiveDate'
@@ -4287,10 +4308,10 @@ class MomentDateFromNowPipe {
     transform(value, format) {
         return MomentDatePipe.fromNow(value, format);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: MomentDateFromNowPipe, name: "viMomentDateFromNow" });
 }
-MomentDateFromNowPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDateFromNowPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MomentDateFromNowPipe, name: "viMomentDateFromNow" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDateFromNow'
@@ -4298,6 +4319,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class MomentTimePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Constants
+    //
+    // --------------------------------------------------------------------------
+    static DEFAULT_FORMAT = 'hh:mm:ss';
     // --------------------------------------------------------------------------
     //
     //	Public Methods
@@ -4312,16 +4339,10 @@ class MomentTimePipe {
             .add(timeMilliseconds, 'milliseconds')
             .format(format || MomentTimePipe.DEFAULT_FORMAT);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: MomentTimePipe, name: "viMomentTime" });
 }
-// --------------------------------------------------------------------------
-//
-//	Constants
-//
-// --------------------------------------------------------------------------
-MomentTimePipe.DEFAULT_FORMAT = 'hh:mm:ss';
-MomentTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MomentTimePipe, name: "viMomentTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MomentTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MomentTimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentTime'
@@ -4329,14 +4350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class NgModelErrorPipe {
-    // --------------------------------------------------------------------------
-    //
-    //	Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor(language) {
-        this.language = language;
-    }
+    language;
     // --------------------------------------------------------------------------
     //
     //	Public Methods
@@ -4356,17 +4370,26 @@ class NgModelErrorPipe {
     translateError(key, value) {
         return this.language.translate('error.form.' + key, value);
     }
+    // --------------------------------------------------------------------------
+    //
+    //	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor(language) {
+        this.language = language;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: NgModelErrorPipe, name: "viNgModelError" });
 }
-NgModelErrorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-NgModelErrorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NgModelErrorPipe, name: "viNgModelError" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgModelErrorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NgModelErrorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viNgModelError'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1.LanguageService }] });
 
 class SanitizePipe {
+    sanitizer;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -4399,15 +4422,15 @@ class SanitizePipe {
                 throw new Error('Invalid safe type specified: ' + type);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: SanitizePipe, name: "viSanitize" });
 }
-SanitizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SanitizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SanitizePipe, name: "viSanitize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SanitizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viSanitize'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
 
 class StartCasePipe {
     // --------------------------------------------------------------------------
@@ -4418,10 +4441,10 @@ class StartCasePipe {
     transform(value) {
         return !_.isEmpty(value) ? value.charAt(0).toUpperCase() + value.slice(1) : PrettifyPipe.EMPTY_SYMBOL;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: StartCasePipe, name: "viStartCase" });
 }
-StartCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-StartCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: StartCasePipe, name: "viStartCase" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StartCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: StartCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viStartCase'
@@ -4437,10 +4460,10 @@ class TruncatePipe {
     transform(value, maxLength) {
         return !_.isEmpty(value) ? _.truncate(value, { length: maxLength }) : PrettifyPipe.EMPTY_SYMBOL;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: TruncatePipe, name: "viTruncate" });
 }
-TruncatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TruncatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TruncatePipe, name: "viTruncate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTruncate'
@@ -4448,6 +4471,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class TimePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static DEFAULT_FORMAT = '00:00:00';
     // --------------------------------------------------------------------------
     //
     //	Public Methods
@@ -4463,16 +4492,10 @@ class TimePipe {
         }
         return FinancePipe.format(milliseconds / DateUtil.MILLISECONDS_SECOND, format);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: TimePipe, name: "viTime" });
 }
-// --------------------------------------------------------------------------
-//
-//	Static Properties
-//
-// --------------------------------------------------------------------------
-TimePipe.DEFAULT_FORMAT = '00:00:00';
-TimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimePipe, name: "viTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTime'
@@ -4494,6 +4517,21 @@ var QuestionEvent;
 })(QuestionEvent || (QuestionEvent = {}));
 
 class QuestionManager extends Destroyable {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    text;
+    mode;
+    options;
+    notText;
+    yesText;
+    closeText;
+    checkText;
+    _isChecked = false;
+    _closePromise;
+    _yesNotPromise;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -4501,7 +4539,6 @@ class QuestionManager extends Destroyable {
     // --------------------------------------------------------------------------
     constructor(options) {
         super();
-        this._isChecked = false;
         this._closePromise = PromiseHandler.create();
         this._yesNotPromise = PromiseHandler.create();
         this.yesText = 'Yes';
@@ -4583,6 +4620,30 @@ class QuestionManager extends Destroyable {
 }
 
 class PipeBaseService extends DestroyableContainer {
+    language;
+    sanitizer;
+    // --------------------------------------------------------------------------
+    //
+    // 	Constants
+    //
+    // --------------------------------------------------------------------------
+    static DATE = null;
+    static TIME = null;
+    static FINANCE = null;
+    static PRETTIFY = null;
+    static TRUNCATE = null;
+    static SANITIZE = null;
+    static CAMEL_CASE = null;
+    static MOMENT_TIME = null;
+    static MOMENT_DATE = null;
+    static MOMENT_DATE_FROM_NOW = null;
+    static MOMENT_ADAPTIVE_DATE = null;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _locale;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -4684,24 +4745,21 @@ class PipeBaseService extends DestroyableContainer {
         return this._locale;
     }
 }
-// --------------------------------------------------------------------------
-//
-// 	Constants
-//
-// --------------------------------------------------------------------------
-PipeBaseService.DATE = null;
-PipeBaseService.TIME = null;
-PipeBaseService.FINANCE = null;
-PipeBaseService.PRETTIFY = null;
-PipeBaseService.TRUNCATE = null;
-PipeBaseService.SANITIZE = null;
-PipeBaseService.CAMEL_CASE = null;
-PipeBaseService.MOMENT_TIME = null;
-PipeBaseService.MOMENT_DATE = null;
-PipeBaseService.MOMENT_DATE_FROM_NOW = null;
-PipeBaseService.MOMENT_ADAPTIVE_DATE = null;
 
 class RouterBaseService extends Loadable {
+    _router;
+    _route;
+    window;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    params;
+    extrasToApply;
+    isNeedUpdateExtras = false;
+    _lastUrl;
+    _previousUrl;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -4712,7 +4770,6 @@ class RouterBaseService extends Loadable {
         this._router = _router;
         this._route = _route;
         this.window = window;
-        this.isNeedUpdateExtras = false;
         this.params = new Map();
         this.observer = new Subject();
         this._lastUrl = this.url;
@@ -4931,6 +4988,16 @@ class CanDeactivateGuard {
 }
 
 class ThemeStyleDirective extends Destroyable {
+    theme;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _key;
+    _flags;
+    _styleName;
+    element;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -5021,15 +5088,15 @@ class ThemeStyleDirective extends Destroyable {
             this.stylePropertiesCheck();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeStyleDirective, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
 }
-ThemeStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeStyleDirective, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeStyleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }]; }, propDecorators: { flags: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }], propDecorators: { flags: [{
                 type: Input
             }], styleName: [{
                 type: Input
@@ -5039,6 +5106,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class ThemeStyleHoverDirective extends ThemeStyleDirective {
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _isHover = false;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -5046,23 +5119,6 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
     // --------------------------------------------------------------------------
     constructor(element, theme) {
         super(element, theme);
-        // --------------------------------------------------------------------------
-        //
-        //	Properties
-        //
-        // --------------------------------------------------------------------------
-        this._isHover = false;
-        // --------------------------------------------------------------------------
-        //
-        //	Event Handlers
-        //
-        // --------------------------------------------------------------------------
-        this.mouseEnter = (event) => {
-            this.isHover = true;
-        };
-        this.mouseLeave = (event) => {
-            this.isHover = false;
-        };
         this.flags = RendererStyleFlags2.Important;
         this.element.addEventListener('mouseenter', this.mouseEnter, false);
         this.element.addEventListener('mouseleave', this.mouseLeave, false);
@@ -5080,6 +5136,17 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
     }
     // --------------------------------------------------------------------------
     //
+    //	Event Handlers
+    //
+    // --------------------------------------------------------------------------
+    mouseEnter = (event) => {
+        this.isHover = true;
+    };
+    mouseLeave = (event) => {
+        this.isHover = false;
+    };
+    // --------------------------------------------------------------------------
+    //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
@@ -5124,15 +5191,15 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
     set flags(value) {
         super.flags = value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeStyleHoverDirective, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
 }
-ThemeStyleHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeStyleHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeStyleHoverDirective, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style-hover]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }]; }, propDecorators: { key: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }], propDecorators: { key: [{
                 type: Input,
                 args: ['vi-theme-style-hover']
             }], styleName: [{
@@ -5142,6 +5209,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class ThemeAssetDirective extends Destroyable {
+    theme;
+    themeAsset;
+    // --------------------------------------------------------------------------
+    //
+    //	Properties
+    //
+    // --------------------------------------------------------------------------
+    _name;
+    _source;
+    _extension = 'png';
+    _isFile = false;
+    _isImage = false;
+    _isVideo = false;
+    _isSound = false;
+    _isBackground = false;
+    _isIgnoreTheme = true;
+    element;
+    isTriedThemeDefault;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -5151,13 +5236,6 @@ class ThemeAssetDirective extends Destroyable {
         super();
         this.theme = theme;
         this.themeAsset = themeAsset;
-        this._extension = 'png';
-        this._isFile = false;
-        this._isImage = false;
-        this._isVideo = false;
-        this._isSound = false;
-        this._isBackground = false;
-        this._isIgnoreTheme = true;
         this.element = ViewUtil.parseElement(element.nativeElement);
         this.theme.changed.pipe(takeUntil(this.destroyed)).subscribe(() => {
             this.isTriedThemeDefault = false;
@@ -5348,12 +5426,12 @@ class ThemeAssetDirective extends Destroyable {
             this.setSourceProperties();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeAssetDirective, inputs: { isSound: "isSound", isVideo: "isVideo", isFile: "isFile", isImage: "isImage", isBackground: "isBackground", isIgnoreTheme: "isIgnoreTheme", name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-ThemeAssetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeAssetDirective, inputs: { isSound: "isSound", isVideo: "isVideo", isFile: "isFile", isImage: "isImage", isBackground: "isBackground", isIgnoreTheme: "isIgnoreTheme", name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetDirective, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }]; }, propDecorators: { errorLoadingHandler: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }], propDecorators: { errorLoadingHandler: [{
                 type: HostListener,
                 args: ['error', ['$event']]
             }], isSound: [{
@@ -5407,15 +5485,15 @@ class ThemeAssetBackgroundDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeAssetBackgroundDirective, selector: "[vi-theme-background]", inputs: { name: ["vi-theme-background", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-ThemeAssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeAssetBackgroundDirective, selector: "[vi-theme-background]", inputs: { name: ["vi-theme-background", "name"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-background]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }]; }, propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }], propDecorators: { name: [{
                 type: Input,
                 args: ['vi-theme-background']
             }] } });
@@ -5452,15 +5530,15 @@ class ThemeAssetImageDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeAssetImageDirective, selector: "[vi-theme-image]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-ThemeAssetImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeAssetImageDirective, selector: "[vi-theme-image]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-image]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }]; }, propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }], propDecorators: { name: [{
                 type: Input,
                 args: ['vi-theme-image']
             }] } });
@@ -5496,20 +5574,21 @@ class ThemeAssetIconDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetIconDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeAssetIconDirective, selector: "[vi-theme-icon]", inputs: { name: ["vi-theme-icon", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-ThemeAssetIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetIconDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeAssetIconDirective, selector: "[vi-theme-icon]", inputs: { name: ["vi-theme-icon", "name"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeAssetIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeAssetIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-icon]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }]; }, propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }], propDecorators: { name: [{
                 type: Input,
                 args: ['vi-theme-icon']
             }] } });
 
 class ThemeToggleDirective extends Destroyable {
+    theme;
     // --------------------------------------------------------------------------
     //
     //	Constructor
@@ -5554,15 +5633,15 @@ class ThemeToggleDirective extends Destroyable {
         super.destroy();
         this.theme = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ThemeToggleDirective, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-ThemeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ThemeToggleDirective, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-toggle]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ThemeService }]; }, propDecorators: { clickHandler: [{
+        }], ctorParameters: () => [{ type: i1.ThemeService }], propDecorators: { clickHandler: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -5602,21 +5681,21 @@ class ThemeModule {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective,
+            ThemeAssetImageDirective,
+            ThemeAssetIconDirective,
+            ThemeAssetBackgroundDirective,
+            ThemeStyleDirective,
+            ThemeStyleHoverDirective], imports: [CookieModule], exports: [ThemeToggleDirective,
+            ThemeAssetImageDirective,
+            ThemeAssetIconDirective,
+            ThemeAssetBackgroundDirective,
+            ThemeStyleDirective,
+            ThemeStyleHoverDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeModule, imports: [CookieModule] });
 }
-ThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective,
-        ThemeAssetImageDirective,
-        ThemeAssetIconDirective,
-        ThemeAssetBackgroundDirective,
-        ThemeStyleDirective,
-        ThemeStyleHoverDirective], imports: [CookieModule], exports: [ThemeToggleDirective,
-        ThemeAssetImageDirective,
-        ThemeAssetIconDirective,
-        ThemeAssetBackgroundDirective,
-        ThemeStyleDirective,
-        ThemeStyleHoverDirective] });
-ThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeModule, imports: [CookieModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -5636,9 +5715,23 @@ function themeAssetServiceFactory(theme) {
 const THEME_OPTIONS = new InjectionToken(`THEME_OPTIONS`);
 
 class IUser {
+    // --------------------------------------------------------------------------
+    //
+    // 	Constants
+    //
+    // --------------------------------------------------------------------------
+    id;
 }
 
 class UserBaseService extends DestroyableContainer {
+    login;
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _user;
+    observer;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -5750,22 +5843,20 @@ var UserBaseServiceEvent;
 })(UserBaseServiceEvent || (UserBaseServiceEvent = {}));
 
 class IWindow extends Destroyable {
-    constructor() {
-        // --------------------------------------------------------------------------
-        //
-        //  Public Methods
-        //
-        // --------------------------------------------------------------------------
-        super(...arguments);
-        // --------------------------------------------------------------------------
-        //
-        //  Public Properties
-        //
-        // --------------------------------------------------------------------------
-        this.isOnTop = false;
-        this.isDisabled = false;
-        this.isMinimized = false;
-    }
+    // --------------------------------------------------------------------------
+    //
+    //  Public Properties
+    //
+    // --------------------------------------------------------------------------
+    isOnTop = false;
+    isDisabled = false;
+    isMinimized = false;
+    events;
+    container;
+    wrapper;
+    backdrop;
+    config;
+    content;
 }
 var WindowEvent;
 (function (WindowEvent) {
@@ -5789,24 +5880,6 @@ var WindowAlign;
 })(WindowAlign || (WindowAlign = {}));
 
 class WindowBase extends DestroyableContainer {
-    // --------------------------------------------------------------------------
-    //
-    // 	Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor() {
-        super();
-        // --------------------------------------------------------------------------
-        //
-        // 	Properties
-        //
-        // --------------------------------------------------------------------------
-        this._x = NaN;
-        this._width = NaN;
-        this._y = NaN;
-        this._height = NaN;
-        this.updatePosition = () => this.setPosition();
-    }
     // --------------------------------------------------------------------------
     //
     // 	Static Methods
@@ -5832,6 +5905,23 @@ class WindowBase extends DestroyableContainer {
         value = Math.min(value, config.elementMaxHeight);
         return value;
     }
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    _x = NaN;
+    _width = NaN;
+    _y = NaN;
+    _height = NaN;
+    // --------------------------------------------------------------------------
+    //
+    // 	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor() {
+        super();
+    }
     setProperties() {
         let config = this.getConfig();
         if (!_.isNaN(config.defaultWidth)) {
@@ -5882,6 +5972,7 @@ class WindowBase extends DestroyableContainer {
     }
     commitSizeProperties() { }
     commitPositionProperties() { }
+    updatePosition = () => this.setPosition();
     // --------------------------------------------------------------------------
     //
     // 	Public Methods
@@ -5962,38 +6053,59 @@ class WindowBase extends DestroyableContainer {
 }
 
 class WindowConfig {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    id;
+    isModal = false;
+    isExpandable = false;
+    isResizeable = false;
+    isMinimizable = false;
+    isDisableClose = false;
+    isContentDragable = true;
+    x = NaN;
+    y = NaN;
+    data;
+    propertiesId;
+    width;
+    minWidth;
+    maxWidth;
+    defaultWidth = NaN;
+    defaultMinWidth = NaN;
+    defaultMaxWidth = NaN;
+    height;
+    minHeight;
+    maxHeight;
+    defaultHeight = NaN;
+    defaultMinHeight = NaN;
+    defaultMaxHeight = NaN;
+    paddingTop = NaN;
+    paddingLeft = NaN;
+    paddingRight = NaN;
+    paddingBottom = NaN;
+    autoFocus;
+    restoreFocus;
+    delayFocusTrap;
+    verticalAlign;
+    horizontalAlign;
+    _elementMaxX = NaN;
+    _elementMinX = NaN;
+    _elementMaxY = NaN;
+    _elementMinY = NaN;
+    _elementWidth;
+    _elementMinWidth = NaN;
+    _elementMaxWidth = NaN;
+    _elementHeight;
+    _elementMinHeight = NaN;
+    _elementMaxHeight = NaN;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
     //
     // --------------------------------------------------------------------------
     constructor(isModal = false, isResizeable = false, width = NaN, height = NaN) {
-        this.isModal = false;
-        this.isExpandable = false;
-        this.isResizeable = false;
-        this.isMinimizable = false;
-        this.isDisableClose = false;
-        this.isContentDragable = true;
-        this.x = NaN;
-        this.y = NaN;
-        this.defaultWidth = NaN;
-        this.defaultMinWidth = NaN;
-        this.defaultMaxWidth = NaN;
-        this.defaultHeight = NaN;
-        this.defaultMinHeight = NaN;
-        this.defaultMaxHeight = NaN;
-        this.paddingTop = NaN;
-        this.paddingLeft = NaN;
-        this.paddingRight = NaN;
-        this.paddingBottom = NaN;
-        this._elementMaxX = NaN;
-        this._elementMinX = NaN;
-        this._elementMaxY = NaN;
-        this._elementMinY = NaN;
-        this._elementMinWidth = NaN;
-        this._elementMaxWidth = NaN;
-        this._elementMinHeight = NaN;
-        this._elementMaxHeight = NaN;
         this.isModal = isModal;
         this.isResizeable = isResizeable;
         if (!_.isNaN(width)) {
@@ -6168,6 +6280,13 @@ var WindowServiceEvent;
 })(WindowServiceEvent || (WindowServiceEvent = {}));
 
 class IWindowContent extends DestroyableContainer {
+    container;
+    // --------------------------------------------------------------------------
+    //
+    //  Properties=
+    //
+    // --------------------------------------------------------------------------
+    _window;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -6279,18 +6398,18 @@ class IWindowContent extends DestroyableContainer {
             this.commitWindowProperties();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: IWindowContent, selector: "ng-component", inputs: { isDisabled: "isDisabled", window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-IWindowContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-IWindowContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IWindowContent, selector: "ng-component", inputs: { isDisabled: "isDisabled", window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IWindowContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IWindowContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [WINDOW_CONTENT_CONTAINER]
-                }] }]; }, propDecorators: { isDisabled: [{
+                }] }], propDecorators: { isDisabled: [{
                 type: Input
             }], window: [{
                 type: Input
@@ -6298,6 +6417,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 const WINDOW_CONTENT_CONTAINER = new InjectionToken('WINDOW_CONTENT_CONTAINER');
 
 class WindowClosedError extends ExtendedError {
+    // --------------------------------------------------------------------------
+    //
+    //  Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static CODE = ExtendedError.DEFAULT_ERROR_CODE;
+    static MESSAGE = 'WINDOW_CLOSED';
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -6307,15 +6433,17 @@ class WindowClosedError extends ExtendedError {
         super(message, code);
     }
 }
-// --------------------------------------------------------------------------
-//
-//  Static Methods
-//
-// --------------------------------------------------------------------------
-WindowClosedError.CODE = ExtendedError.DEFAULT_ERROR_CODE;
-WindowClosedError.MESSAGE = 'WINDOW_CLOSED';
 
 class INotification {
+    // --------------------------------------------------------------------------
+    //
+    // 	Interface Methods
+    //
+    // --------------------------------------------------------------------------
+    events;
+    container;
+    config;
+    content;
 }
 var NotificationEvent;
 (function (NotificationEvent) {
@@ -6323,6 +6451,15 @@ var NotificationEvent;
 })(NotificationEvent || (NotificationEvent = {}));
 
 class INotificationContent extends DestroyableContainer {
+    container;
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    timer;
+    _config;
+    _notification;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -6331,7 +6468,6 @@ class INotificationContent extends DestroyableContainer {
     constructor(container) {
         super();
         this.container = container;
-        this.timerHandler = () => this.handleCloseClick();
     }
     // --------------------------------------------------------------------------
     //
@@ -6353,6 +6489,7 @@ class INotificationContent extends DestroyableContainer {
             this.timer = null;
         }
     }
+    timerHandler = () => this.handleCloseClick();
     // --------------------------------------------------------------------------
     //
     //  Public Methods
@@ -6439,17 +6576,28 @@ class INotificationContent extends DestroyableContainer {
     get config() {
         return this._config;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: INotificationContent, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-INotificationContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-INotificationContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: INotificationContent, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: INotificationContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: INotificationContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { config: [{
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { config: [{
                 type: Input
             }] } });
 
 class NotificationConfig extends WindowConfig {
+    // --------------------------------------------------------------------------
+    //
+    // 	Properties
+    //
+    // --------------------------------------------------------------------------
+    icon;
+    sound;
+    iconId;
+    picture;
+    closeDuration;
+    isRemoveAfterClose;
     // --------------------------------------------------------------------------
     //
     // 	Constructor
@@ -6479,6 +6627,7 @@ class BottomSheetService extends Destroyable {
 }
 
 class LocalStorageService extends DestroyableContainer {
+    nativeWindow;
     //--------------------------------------------------------------------------
     //
     // 	Constructor
@@ -6534,15 +6683,12 @@ class LocalStorageService extends DestroyableContainer {
 }
 
 class DateValueStorage extends ValueStorage {
-    constructor() {
-        //--------------------------------------------------------------------------
-        //
-        // 	Public Methods
-        //
-        //--------------------------------------------------------------------------
-        super(...arguments);
-        this.defaultExpirationDelta = 0;
-    }
+    //--------------------------------------------------------------------------
+    //
+    // 	Public Methods
+    //
+    //--------------------------------------------------------------------------
+    defaultExpirationDelta = 0;
     //--------------------------------------------------------------------------
     //
     // 	Protected Methods
@@ -6594,6 +6740,14 @@ class BooleanValueStorage extends ValueStorage {
 }
 
 class LazyModuleLoader extends Loadable {
+    compiler;
+    injector;
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    _modules;
     //--------------------------------------------------------------------------
     //
     //  Constructor
@@ -6667,15 +6821,21 @@ class LazyModuleLoader extends Loadable {
     get modules() {
         return this._modules;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LazyModuleLoader, deps: [{ token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
 }
-LazyModuleLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LazyModuleLoader, deps: [{ token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-LazyModuleLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LazyModuleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LazyModuleLoader, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i0.Compiler }, { type: i0.Injector }]; } });
+        }], ctorParameters: () => [{ type: i0.Compiler }, { type: i0.Injector }] });
 
 class TransportLazyModuleLoadedEvent extends TransportEvent {
+    // --------------------------------------------------------------------------
+    //
+    //  Public Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static NAME = 'TransportLazyModuleLoadedEvent';
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -6685,14 +6845,9 @@ class TransportLazyModuleLoadedEvent extends TransportEvent {
         super(TransportLazyModuleLoadedEvent.NAME, request);
     }
 }
-// --------------------------------------------------------------------------
-//
-//  Public Static Properties
-//
-// --------------------------------------------------------------------------
-TransportLazyModuleLoadedEvent.NAME = 'TransportLazyModuleLoadedEvent';
 
 class TransportLazy extends TransportLocal {
+    loader;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -6782,6 +6937,8 @@ class TransportLazy extends TransportLocal {
 }
 
 class TransportLazyModule {
+    reference;
+    transport;
     //--------------------------------------------------------------------------
     //
     //  Constructor
@@ -6868,61 +7025,61 @@ class VIModule {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: VIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: VIModule, declarations: [TimePipe,
+            FinancePipe,
+            SanitizePipe,
+            TruncatePipe,
+            PrettifyPipe,
+            CamelCasePipe,
+            StartCasePipe,
+            NgModelErrorPipe,
+            IsServerDirective,
+            IsBrowserDirective,
+            MomentDatePipe,
+            MomentTimePipe,
+            MomentDateFromNowPipe,
+            MomentDateAdaptivePipe,
+            FocusDirective,
+            ResizeDirective,
+            ScrollDirective,
+            ScrollCheckDirective,
+            ClickToCopyDirective,
+            SelectOnFocusDirective,
+            ClickToSelectDirective,
+            InfiniteScrollDirective,
+            HTMLTitleDirective,
+            HTMLContentTitleDirective,
+            AutoScrollBottomDirective,
+            AspectRatioResizeDirective], imports: [CookieModule, ThemeModule, LanguageModule, AssetModule], exports: [CookieModule, ThemeModule, LanguageModule, AssetModule, TimePipe,
+            FinancePipe,
+            SanitizePipe,
+            TruncatePipe,
+            PrettifyPipe,
+            CamelCasePipe,
+            StartCasePipe,
+            NgModelErrorPipe,
+            IsServerDirective,
+            IsBrowserDirective,
+            MomentDatePipe,
+            MomentTimePipe,
+            MomentDateFromNowPipe,
+            MomentDateAdaptivePipe,
+            FocusDirective,
+            ResizeDirective,
+            ScrollDirective,
+            ScrollCheckDirective,
+            ClickToCopyDirective,
+            SelectOnFocusDirective,
+            ClickToSelectDirective,
+            InfiniteScrollDirective,
+            HTMLTitleDirective,
+            HTMLContentTitleDirective,
+            AutoScrollBottomDirective,
+            AspectRatioResizeDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: VIModule, imports: [imports, CookieModule, ThemeModule, LanguageModule, AssetModule] });
 }
-VIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: VIModule, declarations: [TimePipe,
-        FinancePipe,
-        SanitizePipe,
-        TruncatePipe,
-        PrettifyPipe,
-        CamelCasePipe,
-        StartCasePipe,
-        NgModelErrorPipe,
-        IsServerDirective,
-        IsBrowserDirective,
-        MomentDatePipe,
-        MomentTimePipe,
-        MomentDateFromNowPipe,
-        MomentDateAdaptivePipe,
-        FocusDirective,
-        ResizeDirective,
-        ScrollDirective,
-        ScrollCheckDirective,
-        ClickToCopyDirective,
-        SelectOnFocusDirective,
-        ClickToSelectDirective,
-        InfiniteScrollDirective,
-        HTMLTitleDirective,
-        HTMLContentTitleDirective,
-        AutoScrollBottomDirective,
-        AspectRatioResizeDirective], imports: [CookieModule, ThemeModule, LanguageModule, AssetModule], exports: [CookieModule, ThemeModule, LanguageModule, AssetModule, TimePipe,
-        FinancePipe,
-        SanitizePipe,
-        TruncatePipe,
-        PrettifyPipe,
-        CamelCasePipe,
-        StartCasePipe,
-        NgModelErrorPipe,
-        IsServerDirective,
-        IsBrowserDirective,
-        MomentDatePipe,
-        MomentTimePipe,
-        MomentDateFromNowPipe,
-        MomentDateAdaptivePipe,
-        FocusDirective,
-        ResizeDirective,
-        ScrollDirective,
-        ScrollCheckDirective,
-        ClickToCopyDirective,
-        SelectOnFocusDirective,
-        ClickToSelectDirective,
-        InfiniteScrollDirective,
-        HTMLTitleDirective,
-        HTMLContentTitleDirective,
-        AutoScrollBottomDirective,
-        AspectRatioResizeDirective] });
-VIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VIModule, imports: [imports, CookieModule, ThemeModule, LanguageModule, AssetModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VIModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: VIModule, decorators: [{
             type: NgModule,
             args: [{
                     imports,
@@ -6931,6 +7088,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 class IVIOptions extends ICookieOptions {
+    loggerLevel;
+    themeOptions;
+    languageOptions;
 }
 function initializerFactory(nativeWindow, rendererFactory2) {
     ViewUtil.renderer = rendererFactory2.createRenderer(null, null);
@@ -6957,5 +7117,5 @@ const VI_ANGULAR_OPTIONS = new InjectionToken(`VI_ANGULAR_OPTIONS`);
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BooleanValueStorage, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, DateValueStorage, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVIOptions, IWindow, IWindowContent, InfiniteScrollDirective, IsBrowserDirective, IsServerDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageModule, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LazyModuleLoader, ListItem, ListItems, LocalStorageService, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, LoginTokenStorage, MenuItem, MenuItemBase, MenuItems, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationConfig, NotificationEvent, NotificationService, NotificationServiceEvent, PipeBaseService, PlatformService, PrettifyPipe, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, RouterSelectListItems, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListItem, SelectListItems, SelectOnFocusDirective, StartCasePipe, StructureDirective, THEME_OPTIONS, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetIconDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VIModule, VI_ANGULAR_OPTIONS, ValueStorage, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowClosedError, WindowConfig, WindowEvent, WindowService, WindowServiceEvent, cookieServiceFactory, initializerFactory, languageServiceFactory, localStorageServiceFactory, loggerServiceFactory, loginTokenStorageServiceFactory, nativeWindowServiceFactory, themeAssetServiceFactory, themeServiceFactory };
+export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BooleanValueStorage, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, DateValueStorage, Direction, FinancePipe, FocusDirective, FocusManager, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVIOptions, IWindow, IWindowContent, InfiniteScrollDirective, IsBrowserDirective, IsServerDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageModule, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LazyModuleLoader, ListItem, ListItems, LocalStorageService, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, LoginTokenStorage, MenuItem, MenuItemBase, MenuItems, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationConfig, NotificationEvent, NotificationService, NotificationServiceEvent, PipeBaseService, PlatformService, PrettifyPipe, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, RouterSelectListItems, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListItem, SelectListItems, SelectOnFocusDirective, StartCasePipe, StructureDirective, THEME_OPTIONS, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetIconDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VIModule, VI_ANGULAR_OPTIONS, ValueStorage, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowClosedError, WindowConfig, WindowEvent, WindowService, WindowServiceEvent, cookieServiceFactory, initializerFactory, languageServiceFactory, localStorageServiceFactory, loggerServiceFactory, loginTokenStorageServiceFactory, nativeWindowServiceFactory, themeAssetServiceFactory, themeServiceFactory };
 //# sourceMappingURL=ts-core-angular.mjs.map