@ts-core/angular 13.1.34 → 13.1.36

package/fesm2020/ts-core-angular.mjs

@@ -120,9 +120,9 @@ class ApplicationBaseComponent extends DestroyableContainer {
         return !_.isNil(this.viewReadyPromise) ? this.viewReadyPromise.promise : null;
     }
 }
-ApplicationBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ApplicationBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ApplicationBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ApplicationBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
+ApplicationBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApplicationBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ApplicationBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ApplicationBaseComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return []; } });
@@ -1398,9 +1398,9 @@ class NotificationService {
         return this._notifications;
     }
 }
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, deps: [{ token: i1.MatDialog }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationService, decorators: [{
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationService, deps: [{ token: i1.MatDialog }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i1$1.LanguageService }]; } });
@@ -1634,9 +1634,9 @@ class AssetBackgroundDirective extends Destroyable {
         return this._background;
     }
 }
-AssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AssetBackgroundDirective, selector: "[vi-asset-background]", inputs: { isIcon: "isIcon", isImage: "isImage", isUrl: "isUrl", repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
+AssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetBackgroundDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: AssetBackgroundDirective, selector: "[vi-asset-background]", inputs: { isIcon: "isIcon", isImage: "isImage", isUrl: "isUrl", repeat: "repeat", extension: "extension", background: ["vi-asset-background", "background"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-asset-background]'
@@ -1666,9 +1666,9 @@ class AssetBackgroundPipe {
         return Assets.getBackground(name, extension);
     }
 }
-AssetBackgroundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetBackgroundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetBackgroundPipe, name: "viAssetBackground" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
+AssetBackgroundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetBackgroundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetBackgroundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetBackgroundPipe, name: "viAssetBackground" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetBackgroundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetBackground'
@@ -1685,9 +1685,9 @@ class AssetIconPipe {
         return Assets.getIcon(name, extension);
     }
 }
-AssetIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetIconPipe, name: "viAssetIcon" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetIconPipe, decorators: [{
+AssetIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetIconPipe, name: "viAssetIcon" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetIcon'
@@ -1704,9 +1704,9 @@ class AssetFilePipe {
         return Assets.getFile(name, extension);
     }
 }
-AssetFilePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetFilePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetFilePipe, name: "viAssetFile" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetFilePipe, decorators: [{
+AssetFilePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetFilePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetFilePipe, name: "viAssetFile" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetFilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetFile'
@@ -1723,9 +1723,9 @@ class AssetVideoPipe {
         return Assets.getVideo(name, extension);
     }
 }
-AssetVideoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetVideoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetVideoPipe, name: "viAssetVideo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetVideoPipe, decorators: [{
+AssetVideoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetVideoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetVideoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetVideoPipe, name: "viAssetVideo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetVideoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetVideo'
@@ -1742,9 +1742,9 @@ class AssetSoundPipe {
         return Assets.getSound(name, extension);
     }
 }
-AssetSoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetSoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetSoundPipe, name: "viAssetSound" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetSoundPipe, decorators: [{
+AssetSoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetSoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetSoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetSoundPipe, name: "viAssetSound" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetSoundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetSound'
@@ -1761,9 +1761,9 @@ class AssetImagePipe {
         return Assets.getImage(name, extension);
     }
 }
-AssetImagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AssetImagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetImagePipe, name: "viAssetImage" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetImagePipe, decorators: [{
+AssetImagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AssetImagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetImagePipe, name: "viAssetImage" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viAssetImage'
@@ -1772,10 +1772,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
 class AssetModule {
 }
-AssetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AssetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetModule, declarations: [AssetBackgroundDirective, AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe], imports: [CommonModule], exports: [AssetBackgroundDirective, AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe] });
-AssetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetModule, decorators: [{
+AssetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetModule, declarations: [AssetBackgroundDirective, AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe], imports: [CommonModule], exports: [AssetBackgroundDirective, AssetImagePipe, AssetIconPipe, AssetFilePipe, AssetSoundPipe, AssetVideoPipe, AssetBackgroundPipe] });
+AssetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -1876,9 +1876,9 @@ class PlatformService extends DestroyableContainer {
         return this._isPlatformBrowser;
     }
 }
-PlatformService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-PlatformService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PlatformService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PlatformService, decorators: [{
+PlatformService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlatformService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+PlatformService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlatformService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PlatformService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -1909,10 +1909,10 @@ class CookieModule {
         };
     }
 }
-CookieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CookieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CookieModule });
-CookieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CookieModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CookieModule, decorators: [{
+CookieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CookieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CookieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CookieModule });
+CookieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CookieModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CookieModule, decorators: [{
             type: NgModule
         }] });
 function cookieServiceFactory(nativeWindow, platform, options) {
@@ -2129,9 +2129,9 @@ class AspectRatioResizeDirective extends DestroyableContainer {
 //
 // --------------------------------------------------------------------------
 AspectRatioResizeDirective.UPDATE_DELAY = 100;
-AspectRatioResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AspectRatioResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AspectRatioResizeDirective, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: "ratio" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
+AspectRatioResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AspectRatioResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AspectRatioResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: AspectRatioResizeDirective, selector: "[vi-aspect-ratio]", inputs: { direction: ["vi-aspect-ratio", "direction"], ratio: "ratio" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AspectRatioResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-aspect-ratio]'
@@ -2245,9 +2245,9 @@ class ScrollDirective extends Destroyable {
 //
 // --------------------------------------------------------------------------
 ScrollDirective.INITIALIZATION_DELAY = 1;
-ScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ScrollDirective, selector: "[vi-scroll]", inputs: { scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollDirective, decorators: [{
+ScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ScrollDirective, selector: "[vi-scroll]", inputs: { scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll]'
@@ -2317,9 +2317,9 @@ class InfiniteScrollDirective extends ScrollDirective {
         return this.element.scrollHeight;
     }
 }
-InfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-InfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: InfiniteScrollDirective, selector: "[vi-infinite-scroll]", inputs: { elementHeight: "elementHeight" }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+InfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InfiniteScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+InfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: InfiniteScrollDirective, selector: "[vi-infinite-scroll]", inputs: { elementHeight: "elementHeight" }, outputs: { top: "top", bottom: "bottom" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-infinite-scroll]'
@@ -2430,9 +2430,9 @@ class AutoScrollBottomDirective extends InfiniteScrollDirective {
         this.triggerTimer = setTimeout(this.checkTrigger, InfiniteScrollDirective.INITIALIZATION_DELAY);
     }
 }
-AutoScrollBottomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-AutoScrollBottomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AutoScrollBottomDirective, selector: "[vi-auto-scroll-bottom]", inputs: { trigger: ["vi-auto-bottom-scroll", "trigger"] }, outputs: { triggerChanged: "triggerChanged" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
+AutoScrollBottomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AutoScrollBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AutoScrollBottomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: AutoScrollBottomDirective, selector: "[vi-auto-scroll-bottom]", inputs: { trigger: ["vi-auto-bottom-scroll", "trigger"] }, outputs: { triggerChanged: "triggerChanged" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AutoScrollBottomDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-auto-scroll-bottom]'
@@ -2473,9 +2473,9 @@ class ClickToCopyDirective extends Destroyable {
         clearTimeout(this.selectionClearTimer);
     }
 }
-ClickToCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-ClickToCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ClickToCopyDirective, selector: "[vi-click-to-copy]", inputs: { element: ["vi-click-to-copy", "element"] }, host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClickToCopyDirective, decorators: [{
+ClickToCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClickToCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+ClickToCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ClickToCopyDirective, selector: "[vi-click-to-copy]", inputs: { element: ["vi-click-to-copy", "element"] }, host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClickToCopyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-copy]'
@@ -2521,9 +2521,9 @@ class ClickToSelectDirective extends Destroyable {
         this.element = null;
     }
 }
-ClickToSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ClickToSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ClickToSelectDirective, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClickToSelectDirective, decorators: [{
+ClickToSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClickToSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ClickToSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ClickToSelectDirective, selector: "[vi-click-to-select]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ClickToSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-click-to-select]'
@@ -2614,9 +2614,9 @@ class FocusDirective extends Destroyable {
         this.focus();
     }
 }
-FocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FocusDirective, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FocusDirective, decorators: [{
+FocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+FocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FocusDirective, selector: "[vi-focus]", inputs: { trigger: ["vi-focus", "trigger"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-focus]'
@@ -2657,9 +2657,9 @@ class SelectOnFocusDirective extends Destroyable {
         this.element = null;
     }
 }
-SelectOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: SelectOnFocusDirective, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
+SelectOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SelectOnFocusDirective, selector: "[vi-select-on-focus]", host: { listeners: { "focus": "focusHandler()" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-select-on-focus]'
@@ -2731,9 +2731,9 @@ class LanguagePipe extends DestroyableContainer {
         this.lastValue = null;
     }
 }
-LanguagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipe, name: "viTranslate", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipe, decorators: [{
+LanguagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+LanguagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipe, name: "viTranslate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslate',
@@ -2789,9 +2789,9 @@ class HTMLTitleDirective extends Destroyable {
         return this._value;
     }
 }
-HTMLTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-HTMLTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, decorators: [{
+HTMLTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+HTMLTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HTMLTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-title]'
@@ -2850,9 +2850,9 @@ class HTMLContentTitleDirective extends Destroyable {
         return this._value;
     }
 }
-HTMLContentTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-HTMLContentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
+HTMLContentTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HTMLContentTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+HTMLContentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: { value: ["vi-html-content-title", "value"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HTMLContentTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-html-content-title]'
@@ -2916,9 +2916,9 @@ class ResizeDirective extends Destroyable {
         }
     }
 }
-ResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ResizeDirective, selector: "[vi-resize]", inputs: { isTop: "isTop", isLeft: "isLeft", isRight: "isRight", isBottom: "isBottom" }, outputs: { resize: "resize" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ResizeDirective, decorators: [{
+ResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ResizeDirective, selector: "[vi-resize]", inputs: { isTop: "isTop", isLeft: "isLeft", isRight: "isRight", isBottom: "isBottom" }, outputs: { resize: "resize" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-resize]'
@@ -2951,8 +2951,6 @@ class ScrollCheckDirective extends DestroyableContainer {
         this.top = new EventEmitter();
         this.bottom = new EventEmitter();
         this.limitExceed = new EventEmitter();
-        this.isTop = false;
-        this.isBottom = false;
         this.isExceedLimit = false;
         this.delay = DateUtil.MILLISECONDS_SECOND / 10;
         this.offset = 50;
@@ -2967,22 +2965,11 @@ class ScrollCheckDirective extends DestroyableContainer {
                 this.isExceedLimit = value;
                 this.limitExceed.emit(value);
             }
-            value = this.scrollValue + this.clientHeight + this.offset > this.scrollHeight;
+            let offset = !_.isNaN(this.offset) ? this.offset : 0;
+            value = this.scrollValue + this.clientHeight + offset >= this.scrollHeight;
             this.bottom.next(value);
-            /*
-            if (value !== this.isBottom) {
-                this.isBottom = value;
-                this.bottom.next(value);
-            }
-            */
-            value = this.scrollValue < this.offset;
+            value = this.scrollValue <= offset;
             this.top.next(value);
-            /*
-            if (value !== this.isTop) {
-                this.isTop = value;
-                this.top.next(value);
-            }
-            */
         };
         this.delay = DateUtil.MILLISECONDS_SECOND / 10;
         this.element = element.nativeElement;
@@ -3023,9 +3010,9 @@ class ScrollCheckDirective extends DestroyableContainer {
         return this._scrollLimit;
     }
 }
-ScrollCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { delay: "delay", offset: "offset", scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollCheckDirective, decorators: [{
+ScrollCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { delay: "delay", offset: "offset", scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollCheckDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll-check]'
@@ -3096,9 +3083,9 @@ class LanguageMatPaginatorIntl extends MatPaginatorIntl {
         }
     }
 }
-LanguageMatPaginatorIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageMatPaginatorIntl, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-LanguageMatPaginatorIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageMatPaginatorIntl });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageMatPaginatorIntl, decorators: [{
+LanguageMatPaginatorIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageMatPaginatorIntl, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+LanguageMatPaginatorIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageMatPaginatorIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageMatPaginatorIntl, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.LanguageService }]; } });
 
@@ -3128,9 +3115,9 @@ class LanguagePipePure extends DestroyableContainer {
         this.language = null;
     }
 }
-LanguagePipePure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipePure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipePure, name: "viTranslatePure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipePure, decorators: [{
+LanguagePipePure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipePure, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+LanguagePipePure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipePure, name: "viTranslatePure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipePure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslatePure'
@@ -3181,9 +3168,9 @@ class LanguageResolver extends LanguageRequireResolver {
         super(language);
     }
 }
-LanguageResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageResolver, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-LanguageResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageResolver, decorators: [{
+LanguageResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageResolver, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+LanguageResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageResolver, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.LanguageService }]; } });
@@ -3257,9 +3244,9 @@ class LanguageDirective extends Destroyable {
         return this._params;
     }
 }
-LanguageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-LanguageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LanguageDirective, selector: "[vi-translate]", inputs: { isNeedTitle: "isNeedTitle", key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageDirective, decorators: [{
+LanguageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+LanguageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LanguageDirective, selector: "[vi-translate]", inputs: { isNeedTitle: "isNeedTitle", key: ["vi-translate", "key"], params: "params" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-translate]'
@@ -3313,9 +3300,9 @@ class LanguagePipeHas extends DestroyableContainer {
         this.key = null;
     }
 }
-LanguagePipeHas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipeHas.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHas, name: "viTranslateHas", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHas, decorators: [{
+LanguagePipeHas.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHas, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+LanguagePipeHas.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHas, name: "viTranslateHas", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHas, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHas',
@@ -3349,9 +3336,9 @@ class LanguagePipeHasPure extends DestroyableContainer {
         this.language = null;
     }
 }
-LanguagePipeHasPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-LanguagePipeHasPure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHasPure, name: "viTranslateHasPure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
+LanguagePipeHasPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHasPure, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+LanguagePipeHasPure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHasPure, name: "viTranslateHasPure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguagePipeHasPure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTranslateHasPure',
@@ -3443,9 +3430,9 @@ class LanguageHasDirective extends Destroyable {
         return this._isOnlyIfNotEmpty;
     }
 }
-LanguageHasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageHasDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-LanguageHasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LanguageHasDirective, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageHasDirective, decorators: [{
+LanguageHasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageHasDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+LanguageHasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LanguageHasDirective, selector: "[viTranslateHas]", inputs: { viTranslateHas: "viTranslateHas", viTranslateHasIsOnlyIfNotEmpty: "viTranslateHasIsOnlyIfNotEmpty" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageHasDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viTranslateHas]'
@@ -3491,10 +3478,10 @@ class LanguageModule {
         };
     }
 }
-LanguageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LanguageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective] });
-LanguageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageModule, imports: [[CookieModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageModule, decorators: [{
+LanguageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LanguageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageModule, declarations: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective], imports: [CookieModule], exports: [LanguagePipe, LanguagePipePure, LanguagePipeHas, LanguagePipeHasPure, LanguageHasDirective, LanguageDirective] });
+LanguageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageModule, imports: [[CookieModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -3655,9 +3642,9 @@ class IWindowContent extends DestroyableContainer {
         }
     }
 }
-IWindowContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-IWindowContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: IWindowContent, selector: "ng-component", inputs: { isDisabled: "isDisabled", window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IWindowContent, decorators: [{
+IWindowContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IWindowContent, deps: [{ token: WINDOW_CONTENT_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+IWindowContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IWindowContent, selector: "ng-component", inputs: { isDisabled: "isDisabled", window: "window" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IWindowContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -3723,9 +3710,9 @@ class WindowQuestionComponent extends WindowQuestionBaseComponent {
         }
     }
 }
-WindowQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowQuestionComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-WindowQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowQuestionComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"text\"></p>\n\n<div class=\"text-center border-sm-top p-3\">\n\n    <button (click)=\"data?.closeClickHandler()\" mat-stroked-button *ngIf=\"data?.isInfo\">\n        <span [innerHTML]=\"data?.closeText\"></span>\n    </button>\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" color=\"primary\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowQuestionComponent, decorators: [{
+WindowQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowQuestionComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+WindowQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowQuestionComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"text\"></p>\n\n<div class=\"text-center border-sm-top p-3\">\n\n    <button (click)=\"data?.closeClickHandler()\" mat-stroked-button *ngIf=\"data?.isInfo\">\n        <span [innerHTML]=\"data?.closeText\"></span>\n    </button>\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" color=\"primary\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>", components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowQuestionComponent, decorators: [{
             type: Component,
             args: [{ template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"text\"></p>\n\n<div class=\"text-center border-sm-top p-3\">\n\n    <button (click)=\"data?.closeClickHandler()\" mat-stroked-button *ngIf=\"data?.isInfo\">\n        <span [innerHTML]=\"data?.closeText\"></span>\n    </button>\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" color=\"primary\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" mat-stroked-button *ngIf=\"data?.isQuestion\">\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.LanguageService }]; } });
@@ -4598,9 +4585,9 @@ class WindowElement extends DestroyableContainer {
         }
     }
 }
-WindowElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WindowElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowElement, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowElement, decorators: [{
+WindowElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WindowElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowElement, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowElement, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -4648,9 +4635,9 @@ class WindowCloseElementComponent extends WindowElement {
 // --------------------------------------------------------------------------
 WindowCloseElementComponent.ICON_CLASS = 'fas fa-times';
 WindowCloseElementComponent.ICON_VALUE = null;
-WindowCloseElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowCloseElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WindowCloseElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowCloseElementComponent, selector: "vi-window-close-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowCloseElementComponent, decorators: [{
+WindowCloseElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowCloseElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WindowCloseElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowCloseElementComponent, selector: "vi-window-close-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowCloseElementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-window-close-element', template: '', styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -4698,9 +4685,9 @@ class WindowExpandElementComponent extends WindowElement {
 // --------------------------------------------------------------------------
 WindowExpandElementComponent.ICON_CLASS = 'fas fa-angle-double-up';
 WindowExpandElementComponent.ICON_VALUE = null;
-WindowExpandElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowExpandElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WindowExpandElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowExpandElementComponent, selector: "vi-window-expand-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowExpandElementComponent, decorators: [{
+WindowExpandElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowExpandElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WindowExpandElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowExpandElementComponent, selector: "vi-window-expand-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowExpandElementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-window-expand-element', template: '', styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -4748,9 +4735,9 @@ class WindowResizeElementComponent extends WindowElement {
 // --------------------------------------------------------------------------
 WindowResizeElementComponent.ICON_CLASS = 'fas fa-arrows-alt';
 WindowResizeElementComponent.ICON_VALUE = null;
-WindowResizeElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowResizeElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WindowResizeElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowResizeElementComponent, selector: "vi-window-resize-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowResizeElementComponent, decorators: [{
+WindowResizeElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowResizeElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WindowResizeElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowResizeElementComponent, selector: "vi-window-resize-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowResizeElementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-window-resize-element', template: '', styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -4816,9 +4803,9 @@ class WindowMinimizeElementComponent extends WindowElement {
 WindowMinimizeElementComponent.ICON_CLASS = null;
 WindowMinimizeElementComponent.ICON_MINIMIZE_VALUE = null;
 WindowMinimizeElementComponent.ICON_MAXIMIZE_VALUE = null;
-WindowMinimizeElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowMinimizeElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-WindowMinimizeElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: WindowMinimizeElementComponent, selector: "vi-window-minimize-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowMinimizeElementComponent, decorators: [{
+WindowMinimizeElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowMinimizeElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+WindowMinimizeElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WindowMinimizeElementComponent, selector: "vi-window-minimize-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowMinimizeElementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-window-minimize-element', template: '', styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -5182,9 +5169,9 @@ class BottomSheetService extends Destroyable {
         return this.observer.asObservable();
     }
 }
-BottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetService, deps: [{ token: i1$2.MatBottomSheet }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-BottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetService, decorators: [{
+BottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetService, deps: [{ token: i1$2.MatBottomSheet }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+BottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$2.MatBottomSheet }, { type: i1$1.LanguageService }]; } });
@@ -5206,10 +5193,10 @@ class BottomSheetModule {
         };
     }
 }
-BottomSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BottomSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetModule, imports: [CommonModule, FormsModule, MatBottomSheetModule, MatButtonModule, LanguageModule] });
-BottomSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetModule, imports: [IMPORTS$4] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetModule, decorators: [{
+BottomSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BottomSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetModule, imports: [CommonModule, FormsModule, MatBottomSheetModule, MatButtonModule, LanguageModule] });
+BottomSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetModule, imports: [IMPORTS$4] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS$4,
@@ -5472,9 +5459,9 @@ class INotificationContent extends DestroyableContainer {
         return this._config;
     }
 }
-INotificationContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-INotificationContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: INotificationContent, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: INotificationContent, decorators: [{
+INotificationContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: INotificationContent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+INotificationContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: INotificationContent, selector: "ng-component", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: INotificationContent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { config: [{
@@ -5517,9 +5504,9 @@ class NotificationQuestionBaseComponent extends INotificationContent {
         return this.data ? this.data.isInfo : false;
     }
 }
-NotificationQuestionBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationQuestionBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NotificationQuestionBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NotificationQuestionBaseComponent, selector: "ng-component", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationQuestionBaseComponent, decorators: [{
+NotificationQuestionBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationQuestionBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NotificationQuestionBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationQuestionBaseComponent, selector: "ng-component", host: { listeners: { "click": "clickHandler()" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationQuestionBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { clickHandler: [{
@@ -5572,9 +5559,9 @@ class NotificationComponent extends NotificationQuestionBaseComponent {
         }
     }
 }
-NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.LanguageService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NotificationComponent, selector: "vi-notification", usesInheritance: true, ngImport: i0, template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"data?.text\"></p>\n\n<div class=\"text-center border-sm-top p-3\" *ngIf=\"data?.isQuestion\">\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" tabindex=\"-1\" color=\"primary\" mat-stroked-button>\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" tabindex=\"-1\" mat-stroked-button>\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>", styles: [":host{max-width:280px;min-width:200px;box-sizing:border-box}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationComponent, decorators: [{
+NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.LanguageService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NotificationComponent, selector: "vi-notification", usesInheritance: true, ngImport: i0, template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"data?.text\"></p>\n\n<div class=\"text-center border-sm-top p-3\" *ngIf=\"data?.isQuestion\">\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" tabindex=\"-1\" color=\"primary\" mat-stroked-button>\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" tabindex=\"-1\" mat-stroked-button>\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>", styles: [":host{max-width:280px;min-width:200px;box-sizing:border-box}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-notification', template: "<p class=\"text m-4 text-center mouse-inactive text-word-wrap-break-word\" [innerHTML]=\"data?.text\"></p>\n\n<div class=\"text-center border-sm-top p-3\" *ngIf=\"data?.isQuestion\">\n\n    <button class=\"mr-3 me-3\" (click)=\"data?.yesClickHandler()\" tabindex=\"-1\" color=\"primary\" mat-stroked-button>\n        <span [innerHTML]=\"data?.yesText\"></span>\n    </button>\n\n    <button (click)=\"data?.notClickHandler()\" tabindex=\"-1\" mat-stroked-button>\n        <span [innerHTML]=\"data?.notText\"></span>\n    </button>\n\n</div>", styles: [":host{max-width:280px;min-width:200px;box-sizing:border-box}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.LanguageService }, { type: NotificationService }]; } });
@@ -5621,10 +5608,10 @@ class NotificationModule {
         };
     }
 }
-NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule, FormsModule, MatDialogModule, MatButtonModule, LanguageModule], exports: [NotificationComponent] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, imports: [IMPORTS$3] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationModule, decorators: [{
+NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule, FormsModule, MatDialogModule, MatButtonModule, LanguageModule], exports: [NotificationComponent] });
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationModule, imports: [IMPORTS$3] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS$3,
@@ -5658,9 +5645,9 @@ class CamelCasePipe {
         return _.camelCase(value);
     }
 }
-CamelCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CamelCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CamelCasePipe, name: "viCamelCase" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CamelCasePipe, decorators: [{
+CamelCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CamelCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CamelCasePipe, name: "viCamelCase" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CamelCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCamelCase'
@@ -5707,9 +5694,9 @@ class FinancePipe {
 //
 // --------------------------------------------------------------------------
 FinancePipe.DEFAULT_FORMAT = '0,0';
-FinancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FinancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FinancePipe, name: "viFinance" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FinancePipe, decorators: [{
+FinancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FinancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FinancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FinancePipe, name: "viFinance" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FinancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viFinance'
@@ -5773,9 +5760,9 @@ class MomentDatePipe {
 //
 // --------------------------------------------------------------------------
 MomentDatePipe.DEFAULT_FORMAT = 'LLL';
-MomentDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDatePipe, name: "viMomentDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDatePipe, decorators: [{
+MomentDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDatePipe, name: "viMomentDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDate'
@@ -5819,9 +5806,9 @@ MomentDateAdaptivePipe.HOUR_FORMAT = 'HH:ss';
 MomentDateAdaptivePipe.DAY_FORMAT = 'DD MMM HH:ss';
 MomentDateAdaptivePipe.MONTH_FORMAT = 'DD MMM HH:ss';
 MomentDateAdaptivePipe.YEAR_FORMAT = 'LLL';
-MomentDateAdaptivePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDateAdaptivePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateAdaptivePipe, name: "viMomentAdaptiveDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
+MomentDateAdaptivePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateAdaptivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentDateAdaptivePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateAdaptivePipe, name: "viMomentAdaptiveDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateAdaptivePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentAdaptiveDate'
@@ -5838,9 +5825,9 @@ class MomentDateFromNowPipe {
         return MomentDatePipe.fromNow(value, format);
     }
 }
-MomentDateFromNowPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentDateFromNowPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateFromNowPipe, name: "viMomentDateFromNow" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
+MomentDateFromNowPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateFromNowPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentDateFromNowPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateFromNowPipe, name: "viMomentDateFromNow" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentDateFromNowPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentDateFromNow'
@@ -5869,9 +5856,9 @@ class MomentTimePipe {
 //
 // --------------------------------------------------------------------------
 MomentTimePipe.DEFAULT_FORMAT = 'hh:mm:ss';
-MomentTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentTimePipe, name: "viMomentTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MomentTimePipe, decorators: [{
+MomentTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentTimePipe, name: "viMomentTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MomentTimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viMomentTime'
@@ -5907,9 +5894,9 @@ class NgModelErrorPipe {
         return this.language.translate('error.form.' + key, value);
     }
 }
-NgModelErrorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
-NgModelErrorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgModelErrorPipe, name: "viNgModelError" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgModelErrorPipe, decorators: [{
+NgModelErrorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgModelErrorPipe, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Pipe });
+NgModelErrorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgModelErrorPipe, name: "viNgModelError" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NgModelErrorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viNgModelError'
@@ -5950,9 +5937,9 @@ class SanitizePipe {
         }
     }
 }
-SanitizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SanitizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SanitizePipe, name: "viSanitize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SanitizePipe, decorators: [{
+SanitizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SanitizePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SanitizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SanitizePipe, name: "viSanitize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SanitizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viSanitize'
@@ -5972,9 +5959,9 @@ class StartCasePipe {
         return value.charAt(0).toUpperCase() + value.slice(1);
     }
 }
-StartCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-StartCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StartCasePipe, name: "viStartCase" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: StartCasePipe, decorators: [{
+StartCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StartCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+StartCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StartCasePipe, name: "viStartCase" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StartCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viStartCase'
@@ -6004,9 +5991,9 @@ class TimePipe {
 //
 // --------------------------------------------------------------------------
 TimePipe.DEFAULT_FORMAT = '00:00:00';
-TimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimePipe, name: "viTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TimePipe, decorators: [{
+TimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimePipe, name: "viTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTime'
@@ -6026,9 +6013,9 @@ class TruncatePipe {
         return _.truncate(value, { length: maxLength });
     }
 }
-TruncatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TruncatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TruncatePipe, name: "viTruncate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TruncatePipe, decorators: [{
+TruncatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TruncatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TruncatePipe, name: "viTruncate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viTruncate'
@@ -6061,9 +6048,9 @@ class PrettifyPipe {
 //
 // --------------------------------------------------------------------------
 PrettifyPipe.EMPTY_SYMBOL = '-';
-PrettifyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PrettifyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PrettifyPipe, name: "viPrettify" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PrettifyPipe, decorators: [{
+PrettifyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrettifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PrettifyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrettifyPipe, name: "viPrettify" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrettifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viPrettify'
@@ -6257,9 +6244,9 @@ class ThemeAssetDirective extends Destroyable {
         }
     }
 }
-ThemeAssetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetDirective, inputs: { isSound: "isSound", isVideo: "isVideo", isFile: "isFile", isImage: "isImage", isBackground: "isBackground", isIgnoreTheme: "isIgnoreTheme", name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetDirective, decorators: [{
+ThemeAssetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeAssetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeAssetDirective, inputs: { isSound: "isSound", isVideo: "isVideo", isFile: "isFile", isImage: "isImage", isBackground: "isBackground", isIgnoreTheme: "isIgnoreTheme", name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; }, propDecorators: { errorLoadingHandler: [{
                 type: HostListener,
@@ -6290,6 +6277,7 @@ class ThemeAssetBackgroundDirective extends ThemeAssetDirective {
     // --------------------------------------------------------------------------
     constructor(element, theme, themeAsset) {
         super(element, theme, themeAsset);
+        this.isBackground = true;
     }
     // --------------------------------------------------------------------------
     //
@@ -6303,15 +6291,29 @@ class ThemeAssetBackgroundDirective extends ThemeAssetDirective {
     removeSourceProperties() {
         ViewUtil.removeStyle(this.element, 'backgroundImage');
     }
+    // --------------------------------------------------------------------------
+    //
+    //	Public Properties
+    //
+    // --------------------------------------------------------------------------
+    set name(value) {
+        super.name = value;
+    }
+    get name() {
+        return super.name;
+    }
 }
-ThemeAssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetBackgroundDirective, selector: "[vi-theme-background]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
+ThemeAssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeAssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeAssetBackgroundDirective, selector: "[vi-theme-background]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-background]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; }, propDecorators: { name: [{
+                type: Input,
+                args: ['vi-theme-image']
+            }] } });
 
 class ThemeAssetImageDirective extends ThemeAssetDirective {
     // --------------------------------------------------------------------------
@@ -6321,6 +6323,7 @@ class ThemeAssetImageDirective extends ThemeAssetDirective {
     // --------------------------------------------------------------------------
     constructor(element, theme, themeAsset) {
         super(element, theme, themeAsset);
+        this.isImage = true;
     }
     // --------------------------------------------------------------------------
     //
@@ -6333,15 +6336,73 @@ class ThemeAssetImageDirective extends ThemeAssetDirective {
     removeSourceProperties() {
         this.element.src = null;
     }
+    // --------------------------------------------------------------------------
+    //
+    //	Public Properties
+    //
+    // --------------------------------------------------------------------------
+    set name(value) {
+        super.name = value;
+    }
+    get name() {
+        return super.name;
+    }
 }
-ThemeAssetImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeAssetImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetImageDirective, selector: "[vi-theme-image]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
+ThemeAssetImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeAssetImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeAssetImageDirective, selector: "[vi-theme-image]", inputs: { name: ["vi-theme-image", "name"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-image]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; }, propDecorators: { name: [{
+                type: Input,
+                args: ['vi-theme-image']
+            }] } });
+
+class ThemeAssetIconDirective extends ThemeAssetDirective {
+    // --------------------------------------------------------------------------
+    //
+    //	Constructor
+    //
+    // --------------------------------------------------------------------------
+    constructor(element, theme, themeAsset) {
+        super(element, theme, themeAsset);
+    }
+    // --------------------------------------------------------------------------
+    //
+    //	Private Methods
+    //
+    // --------------------------------------------------------------------------
+    commitSourceProperties() {
+        this.element.src = this.source;
+    }
+    removeSourceProperties() {
+        this.element.src = null;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //	Public Properties
+    //
+    // --------------------------------------------------------------------------
+    set name(value) {
+        super.name = value;
+    }
+    get name() {
+        return super.name;
+    }
+}
+ThemeAssetIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetIconDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeAssetIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeAssetIconDirective, selector: "[vi-theme-icon]", inputs: { name: ["vi-theme-icon", "name"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeAssetIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vi-theme-icon]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; }, propDecorators: { name: [{
+                type: Input,
+                args: ['vi-theme-icon']
+            }] } });
 
 class ThemeToggleDirective extends Destroyable {
     // --------------------------------------------------------------------------
@@ -6389,9 +6450,9 @@ class ThemeToggleDirective extends Destroyable {
         this.theme = null;
     }
 }
-ThemeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeToggleDirective, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeToggleDirective, decorators: [{
+ThemeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeToggleDirective, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-toggle]'
@@ -6493,9 +6554,9 @@ class ThemeStyleDirective extends Destroyable {
         }
     }
 }
-ThemeStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeStyleDirective, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleDirective, decorators: [{
+ThemeStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeStyleDirective, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style]'
@@ -6596,9 +6657,9 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
         super.flags = value;
     }
 }
-ThemeStyleHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
-ThemeStyleHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeStyleHoverDirective, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
+ThemeStyleHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+ThemeStyleHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ThemeStyleHoverDirective, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-theme-style-hover]'
@@ -6612,7 +6673,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }] } });
 
-let declarations = [ThemeToggleDirective, ThemeAssetImageDirective, ThemeAssetBackgroundDirective, ThemeStyleDirective, ThemeStyleHoverDirective];
+let declarations = [
+    ThemeToggleDirective,
+    ThemeAssetImageDirective,
+    ThemeAssetIconDirective,
+    ThemeAssetBackgroundDirective,
+    ThemeStyleDirective,
+    ThemeStyleHoverDirective
+];
 class ThemeModule {
     // --------------------------------------------------------------------------
     //
@@ -6641,10 +6709,20 @@ class ThemeModule {
         };
     }
 }
-ThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective, ThemeAssetImageDirective, ThemeAssetBackgroundDirective, ThemeStyleDirective, ThemeStyleHoverDirective], imports: [CookieModule], exports: [ThemeToggleDirective, ThemeAssetImageDirective, ThemeAssetBackgroundDirective, ThemeStyleDirective, ThemeStyleHoverDirective] });
-ThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeModule, imports: [[CookieModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeModule, decorators: [{
+ThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeModule, declarations: [ThemeToggleDirective,
+        ThemeAssetImageDirective,
+        ThemeAssetIconDirective,
+        ThemeAssetBackgroundDirective,
+        ThemeStyleDirective,
+        ThemeStyleHoverDirective], imports: [CookieModule], exports: [ThemeToggleDirective,
+        ThemeAssetImageDirective,
+        ThemeAssetIconDirective,
+        ThemeAssetBackgroundDirective,
+        ThemeStyleDirective,
+        ThemeStyleHoverDirective] });
+ThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeModule, imports: [[CookieModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CookieModule],
@@ -6962,9 +7040,9 @@ class WindowService extends Destroyable {
 //
 // --------------------------------------------------------------------------
 WindowService.Z_INDEX_MAX = 1000;
-WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowService, deps: [{ token: i1.MatDialog }, { token: i1$1.LanguageService }, { token: CookieService }, { token: BottomSheetService }], target: i0.ɵɵFactoryTarget.Injectable });
-WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowService, decorators: [{
+WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowService, deps: [{ token: i1.MatDialog }, { token: i1$1.LanguageService }, { token: CookieService }, { token: BottomSheetService }], target: i0.ɵɵFactoryTarget.Injectable });
+WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i1$1.LanguageService }, { type: CookieService }, { type: BottomSheetService }]; } });
@@ -7090,9 +7168,9 @@ class WindowDragAreaDirective extends Destroyable {
         return this._window;
     }
 }
-WindowDragAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowDragAreaDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-WindowDragAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: WindowDragAreaDirective, selector: "[vi-window-drag-area]", inputs: { window: ["vi-window-drag-area", "window"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowDragAreaDirective, decorators: [{
+WindowDragAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowDragAreaDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+WindowDragAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: WindowDragAreaDirective, selector: "[vi-window-drag-area]", inputs: { window: ["vi-window-drag-area", "window"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowDragAreaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-window-drag-area]'
@@ -7125,8 +7203,8 @@ class WindowModule {
         };
     }
 }
-WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowModule, declarations: [WindowDragAreaDirective, WindowQuestionComponent,
+WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, declarations: [WindowDragAreaDirective, WindowQuestionComponent,
         WindowCloseElementComponent,
         WindowExpandElementComponent,
         WindowResizeElementComponent,
@@ -7135,8 +7213,8 @@ WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         WindowExpandElementComponent,
         WindowResizeElementComponent,
         WindowMinimizeElementComponent] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowModule, imports: [IMPORTS$2] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WindowModule, decorators: [{
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, imports: [IMPORTS$2] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS$2,
@@ -7157,9 +7235,9 @@ class IsServerDirective {
         }
     }
 }
-IsServerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IsServerDirective, deps: [{ token: PlatformService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-IsServerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: IsServerDirective, selector: "[viIsServer]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IsServerDirective, decorators: [{
+IsServerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IsServerDirective, deps: [{ token: PlatformService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+IsServerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: IsServerDirective, selector: "[viIsServer]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IsServerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsServer]'
@@ -7178,9 +7256,9 @@ class IsBrowserDirective {
         }
     }
 }
-IsBrowserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IsBrowserDirective, deps: [{ token: PlatformService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-IsBrowserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: IsBrowserDirective, selector: "[viIsBrowser]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IsBrowserDirective, decorators: [{
+IsBrowserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IsBrowserDirective, deps: [{ token: PlatformService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+IsBrowserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: IsBrowserDirective, selector: "[viIsBrowser]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IsBrowserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[viIsBrowser]'
@@ -7223,9 +7301,9 @@ class MenuTriggerForDirective extends MatMenuTrigger {
         return super.menu;
     }
 }
-MenuTriggerForDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuTriggerForDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MenuTriggerForDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: MenuTriggerForDirective, selector: "[vi-menu-trigger-for]", inputs: { menu: ["vi-menu-trigger-for", "menu"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuTriggerForDirective, decorators: [{
+MenuTriggerForDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MenuTriggerForDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+MenuTriggerForDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MenuTriggerForDirective, selector: "[vi-menu-trigger-for]", inputs: { menu: ["vi-menu-trigger-for", "menu"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MenuTriggerForDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-menu-trigger-for]'
@@ -7297,8 +7375,8 @@ class VICommonModule {
         };
     }
 }
-VICommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VICommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VICommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VICommonModule, declarations: [TimePipe,
+VICommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VICommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VICommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VICommonModule, declarations: [TimePipe,
         FinancePipe,
         SanitizePipe,
         TruncatePipe,
@@ -7351,8 +7429,8 @@ VICommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         HTMLContentTitleDirective,
         AutoScrollBottomDirective,
         AspectRatioResizeDirective] });
-VICommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VICommonModule, imports: [IMPORTS$1, CookieModule, ThemeModule, LanguageModule, AssetModule, WindowModule, NotificationModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VICommonModule, decorators: [{
+VICommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VICommonModule, imports: [IMPORTS$1, CookieModule, ThemeModule, LanguageModule, AssetModule, WindowModule, NotificationModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VICommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS$1,
@@ -7431,9 +7509,9 @@ class LanguageSelectorComponent extends DestroyableContainer {
         this.commitIsNeedLabelProperties();
     }
 }
-LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LanguageSelectorComponent, selector: "vi-language-selector", inputs: { isNeedIcon: "isNeedIcon", isNeedLabel: "isNeedLabel" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>", components: [{ type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "viTranslate": LanguagePipe, "viAssetIcon": AssetIconPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
+LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LanguageSelectorComponent, selector: "vi-language-selector", inputs: { isNeedIcon: "isNeedIcon", isNeedLabel: "isNeedLabel" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>", components: [{ type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "viTranslate": LanguagePipe, "viAssetIcon": AssetIconPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-language-selector', template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.LanguageService }]; }, propDecorators: { isNeedIcon: [{
@@ -7444,9 +7522,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
 class MenuListComponent extends DestroyableContainer {
 }
-MenuListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n", components: [{ type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, decorators: [{
+MenuListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n", components: [{ type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MenuListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-menu-list', template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n" }]
         }], propDecorators: { list: [{
@@ -7455,9 +7533,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
 class SelectListComponent extends DestroyableContainer {
 }
-SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$5.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4$1.MatLine, selector: "[mat-line], [matLine]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, decorators: [{
+SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$5.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4$1.MatLine, selector: "[mat-line], [matLine]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SelectListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-select-list', template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n" }]
         }], propDecorators: { list: [{
@@ -7518,9 +7596,9 @@ class TabGroupComponent extends DestroyableContainer {
         }
     }
 }
-TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n", components: [{ type: i1$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, decorators: [{
+TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n", components: [{ type: i1$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-tab-group', template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n" }]
         }], propDecorators: { className: [{
@@ -7837,9 +7915,9 @@ class CdkTableBaseComponent extends DestroyableContainer {
         return this._columnNames;
     }
 }
-CdkTableBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CdkTableBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableBaseComponent, selector: "ng-component", inputs: { table: "table", selectedRows: "selectedRows", selectedRow: "selectedRow", rows: "rows", columns: "columns", settings: "settings" }, outputs: { rowClicked: "rowClicked", cellClicked: "cellClicked" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableBaseComponent, decorators: [{
+CdkTableBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CdkTableBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CdkTableBaseComponent, selector: "ng-component", inputs: { table: "table", selectedRows: "selectedRows", selectedRow: "selectedRow", rows: "rows", columns: "columns", settings: "settings" }, outputs: { rowClicked: "rowClicked", cellClicked: "cellClicked" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return []; }, propDecorators: { rowClicked: [{
@@ -7870,9 +7948,9 @@ class CdkTableColumnClassNamePipe {
         return !_.isNil(column) && !_.isNil(column.className) ? (_.isString(column.className) ? column.className : column.className(item, column)) : null;
     }
 }
-CdkTableColumnClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableColumnClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, name: "viCdkTableColumnClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, decorators: [{
+CdkTableColumnClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableColumnClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnClassNamePipe, name: "viCdkTableColumnClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableColumnClassName'
@@ -7889,9 +7967,9 @@ class CdkTableColumnStyleNamePipe {
         return !_.isNil(column) && !_.isNil(column.styleName) ? column.styleName(item, column) : null;
     }
 }
-CdkTableColumnStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableColumnStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, name: "viCdkTableColumnStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, decorators: [{
+CdkTableColumnStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableColumnStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnStyleNamePipe, name: "viCdkTableColumnStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableColumnStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableColumnStyleName'
@@ -7911,9 +7989,9 @@ class CdkTableCellClassNamePipe {
         return _.isString(column.cellClassName) ? column.cellClassName : column.cellClassName(item, column);
     }
 }
-CdkTableCellClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, name: "viCdkTableCellClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, decorators: [{
+CdkTableCellClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellClassNamePipe, name: "viCdkTableCellClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellClassName'
@@ -7930,9 +8008,9 @@ class CdkTableCellStyleNamePipe {
         return !_.isNil(column) && !_.isNil(column.cellStyleName) ? column.cellStyleName(item, column) : null;
     }
 }
-CdkTableCellStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, name: "viCdkTableCellStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, decorators: [{
+CdkTableCellStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellStyleNamePipe, name: "viCdkTableCellStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellStyleName'
@@ -8002,9 +8080,9 @@ class CdkTableCellValuePipe extends DestroyableContainer {
 // --------------------------------------------------------------------------
 CdkTableCellValuePipe.ERROR_SYMBOL = 'x';
 CdkTableCellValuePipe.PENDING_SYMBOL = '⧗';
-CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
+CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellValue',
@@ -8022,9 +8100,9 @@ class CdkTableCellValuePipePure {
         return !_.isNil(column.format) ? column.format(item, column) : item[column.name];
     }
 }
-CdkTableCellValuePipePure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipePure, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellValuePipePure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipePure, name: "viCdkTableCellValuePure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipePure, decorators: [{
+CdkTableCellValuePipePure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipePure, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellValuePipePure.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipePure, name: "viCdkTableCellValuePure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableCellValuePipePure, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellValuePure'
@@ -8041,9 +8119,9 @@ class CdkTableRowClassNamePipe {
         return !_.isNil(row) && !_.isNil(row.className) ? (_.isString(row.className) ? row.className : row.className(item, selectedRows)) : null;
     }
 }
-CdkTableRowClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableRowClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, name: "viCdkTableRowClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, decorators: [{
+CdkTableRowClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableRowClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowClassNamePipe, name: "viCdkTableRowClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableRowClassName'
@@ -8060,9 +8138,9 @@ class CdkTableRowStyleNamePipe {
         return !_.isNil(row) && !_.isNil(row.styleName) ? row.styleName(item, selectedRows) : null;
     }
 }
-CdkTableRowStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableRowStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, name: "viCdkTableRowStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, decorators: [{
+CdkTableRowStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableRowStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowStyleNamePipe, name: "viCdkTableRowStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableRowStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableRowStyleName'
@@ -8104,9 +8182,9 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
         }
     }
 }
-CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
+CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { paginator: [{
@@ -8124,9 +8202,9 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
         ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
     }
 }
-CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
+CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
@@ -8142,9 +8220,9 @@ class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
         ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
     }
 }
-CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
+CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
@@ -8185,8 +8263,8 @@ const DECLARATIONS = [
 const EXPORTS = [...DECLARATIONS];
 class VIComponentModule {
 }
-VIComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, declarations: [CdkTableCellValuePipe,
+VIComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VIComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VIComponentModule, declarations: [CdkTableCellValuePipe,
         CdkTableCellValuePipePure,
         CdkTableCellClassNamePipe,
         CdkTableCellStyleNamePipe,
@@ -8226,8 +8304,8 @@ VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         CdkTablePaginableComponent,
         CdkTableFilterableComponent,
         CdkTablePaginableBookmarkComponent] });
-VIComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, imports: [IMPORTS] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, decorators: [{
+VIComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VIComponentModule, imports: [IMPORTS] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: VIComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS,
@@ -8538,9 +8616,9 @@ class FormElementSync extends ValueAccessor {
         this.timer = null;
     }
 }
-FormElementSync.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormElementSync, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Directive });
-FormElementSync.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FormElementSync, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormElementSync, decorators: [{
+FormElementSync.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormElementSync, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Directive });
+FormElementSync.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FormElementSync, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormElementSync, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: Array }]; } });
 
