@ts-core/angular 19.0.14 → 21.0.0

package/fesm2022/ts-core-angular.mjs

@@ -184,10 +184,10 @@ class ApplicationComponentBase extends DestroyableContainer {
     get isViewReady() {
         return !_.isNil(this.viewReadyPromise) ? this.viewReadyPromise.isResolved : false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ApplicationComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ApplicationComponentBase, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ApplicationComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: ApplicationComponentBase, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ApplicationComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ApplicationComponentBase, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: () => [] });
@@ -1012,10 +1012,10 @@ class AssetBackgroundDirective extends Destroyable {
     get background() {
         return this._background;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: AssetBackgroundDirective, isStandalone: false, selector: "[vi-asset-background]", inputs: { isIcon: ["isIcon", "isIcon", booleanAttribute], isImage: ["isImage", "isImage", booleanAttribute], isUrl: ["isUrl", "isUrl", booleanAttribute], repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: AssetBackgroundDirective, isStandalone: false, selector: "[vi-asset-background]", inputs: { isIcon: ["isIcon", "isIcon", booleanAttribute], isImage: ["isImage", "isImage", booleanAttribute], isUrl: ["isUrl", "isUrl", booleanAttribute], repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-asset-background]',
@@ -1048,10 +1048,10 @@ class AssetBackgroundPipe {
     transform(name, extension = 'png') {
         return Assets.getBackground(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetBackgroundPipe, isStandalone: false, name: "viAssetBackground" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetBackgroundPipe, isStandalone: false, name: "viAssetBackground" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetBackground',
@@ -1068,10 +1068,10 @@ class AssetIconPipe {
     transform(name, extension = 'png') {
         return Assets.getIcon(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetIconPipe, isStandalone: false, name: "viAssetIcon" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetIconPipe, isStandalone: false, name: "viAssetIcon" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetIcon',
@@ -1088,10 +1088,10 @@ class AssetFilePipe {
     transform(name, extension) {
         return Assets.getFile(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetFilePipe, isStandalone: false, name: "viAssetFile" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetFilePipe, isStandalone: false, name: "viAssetFile" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetFilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetFilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetFile',
@@ -1108,10 +1108,10 @@ class AssetVideoPipe {
     transform(name, extension = 'mp4') {
         return Assets.getVideo(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetVideoPipe, isStandalone: false, name: "viAssetVideo" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetVideoPipe, isStandalone: false, name: "viAssetVideo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetVideoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetVideoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetVideo',
@@ -1128,10 +1128,10 @@ class AssetSoundPipe {
     transform(name, extension = 'mp3') {
         return Assets.getSound(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetSoundPipe, isStandalone: false, name: "viAssetSound" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetSoundPipe, isStandalone: false, name: "viAssetSound" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetSoundPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetSoundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetSound',
@@ -1148,10 +1148,10 @@ class AssetImagePipe {
     transform(name, extension = 'png') {
         return Assets.getImage(name, extension);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: AssetImagePipe, isStandalone: false, name: "viAssetImage" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AssetImagePipe, isStandalone: false, name: "viAssetImage" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetImagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetImage',
@@ -1161,11 +1161,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 
 let declarations$3 = [AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe, AssetBackgroundDirective];
 class AssetModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", 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: "19.2.11", ngImport: i0, type: AssetModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.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: "21.0.8", ngImport: i0, type: AssetModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AssetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AssetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1270,10 +1270,10 @@ class PlatformService extends Destroyable {
     get isPlatformBrowser() {
         return this._isPlatformBrowser;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: PlatformService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PlatformService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: PlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PlatformService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -1303,11 +1303,11 @@ class CookieModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: CookieModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CookieModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: CookieModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CookieModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CookieModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CookieModule, decorators: [{
             type: NgModule
         }] });
 function cookieServiceFactory(nativeWindow, options, platform) {
@@ -1525,10 +1525,10 @@ class AspectRatioResizeDirective extends Destroyable {
     get ratio() {
         return this._ratio;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: AspectRatioResizeDirective, isStandalone: false, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: ["ratio", "ratio", numberAttribute] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: AspectRatioResizeDirective, isStandalone: false, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: ["ratio", "ratio", numberAttribute] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-aspect-ratio]',
@@ -1645,10 +1645,10 @@ class ScrollDirective extends Destroyable {
     get scrollValue() {
         return this._scrollValue;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: ScrollDirective, isStandalone: false, selector: "[vi-scroll]", inputs: { scrollValue: ["scrollValue", "scrollValue", numberAttribute] }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: ScrollDirective, isStandalone: false, selector: "[vi-scroll]", inputs: { scrollValue: ["scrollValue", "scrollValue", numberAttribute] }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll]',
@@ -1716,10 +1716,10 @@ class InfiniteScrollDirective extends ScrollDirective {
     get scrollHeight() {
         return this.element.scrollHeight;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: InfiniteScrollDirective, isStandalone: false, selector: "[vi-infinite-scroll]", inputs: { elementHeight: ["elementHeight", "elementHeight", numberAttribute] }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: InfiniteScrollDirective, isStandalone: false, selector: "[vi-infinite-scroll]", inputs: { elementHeight: ["elementHeight", "elementHeight", numberAttribute] }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-infinite-scroll]',
@@ -1835,10 +1835,10 @@ class AutoScrollBottomDirective extends InfiniteScrollDirective {
         this.isScrollLocked = true;
         this.scrollCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: AutoScrollBottomDirective, isStandalone: false, selector: "[vi-auto-scroll-bottom]", inputs: { behavior: "behavior", trigger: ["vi-auto-scroll-bottom", "trigger"] }, outputs: { triggerChanged: "triggerChanged" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: AutoScrollBottomDirective, isStandalone: false, 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: "19.2.11", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-auto-scroll-bottom]',
@@ -1885,10 +1885,10 @@ class ClickToCopyDirective extends Destroyable {
         this.element = null;
         clearTimeout(this.selectionClearTimer);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: ClickToCopyDirective, isStandalone: false, selector: "[vi-click-to-copy]", inputs: { element: ["vi-click-to-copy", "element"] }, host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: ClickToCopyDirective, isStandalone: false, 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: "19.2.11", ngImport: i0, type: ClickToCopyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ClickToCopyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-copy]',
@@ -1940,10 +1940,10 @@ class ClickToSelectDirective extends Destroyable {
         super.destroy();
         this.element = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: ClickToSelectDirective, isStandalone: false, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: ClickToSelectDirective, isStandalone: false, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ClickToSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ClickToSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-select]',
@@ -2048,10 +2048,10 @@ class FocusDirective extends Destroyable {
     set trigger(value) {
         this.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: FocusDirective, isStandalone: false, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: FocusDirective, isStandalone: false, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-focus]',
@@ -2093,10 +2093,10 @@ class SelectOnFocusDirective extends Destroyable {
         super.destroy();
         this.element = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: SelectOnFocusDirective, isStandalone: false, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SelectOnFocusDirective, isStandalone: false, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-select-on-focus]',
@@ -2161,10 +2161,10 @@ class ResizeDirective extends Destroyable {
             this.interactable = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: ResizeDirective, isStandalone: false, selector: "[vi-resize]", inputs: { isTop: ["isTop", "isTop", booleanAttribute], isLeft: ["isLeft", "isLeft", booleanAttribute], isRight: ["isRight", "isRight", booleanAttribute], isBottom: ["isBottom", "isBottom", booleanAttribute] }, outputs: { resized: "resized" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: ResizeDirective, isStandalone: false, selector: "[vi-resize]", inputs: { isTop: ["isTop", "isTop", booleanAttribute], isLeft: ["isLeft", "isLeft", booleanAttribute], isRight: ["isRight", "isRight", booleanAttribute], isBottom: ["isBottom", "isBottom", booleanAttribute] }, outputs: { resized: "resized" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ResizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-resize]',
@@ -2340,10 +2340,10 @@ class ScrollCheckDirective extends Destroyable {
     get scrollLimit() {
         return this._scrollLimit;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: ScrollCheckDirective, isStandalone: false, selector: "[vi-scroll-check]", inputs: { delay: ["delay", "delay", numberAttribute], offset: ["offset", "offset", numberAttribute], scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: ScrollCheckDirective, isStandalone: false, selector: "[vi-scroll-check]", inputs: { delay: ["delay", "delay", numberAttribute], offset: ["offset", "offset", numberAttribute], scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ScrollCheckDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ScrollCheckDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll-check]',
@@ -2437,10 +2437,10 @@ class LanguagePipe extends Destroyable {
         this.lastParams = null;
         this.lastValue = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipe, isStandalone: false, name: "viTranslate", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", ngImport: i0, type: LanguagePipe, isStandalone: false, name: "viTranslate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslate',
@@ -2503,10 +2503,10 @@ class HTMLTitleDirective extends Destroyable {
     get value() {
         return this._value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: HTMLTitleDirective, isStandalone: false, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: HTMLTitleDirective, isStandalone: false, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: HTMLTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HTMLTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-title]',
@@ -2572,10 +2572,10 @@ class HTMLContentTitleDirective extends Destroyable {
     get value() {
         return this._value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: HTMLContentTitleDirective, isStandalone: false, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: HTMLContentTitleDirective, isStandalone: false, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-content-title]',
@@ -2596,10 +2596,10 @@ class IsBrowserDirective extends StructureDirective {
         super(templateRef, container);
         this.isNeedAdd = platform.isPlatformBrowser;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: IsBrowserDirective, isStandalone: false, selector: "[viIsBrowser]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: IsBrowserDirective, isStandalone: false, selector: "[viIsBrowser]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: IsBrowserDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IsBrowserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsBrowser]',
@@ -2617,10 +2617,10 @@ class IsServerDirective extends StructureDirective {
         super(templateRef, container);
         this.isNeedAdd = platform.isPlatformServer;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: IsServerDirective, isStandalone: false, selector: "[viIsServer]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: IsServerDirective, isStandalone: false, selector: "[viIsServer]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: IsServerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IsServerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsServer]',
@@ -2643,13 +2643,14 @@ class NullEmptyValueDirective {
     //  Event Listener
     //
     //--------------------------------------------------------------------------
-    onEvent(target) {
+    onEvent(event) {
+        let target = event.target;
         this.control.viewToModelUpdate(_.isEmpty(target.value) ? null : target.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NullEmptyValueDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: NullEmptyValueDirective, isStandalone: false, selector: "input[nullEmptyValue]", host: { listeners: { "input": "onEvent($event.target)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NullEmptyValueDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: NullEmptyValueDirective, isStandalone: false, selector: "input[nullEmptyValue]", host: { listeners: { "input": "onEvent($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NullEmptyValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NullEmptyValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[nullEmptyValue]',
@@ -2657,7 +2658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.NgControl }], propDecorators: { onEvent: [{
                 type: HostListener,
-                args: ['input', ['$event.target']]
+                args: ['input', ['$event']]
             }] } });
 
 class UppercaseValueDirective {
@@ -2675,16 +2676,16 @@ class UppercaseValueDirective {
     //  Event Listener
     //
     //--------------------------------------------------------------------------
-    onEvent(target) {
-        let { value } = target;
-        if (!_.isEmpty(value)) {
-            target.value = value.toUpperCase();
+    onEvent(event) {
+        let target = event.target;
+        if (!_.isEmpty(target.value)) {
+            target.value = target.value.toUpperCase();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: UppercaseValueDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: UppercaseValueDirective, isStandalone: false, selector: "input[uppercaseValue]", host: { listeners: { "input": "onEvent($event.target)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: UppercaseValueDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: UppercaseValueDirective, isStandalone: false, selector: "input[uppercaseValue]", host: { listeners: { "input": "onEvent($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: UppercaseValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: UppercaseValueDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: false,
@@ -2692,7 +2693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.NgControl }], propDecorators: { onEvent: [{
                 type: HostListener,
-                args: ['input', ['$event.target']]
+                args: ['input', ['$event']]
             }] } });
 
 class LanguagePipePure extends Destroyable {
@@ -2721,10 +2722,10 @@ class LanguagePipePure extends Destroyable {
         super.destroy();
         this.language = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipePure, isStandalone: false, name: "viTranslatePure" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipePure, isStandalone: false, name: "viTranslatePure" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipePure, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipePure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslatePure',
@@ -2790,10 +2791,10 @@ class LanguageResolver extends LanguageRequireResolver {
     constructor(service) {
         super(service);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageResolver, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageResolver, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.LanguageService }] });
@@ -2876,10 +2877,10 @@ class LanguageDirective extends Destroyable {
     get params() {
         return this._params;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: LanguageDirective, isStandalone: false, selector: "[vi-translate]", inputs: { isNeedTitle: ["isNeedTitle", "isNeedTitle", booleanAttribute], key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: LanguageDirective, isStandalone: false, selector: "[vi-translate]", inputs: { isNeedTitle: ["isNeedTitle", "isNeedTitle", booleanAttribute], key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-translate]',
@@ -2932,10 +2933,10 @@ class LanguageToggleDirective extends Destroyable {
         super.destroy();
         this.language = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageToggleDirective, deps: [{ token: i1.LanguageService }, { token: i1.SettingsServiceBase }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: LanguageToggleDirective, isStandalone: false, selector: "[vi-language-toggle]", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageToggleDirective, deps: [{ token: i1.LanguageService }, { token: i1.SettingsServiceBase }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: LanguageToggleDirective, isStandalone: false, selector: "[vi-language-toggle]", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-language-toggle]',
@@ -2993,10 +2994,10 @@ class LanguagePipeHas extends Destroyable {
         this.language = null;
         this.key = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHas, isStandalone: false, name: "viTranslateHas", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHas, isStandalone: false, name: "viTranslateHas", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHas, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHas, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHas',
@@ -3031,10 +3032,10 @@ class LanguagePipeHasPure extends Destroyable {
         super.destroy();
         this.language = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHasPure, isStandalone: false, name: "viTranslateHasPure" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHasPure, isStandalone: false, name: "viTranslateHasPure" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHasPure',
@@ -3108,10 +3109,10 @@ class LanguageHasDirective extends StructureDirective {
     get viTranslateHasIsOnlyIfNotEmpty() {
         return this._isOnlyIfNotEmpty;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: LanguageHasDirective, isStandalone: false, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: LanguageHasDirective, isStandalone: false, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageHasDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageHasDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viTranslateHas]',
@@ -3153,11 +3154,11 @@ class LanguageModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageToggleDirective, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageToggleDirective, LanguageHasDirective, LanguageDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageModule, imports: [CookieModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageToggleDirective, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageToggleDirective, LanguageHasDirective, LanguageDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageModule, imports: [CookieModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LanguageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LanguageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -3460,10 +3461,10 @@ 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: "19.2.11", ngImport: i0, type: LoginGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginGuard, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginGuard, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -3496,10 +3497,10 @@ 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: "19.2.11", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginNotGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginNotGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -3516,10 +3517,10 @@ class LoginResolver extends LoginRequireResolver {
     constructor(login) {
         super(login);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginResolver, deps: [{ token: LoginServiceBase }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginResolver, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginResolver, deps: [{ token: LoginServiceBase }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginResolver, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -3565,10 +3566,10 @@ class LoginIfCanGuard extends LoginGuard {
         }
         return super.canActivate(route, state);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginServiceBase }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LoginIfCanGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LoginIfCanGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -4381,55 +4382,27 @@ class RouterSelectListItems extends SelectListItems {
     }
 }
 
-class PrettifyPipe {
-    // --------------------------------------------------------------------------
-    //
-    // 	Static Properties
-    //
-    // --------------------------------------------------------------------------
-    static EMPTY_SYMBOL = '-';
+class CamelCasePipe {
     // --------------------------------------------------------------------------
     //
-    // 	Public Methods
+    // 	Static Methods
     //
     // --------------------------------------------------------------------------
-    transform(value) {
-        let isNil = _.isNil(value);
-        if (!isNil && !_.isNumber(value)) {
-            isNil = _.isEmpty(value);
-        }
-        return !isNil ? value : PrettifyPipe.EMPTY_SYMBOL;
+    static transform(value) {
+        return !_.isNil(value) ? _.camelCase(value) : null;
     }
-    // --------------------------------------------------------------------------
-    //
-    //	Constructor
-    //
-    // --------------------------------------------------------------------------
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: PrettifyPipe, isStandalone: false, name: "viPrettify" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: PrettifyPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'viPrettify',
-                    standalone: false
-                }]
-        }], ctorParameters: () => [] });
-
-class CamelCasePipe {
     // --------------------------------------------------------------------------
     //
     // 	Public Methods
     //
     // --------------------------------------------------------------------------
     transform(value) {
-        return !_.isNil(value) ? _.camelCase(value) : PrettifyPipe.EMPTY_SYMBOL;
+        return CamelCasePipe.transform(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: CamelCasePipe, isStandalone: false, name: "viCamelCase" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: CamelCasePipe, isStandalone: false, name: "viCamelCase" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CamelCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CamelCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCamelCase',
@@ -4458,12 +4431,7 @@ class FinancePipe {
             return value.toString();
         }
     }
-    // --------------------------------------------------------------------------
-    //
-    //	Public Methods
-    //
-    // --------------------------------------------------------------------------
-    transform(value, format, isNeedPlus = false) {
+    static transform(value, format, isNeedPlus = false) {
         value = Number(value);
         if (_.isNaN(value)) {
             return '---';
@@ -4476,10 +4444,18 @@ class FinancePipe {
         }
         return FinancePipe.format(value, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: FinancePipe, isStandalone: false, name: "viFinance" });
+    // --------------------------------------------------------------------------
+    //
+    //	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    transform(value, format, isNeedPlus = false) {
+        return FinancePipe.transform(value, format, isNeedPlus);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: FinancePipe, isStandalone: false, name: "viFinance" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: FinancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FinancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viFinance',
@@ -4531,22 +4507,25 @@ class MomentDatePipe {
         let item = MomentDatePipe.parseMoment(RemoveFilterableCondition(value));
         return item.isValid() ? `${GetFilterableCondition(value) || '='}${item.toDate().toString()}` : undefined;
     }
+    static transform(value, format) {
+        if (_.isNil(value)) {
+            return '---';
+        }
+        let moment = MomentDatePipe.parseMoment(value);
+        return moment.format(format || MomentDatePipe.DEFAULT_FORMAT);
+    }
     // --------------------------------------------------------------------------
     //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
     transform(value, format) {
-        if (_.isNil(value)) {
-            return '---';
-        }
-        let moment = MomentDatePipe.parseMoment(value);
-        return moment.format(format || MomentDatePipe.DEFAULT_FORMAT);
+        return MomentDatePipe.transform(value, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: MomentDatePipe, isStandalone: false, name: "viMomentDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: MomentDatePipe, isStandalone: false, name: "viMomentDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDate',
@@ -4566,10 +4545,10 @@ class MomentDateAdaptivePipe {
     static YEAR_FORMAT = 'LLL';
     // --------------------------------------------------------------------------
     //
-    //	Public Methods
+    //	Static Methods
     //
     // --------------------------------------------------------------------------
-    transform(value) {
+    static transform(value) {
         if (_.isNaN(value)) {
             return '---';
         }
@@ -4590,10 +4569,18 @@ class MomentDateAdaptivePipe {
         }
         return item.format(format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: MomentDateAdaptivePipe, isStandalone: false, name: "viMomentAdaptiveDate" });
+    // --------------------------------------------------------------------------
+    //
+    //	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    transform(value) {
+        return MomentDateAdaptivePipe.transform(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: MomentDateAdaptivePipe, isStandalone: false, name: "viMomentAdaptiveDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentAdaptiveDate',
@@ -4602,18 +4589,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
         }] });
 
 class MomentDateFromNowPipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static transform(value, format) {
+        return MomentDatePipe.fromNow(value, format);
+    }
     // --------------------------------------------------------------------------
     //
     //	Public Methods
     //
     // --------------------------------------------------------------------------
     transform(value, format) {
-        return MomentDatePipe.fromNow(value, format);
+        return MomentDateFromNowPipe.transform(value, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: MomentDateFromNowPipe, isStandalone: false, name: "viMomentDateFromNow" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: MomentDateFromNowPipe, isStandalone: false, name: "viMomentDateFromNow" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDateFromNow',
@@ -4630,10 +4625,10 @@ class MomentTimePipe {
     static DEFAULT_FORMAT = 'hh:mm:ss';
     // --------------------------------------------------------------------------
     //
-    //	Public Methods
+    //	Static Methods
     //
     // --------------------------------------------------------------------------
-    transform(timeMilliseconds, format) {
+    static transform(timeMilliseconds, format) {
         if (_.isNil(timeMilliseconds)) {
             return '---';
         }
@@ -4642,10 +4637,18 @@ class MomentTimePipe {
             .add(timeMilliseconds, 'milliseconds')
             .format(format || MomentTimePipe.DEFAULT_FORMAT);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: MomentTimePipe, isStandalone: false, name: "viMomentTime" });
+    // --------------------------------------------------------------------------
+    //
+    //	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    transform(timeMilliseconds, format) {
+        return MomentTimePipe.transform(timeMilliseconds, format);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: MomentTimePipe, isStandalone: false, name: "viMomentTime" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MomentTimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MomentTimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentTime',
@@ -4682,10 +4685,10 @@ class NgModelErrorPipe {
     constructor(language) {
         this.language = language;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: NgModelErrorPipe, isStandalone: false, name: "viNgModelError" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: NgModelErrorPipe, isStandalone: false, name: "viNgModelError" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgModelErrorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NgModelErrorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viNgModelError',
@@ -4727,10 +4730,10 @@ class SanitizePipe {
                 throw new Error('Invalid safe type specified: ' + type);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: SanitizePipe, isStandalone: false, name: "viSanitize" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SanitizePipe, isStandalone: false, name: "viSanitize" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SanitizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viSanitize',
@@ -4739,18 +4742,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
         }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
 
 class StartCasePipe {
+    // --------------------------------------------------------------------------
+    //
+    // 	Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static transform(value) {
+        return !_.isEmpty(value) ? value.charAt(0).toUpperCase() + value.slice(1) : null;
+    }
     // --------------------------------------------------------------------------
     //
     // 	Public Methods
     //
     // --------------------------------------------------------------------------
     transform(value) {
-        return !_.isEmpty(value) ? value.charAt(0).toUpperCase() + value.slice(1) : PrettifyPipe.EMPTY_SYMBOL;
+        return StartCasePipe.transform(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: StartCasePipe, isStandalone: false, name: "viStartCase" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: StartCasePipe, isStandalone: false, name: "viStartCase" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StartCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StartCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viStartCase',
@@ -4759,18 +4770,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
         }] });
 
 class TruncatePipe {
+    // --------------------------------------------------------------------------
+    //
+    //	Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static transform(value, maxLength) {
+        return !_.isEmpty(value) ? _.truncate(value, { length: maxLength }) : null;
+    }
     // --------------------------------------------------------------------------
     //
     // 	Public Methods
     //
     // --------------------------------------------------------------------------
     transform(value, maxLength) {
-        return !_.isEmpty(value) ? _.truncate(value, { length: maxLength }) : PrettifyPipe.EMPTY_SYMBOL;
+        return TruncatePipe.transform(value, maxLength);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: TruncatePipe, isStandalone: false, name: "viTruncate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: TruncatePipe, isStandalone: false, name: "viTruncate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTruncate',
@@ -4778,6 +4797,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 }]
         }] });
 
+class PrettifyPipe {
+    // --------------------------------------------------------------------------
+    //
+    // 	Static Properties
+    //
+    // --------------------------------------------------------------------------
+    static EMPTY_SYMBOL = '-';
+    // --------------------------------------------------------------------------
+    //
+    // 	Static Methods
+    //
+    // --------------------------------------------------------------------------
+    static transform(value) {
+        let isNil = _.isNil(value);
+        if (!isNil && !_.isNumber(value)) {
+            isNil = _.isEmpty(value);
+        }
+        return !isNil ? value : PrettifyPipe.EMPTY_SYMBOL;
+    }
+    // --------------------------------------------------------------------------
+    //
+    // 	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    transform(value) {
+        return PrettifyPipe.transform(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: PrettifyPipe, isStandalone: false, name: "viPrettify" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PrettifyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'viPrettify',
+                    standalone: false
+                }]
+        }] });
+
 class TimePipe {
     // --------------------------------------------------------------------------
     //
@@ -4787,23 +4844,31 @@ class TimePipe {
     static DEFAULT_FORMAT = '00:00:00';
     // --------------------------------------------------------------------------
     //
-    //	Public Methods
+    //	Static Methods
     //
     // --------------------------------------------------------------------------
-    transform(milliseconds, format) {
+    static transform(milliseconds, format) {
         milliseconds = Number(milliseconds);
         if (_.isNaN(milliseconds)) {
-            return PrettifyPipe.EMPTY_SYMBOL;
+            return null;
         }
         if (_.isNil(format)) {
             format = TimePipe.DEFAULT_FORMAT;
         }
         return FinancePipe.format(milliseconds / DateUtil.MILLISECONDS_SECOND, format);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: TimePipe, isStandalone: false, name: "viTime" });
+    // --------------------------------------------------------------------------
+    //
+    //	Public Methods
+    //
+    // --------------------------------------------------------------------------
+    transform(milliseconds, format) {
+        return TimePipe.transform(milliseconds, format);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: TimePipe, isStandalone: false, name: "viTime" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: TimePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTime',
@@ -5154,7 +5219,8 @@ class RouterServiceBase extends Loadable {
         if (!_.isNil(extras)) {
             Object.assign(params, extras);
         }
-        return this.router.navigateByUrl(url, params);
+        // return this.router.navigateByUrl(url, params);
+        return this.router.navigate([url], params);
     }
     navigateToExternalUrl(url, target = '_blank') {
         this.window.open(url, target);
@@ -5383,10 +5449,10 @@ class ServiceWorkerService extends Loadable {
     get isEnabled() {
         return this.updates.isEnabled;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ServiceWorkerService, deps: [{ token: i1$4.SwUpdate }, { token: i2.Logger }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ServiceWorkerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ServiceWorkerService, deps: [{ token: i1$4.SwUpdate }, { token: i2.Logger }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ServiceWorkerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ServiceWorkerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ServiceWorkerService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$4.SwUpdate }, { type: i2.Logger }, { type: NotificationService }] });
@@ -5504,10 +5570,10 @@ class ThemeStyleDirective extends Destroyable {
             this.stylePropertiesCheck();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: ThemeStyleDirective, isStandalone: false, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: ThemeStyleDirective, isStandalone: false, 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: "19.2.11", ngImport: i0, type: ThemeStyleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style]',
@@ -5608,10 +5674,10 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
     set flags(value) {
         super.flags = value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: ThemeStyleHoverDirective, isStandalone: false, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: ThemeStyleHoverDirective, isStandalone: false, 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: "19.2.11", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style-hover]',
@@ -5840,10 +5906,10 @@ class ThemeAssetDirective extends Destroyable {
         this._extension = value;
         this.setSourceProperties();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ThemeService }, { token: i1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.11", type: ThemeAssetDirective, isStandalone: true, inputs: { isSound: ["isSound", "isSound", booleanAttribute], isVideo: ["isVideo", "isVideo", booleanAttribute], isFile: ["isFile", "isFile", booleanAttribute], isImage: ["isImage", "isImage", booleanAttribute], isBackground: ["isBackground", "isBackground", booleanAttribute], isIgnoreTheme: ["isIgnoreTheme", "isIgnoreTheme", booleanAttribute], name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "16.1.0", version: "21.0.8", type: ThemeAssetDirective, isStandalone: true, inputs: { isSound: ["isSound", "isSound", booleanAttribute], isVideo: ["isVideo", "isVideo", booleanAttribute], isFile: ["isFile", "isFile", booleanAttribute], isImage: ["isImage", "isImage", booleanAttribute], isBackground: ["isBackground", "isBackground", booleanAttribute], isIgnoreTheme: ["isIgnoreTheme", "isIgnoreTheme", booleanAttribute], name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeAssetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeAssetDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeService }, { type: i1.ThemeAssetService }], propDecorators: { errorLoadingHandler: [{
                 type: HostListener,
@@ -5905,10 +5971,10 @@ class ThemeAssetBackgroundDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: ThemeAssetBackgroundDirective, isStandalone: false, selector: "[vi-theme-background]", inputs: { name: ["vi-theme-background", "name"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: ThemeAssetBackgroundDirective, isStandalone: false, selector: "[vi-theme-background]", inputs: { name: ["vi-theme-background", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-background]',
@@ -5951,10 +6017,10 @@ class ThemeAssetImageDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: ThemeAssetImageDirective, isStandalone: false, selector: "[vi-theme-image]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: ThemeAssetImageDirective, isStandalone: false, selector: "[vi-theme-image]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-image]',
@@ -5996,10 +6062,10 @@ class ThemeAssetIconDirective extends ThemeAssetDirective {
     get name() {
         return super.name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", 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: "19.2.11", type: ThemeAssetIconDirective, isStandalone: false, selector: "[vi-theme-icon]", inputs: { name: ["vi-theme-icon", "name"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", type: ThemeAssetIconDirective, isStandalone: false, selector: "[vi-theme-icon]", inputs: { name: ["vi-theme-icon", "name"] }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeAssetIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeAssetIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-icon]',
@@ -6044,10 +6110,10 @@ class ThemeToggleDirective extends Destroyable {
         super.destroy();
         this.theme = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: ThemeToggleDirective, isStandalone: false, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: ThemeToggleDirective, isStandalone: false, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-toggle]',
@@ -6093,8 +6159,8 @@ class ThemeModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective,
             ThemeAssetImageDirective,
             ThemeAssetIconDirective,
             ThemeAssetBackgroundDirective,
@@ -6105,9 +6171,9 @@ class ThemeModule {
             ThemeAssetBackgroundDirective,
             ThemeStyleDirective,
             ThemeStyleHoverDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeModule, imports: [CookieModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeModule, imports: [CookieModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -6666,6 +6732,7 @@ var WindowServiceEvent;
     WindowServiceEvent["SETTED_ON_TOP"] = "SETTED_ON_TOP";
 })(WindowServiceEvent || (WindowServiceEvent = {}));
 
+const WINDOW_CONTENT_CONTAINER = new InjectionToken('WINDOW_CONTENT_CONTAINER');
 class IWindowContent extends DestroyableContainer {
     container;
     // --------------------------------------------------------------------------
@@ -6785,10 +6852,10 @@ class IWindowContent extends DestroyableContainer {
             this.commitWindowProperties();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.11", type: IWindowContent, isStandalone: true, selector: "ng-component", inputs: { isDisabled: ["isDisabled", "isDisabled", booleanAttribute], window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.8", type: IWindowContent, isStandalone: true, selector: "ng-component", inputs: { isDisabled: ["isDisabled", "isDisabled", booleanAttribute], window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: IWindowContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IWindowContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -6802,7 +6869,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
             }], window: [{
                 type: Input
             }] } });
-const WINDOW_CONTENT_CONTAINER = new InjectionToken('WINDOW_CONTENT_CONTAINER');
 
 class WindowClosedError extends ExtendedError {
     // --------------------------------------------------------------------------
@@ -6964,10 +7030,10 @@ class INotificationContent extends DestroyableContainer {
     get config() {
         return this._config;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: INotificationContent, isStandalone: true, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: INotificationContent, isStandalone: true, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: INotificationContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: INotificationContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { config: [{
@@ -7259,10 +7325,10 @@ class LazyModuleLoader extends Loadable {
     get modules() {
         return this._modules;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LazyModuleLoader, deps: [{ token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.0.8", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: LazyModuleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LazyModuleLoader, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Compiler }, { type: i0.Injector }] });
@@ -7434,7 +7500,7 @@ let declarations = [
     AutoScrollBottomDirective,
     AspectRatioResizeDirective
 ];
-let exports = [...imports, ...declarations];
+let exports$1 = [...imports, ...declarations];
 class VIModule {
     // --------------------------------------------------------------------------
     //
@@ -7465,8 +7531,8 @@ class VIModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: VIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.11", ngImport: i0, type: VIModule, declarations: [TimePipe,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: VIModule, declarations: [TimePipe,
             FinancePipe,
             SanitizePipe,
             TruncatePipe,
@@ -7521,14 +7587,14 @@ class VIModule {
             HTMLContentTitleDirective,
             AutoScrollBottomDirective,
             AspectRatioResizeDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: VIModule, imports: [imports, CookieModule, ThemeModule, LanguageModule, AssetModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VIModule, imports: [imports, CookieModule, ThemeModule, LanguageModule, AssetModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: VIModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VIModule, decorators: [{
             type: NgModule,
             args: [{
                     imports,
                     declarations,
-                    exports
+                    exports: exports$1
                 }]
         }] });
 class IVIOptions extends ICookieOptions {