@@ -8796,9 +8874,9 @@ class LoginGuard extends LoginRequireResolver {
 //
 // --------------------------------------------------------------------------
 LoginGuard.redirectUrl = '/login';
-LoginGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, decorators: [{
+LoginGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+LoginGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -8831,9 +8909,9 @@ class LoginNotGuard extends LoginRequireResolver {
 //
 // --------------------------------------------------------------------------
 LoginNotGuard.redirectUrl = '/';
-LoginNotGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginNotGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, decorators: [{
+LoginNotGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+LoginNotGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginNotGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -8879,9 +8957,9 @@ class LoginIfCanGuard extends LoginGuard {
         return super.canActivate(route, state);
     }
 }
-LoginIfCanGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginIfCanGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, decorators: [{
+LoginIfCanGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+LoginIfCanGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginIfCanGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -8899,9 +8977,9 @@ class LoginResolver extends LoginRequireResolver {
         super(login);
     }
 }
-LoginResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginResolver, deps: [{ token: LoginBaseService }], target: i0.ɵɵFactoryTarget.Injectable });
-LoginResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginResolver, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginResolver, decorators: [{
+LoginResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginResolver, deps: [{ token: LoginBaseService }], target: i0.ɵɵFactoryTarget.Injectable });
+LoginResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginResolver, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LoginResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -9687,9 +9765,9 @@ BootstrapBreakpointService.DEFAULT_MD = 768;
 BootstrapBreakpointService.DEFAULT_LG = 992;
 BootstrapBreakpointService.DEFAULT_XL = 1200;
 BootstrapBreakpointService.DEFAULT_XXL = 1400;
-BootstrapBreakpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, deps: [{ token: i1$9.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-BootstrapBreakpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, decorators: [{
+BootstrapBreakpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BootstrapBreakpointService, deps: [{ token: i1$9.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+BootstrapBreakpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BootstrapBreakpointService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BootstrapBreakpointService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$9.BreakpointObserver }]; } });
@@ -10103,9 +10181,9 @@ class LazyModuleLoader extends Loadable {
         return this._modules;
     }
 }
-LazyModuleLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LazyModuleLoader, deps: [{ token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-LazyModuleLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LazyModuleLoader, decorators: [{
+LazyModuleLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LazyModuleLoader, deps: [{ token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+LazyModuleLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LazyModuleLoader, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LazyModuleLoader, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.Compiler }, { type: i0.Injector }]; } });
@@ -10248,5 +10326,5 @@ class TransportLazyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetBaseComponent, BottomSheetModule, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableCellStyleNamePipe, CdkTableCellValuePipe, CdkTableCellValuePipePure, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkComponent, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, IsBrowserDirective, IsServerDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MenuTriggerForDirective, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PlatformService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowClosedError, WindowConfig, WindowDragAreaDirective, WindowElement, WindowEvent, WindowExpandElementComponent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, initializerFactory, languageServiceFactory, loggerServiceFactory, nativeWindowServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory };
+export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetBaseComponent, BottomSheetModule, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableCellStyleNamePipe, CdkTableCellValuePipe, CdkTableCellValuePipePure, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkComponent, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, IsBrowserDirective, IsServerDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MenuTriggerForDirective, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PlatformService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetIconDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowClosedError, WindowConfig, WindowDragAreaDirective, WindowElement, WindowEvent, WindowExpandElementComponent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, initializerFactory, languageServiceFactory, loggerServiceFactory, nativeWindowServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory };
 //# sourceMappingURL=ts-core-angular.mjs.map