@recursyve/nice-ui-kit.v2 14.0.0-beta.95 → 14.0.0-beta.97

package/fesm2015/recursyve-nice-ui-kit.v2.mjs

@@ -2,7 +2,7 @@ import * as i1$8 from '@angular/animations';
 import { animation, style, animate, trigger, transition, useAnimation, state, keyframes } from '@angular/animations';
 import { HttpContextToken, HttpResponse, HttpContext, HttpParams } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, Optional, Inject, ViewChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, TemplateRef, ContentChildren, SkipSelf } from '@angular/core';
+import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, Optional, Inject, ViewChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, TemplateRef, ContentChildren, ContentChild, SimpleChange, SkipSelf } from '@angular/core';
 import { plainToInstance } from 'class-transformer';
 import { map, filter, takeUntil, tap, take, debounceTime as debounceTime$1, delay, switchMap } from 'rxjs/operators';
 import { __rest, __awaiter } from 'tslib';
@@ -616,9 +616,9 @@ class NiceTransformResponseInterceptor {
         }));
     }
 }
-NiceTransformResponseInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTransformResponseInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NiceTransformResponseInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTransformResponseInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTransformResponseInterceptor, decorators: [{
+NiceTransformResponseInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTransformResponseInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NiceTransformResponseInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTransformResponseInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTransformResponseInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -721,9 +721,9 @@ class NiceAlertService {
         this._onShow.next(name);
     }
 }
-NiceAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NiceAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertService, decorators: [{
+NiceAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NiceAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -746,9 +746,9 @@ class NiceUtilsService {
         return name;
     }
 }
-NiceUtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NiceUtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsService, decorators: [{
+NiceUtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NiceUtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -760,10 +760,10 @@ class NiceUtilsModule {
         this._niceUtilsService = _niceUtilsService;
     }
 }
-NiceUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsModule, deps: [{ token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.NgModule });
-NiceUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsModule });
-NiceUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsModule, providers: [NiceUtilsService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceUtilsModule, decorators: [{
+NiceUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsModule, deps: [{ token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.NgModule });
+NiceUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsModule });
+NiceUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsModule, providers: [NiceUtilsService] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceUtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [NiceUtilsService]
@@ -795,14 +795,7 @@ class NiceAlertComponent {
      * Host binding for component classes
      */
     get classList() {
-        return {
-            "nice-alert-appearance-border": this.appearance === "border",
-            "nice-alert-appearance-fill": this.appearance === "fill",
-            "nice-alert-appearance-outline": this.appearance === "outline",
-            "nice-alert-appearance-soft": this.appearance === "soft",
-            "nice-alert-dismissed": this.dismissed,
-            "nice-alert-dismissible": this.dismissible,
-            "nice-alert-show-icon": this.showIcon,
+        let types = {
             "nice-alert-type-primary": this.type === "primary",
             "nice-alert-type-accent": this.type === "accent",
             "nice-alert-type-warn": this.type === "warn",
@@ -812,6 +805,14 @@ class NiceAlertComponent {
             "nice-alert-type-warning": this.type === "warning",
             "nice-alert-type-error": this.type === "error"
         };
+        if (this.color) {
+            types = {
+                "nice-alert-type-primary": this.color === "primary",
+                "nice-alert-type-accent": this.color === "accent",
+                "nice-alert-type-warn": this.color === "warn"
+            };
+        }
+        return Object.assign({ "nice-alert-appearance-border": this.appearance === "border", "nice-alert-appearance-fill": this.appearance === "fill", "nice-alert-appearance-outline": this.appearance === "outline", "nice-alert-appearance-soft": this.appearance === "soft", "nice-alert-dismissed": this.dismissed, "nice-alert-dismissible": this.dismissible, "nice-alert-show-icon": this.showIcon }, types);
     }
     // -----------------------------------------------------------------------------------------------------
     // @ Lifecycle hooks
@@ -919,9 +920,9 @@ class NiceAlertComponent {
         this._changeDetectorRef.markForCheck();
     }
 }
-NiceAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceAlertService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
-NiceAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceAlertComponent, selector: "nice-alert", inputs: { appearance: "appearance", dismissed: "dismissed", dismissible: "dismissible", disableAnimation: "disableAnimation", name: "name", showIcon: "showIcon", type: "type" }, outputs: { dismissedChanged: "dismissedChanged" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceAlert"], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"nice-alert-container\"\n    *ngIf=\"!dismissible || dismissible && !dismissed\"\n    [@fadeIn]=\"!dismissed && !disableAnimation\"\n    [@fadeOut]=\"!dismissed && !disableAnimation\">\n\n    <!-- Border -->\n    <div\n        class=\"nice-alert-border\"\n        *ngIf=\"appearance === 'border'\"></div>\n\n    <!-- Icon -->\n    <div\n        class=\"nice-alert-icon\"\n        *ngIf=\"showIcon\">\n\n        <!-- Custom icon -->\n        <div class=\"nice-alert-custom-icon\">\n            <ng-content select=\"[niceAlertIcon]\"></ng-content>\n        </div>\n\n        <!-- Default icons -->\n        <div class=\"nice-alert-default-icon\">\n\n            <mat-icon\n                *ngIf=\"type === 'primary'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'accent'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warn'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'basic'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'info'\"\n                [svgIcon]=\"'heroicons_solid:information-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'success'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warning'\"\n                [svgIcon]=\"'heroicons_solid:exclamation'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'error'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n        </div>\n\n    </div>\n\n    <!-- Content -->\n    <div class=\"nice-alert-content\">\n\n        <div class=\"nice-alert-title\">\n            <ng-content select=\"[niceAlertTitle]\"></ng-content>\n        </div>\n\n        <div class=\"nice-alert-message\">\n            <ng-content></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Dismiss button -->\n    <button\n        class=\"nice-alert-dismiss-button\"\n        mat-icon-button\n        (click)=\"dismiss()\">\n        <mat-icon [svgIcon]=\"'heroicons_solid:x'\"></mat-icon>\n    </button>\n\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertComponent, decorators: [{
+NiceAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceAlertService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
+NiceAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAlertComponent, selector: "nice-alert", inputs: { appearance: "appearance", dismissed: "dismissed", dismissible: "dismissible", disableAnimation: "disableAnimation", name: "name", showIcon: "showIcon", type: "type", color: "color" }, outputs: { dismissedChanged: "dismissedChanged" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceAlert"], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"nice-alert-container\"\n    *ngIf=\"!dismissible || dismissible && !dismissed\"\n    [@fadeIn]=\"!dismissed && !disableAnimation\"\n    [@fadeOut]=\"!dismissed && !disableAnimation\">\n\n    <!-- Border -->\n    <div\n        class=\"nice-alert-border\"\n        *ngIf=\"appearance === 'border'\"></div>\n\n    <!-- Icon -->\n    <div\n        class=\"nice-alert-icon\"\n        *ngIf=\"showIcon\">\n\n        <!-- Custom icon -->\n        <div class=\"nice-alert-custom-icon\">\n            <ng-content select=\"[niceAlertIcon]\"></ng-content>\n        </div>\n\n        <!-- Default icons -->\n        <div class=\"nice-alert-default-icon\">\n\n            <mat-icon\n                *ngIf=\"type === 'primary'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'accent'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warn'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'basic'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'info'\"\n                [svgIcon]=\"'heroicons_solid:information-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'success'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warning'\"\n                [svgIcon]=\"'heroicons_solid:exclamation'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'error'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n        </div>\n\n    </div>\n\n    <!-- Content -->\n    <div class=\"nice-alert-content\">\n\n        <div class=\"nice-alert-title\">\n            <ng-content select=\"[niceAlertTitle]\"></ng-content>\n        </div>\n\n        <div class=\"nice-alert-message\">\n            <ng-content></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Dismiss button -->\n    <button\n        class=\"nice-alert-dismiss-button\"\n        mat-icon-button\n        (click)=\"dismiss()\">\n        <mat-icon [svgIcon]=\"'heroicons_solid:x'\"></mat-icon>\n    </button>\n\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: niceAnimations, exportAs: "niceAlert", template: "<div\n    class=\"nice-alert-container\"\n    *ngIf=\"!dismissible || dismissible && !dismissed\"\n    [@fadeIn]=\"!dismissed && !disableAnimation\"\n    [@fadeOut]=\"!dismissed && !disableAnimation\">\n\n    <!-- Border -->\n    <div\n        class=\"nice-alert-border\"\n        *ngIf=\"appearance === 'border'\"></div>\n\n    <!-- Icon -->\n    <div\n        class=\"nice-alert-icon\"\n        *ngIf=\"showIcon\">\n\n        <!-- Custom icon -->\n        <div class=\"nice-alert-custom-icon\">\n            <ng-content select=\"[niceAlertIcon]\"></ng-content>\n        </div>\n\n        <!-- Default icons -->\n        <div class=\"nice-alert-default-icon\">\n\n            <mat-icon\n                *ngIf=\"type === 'primary'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'accent'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warn'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'basic'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'info'\"\n                [svgIcon]=\"'heroicons_solid:information-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'success'\"\n                [svgIcon]=\"'heroicons_solid:check-circle'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'warning'\"\n                [svgIcon]=\"'heroicons_solid:exclamation'\"></mat-icon>\n\n            <mat-icon\n                *ngIf=\"type === 'error'\"\n                [svgIcon]=\"'heroicons_solid:x-circle'\"></mat-icon>\n\n        </div>\n\n    </div>\n\n    <!-- Content -->\n    <div class=\"nice-alert-content\">\n\n        <div class=\"nice-alert-title\">\n            <ng-content select=\"[niceAlertTitle]\"></ng-content>\n        </div>\n\n        <div class=\"nice-alert-message\">\n            <ng-content></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Dismiss button -->\n    <button\n        class=\"nice-alert-dismiss-button\"\n        mat-icon-button\n        (click)=\"dismiss()\">\n        <mat-icon [svgIcon]=\"'heroicons_solid:x'\"></mat-icon>\n    </button>\n\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceAlertService }, { type: NiceUtilsService }]; }, propDecorators: { appearance: [{
@@ -938,6 +939,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Input
             }], type: [{
                 type: Input
+            }], color: [{
+                type: Input
             }], dismissedChanged: [{
                 type: Output
             }], classList: [{
@@ -947,14 +950,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceAlertModule {
 }
-NiceAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertModule, declarations: [NiceAlertComponent], imports: [CommonModule,
+NiceAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertModule, declarations: [NiceAlertComponent], imports: [CommonModule,
         MatButtonModule,
         MatIconModule], exports: [NiceAlertComponent] });
-NiceAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertModule, imports: [CommonModule,
+NiceAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertModule, imports: [CommonModule,
         MatButtonModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1643,9 +1646,9 @@ class NiceDropzoneDirective {
         }
     }
 }
-NiceDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NiceDropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.file-over": "this.fileOver" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneDirective, decorators: [{
+NiceDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NiceDropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.file-over": "this.fileOver" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceDropzone]" }]
         }], propDecorators: { fileOver: [{
@@ -1677,6 +1680,8 @@ class NiceAssetsCarouselComponent {
         this.edit = false;
         this.accept = ["image/*"];
         this.customActions = [];
+        this.multipleUpload = false;
+        this.showAddAssetContainer = true;
         this.activeChange = new EventEmitter();
         this.listStyle = { transform: "translateX(0px)" };
         if (!this.options) {
@@ -1841,15 +1846,15 @@ class NiceAssetsCarouselComponent {
         });
     }
 }
-NiceAssetsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselComponent, deps: [{ token: NICE_ASSETS_CAROUSEL_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NiceAssetsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceAssetsCarouselComponent, selector: "nice-assets-carousel", inputs: { color: "color", edit: "edit", accept: "accept", customActions: "customActions", assets: "assets" }, outputs: { activeChange: "activeChange" }, providers: [
+NiceAssetsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselComponent, deps: [{ token: NICE_ASSETS_CAROUSEL_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NiceAssetsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAssetsCarouselComponent, selector: "nice-assets-carousel", inputs: { color: "color", edit: "edit", accept: "accept", customActions: "customActions", multipleUpload: "multipleUpload", showAddAssetContainer: "showAddAssetContainer", assets: "assets" }, outputs: { activeChange: "activeChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => NiceAssetsCarouselComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], ngImport: i0, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div class=\"active-image\" [class.empty-state]=\"!_activeAsset\" matRipple [matRippleDisabled]=\"!!_activeAsset\" (click)=\"!_activeAsset && fileInput.click()\">\n        <img *ngIf=\"_activeAsset?.type === 'image'\" draggable=\"false\" [src]=\"_activeAsset.url ?? _activeAsset.base64\">\n        <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n        <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n\n            <div class=\"text\">\n                {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n            </div>\n        </div>\n\n        <div class=\"active-buttons\" *ngIf=\"edit\">\n            <button mat-icon-button (click)=\"fileInput.click()\">\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" [disabled]=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n            </button>\n\n            <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                <button mat-menu-item *ngFor=\"let action of customActions\" (click)=\"clickCustom(action)\">\n                    <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                    <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                    <span>{{ action.name | translate }}</span>\n                </button>\n                <button mat-menu-item (click)=\"clickRemove()\">\n                    <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                    <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                </button>\n            </mat-menu>\n        </div>\n\n        <div class=\"upload-overlay\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n        </div>\n    </div>\n\n    <div class=\"carousel\">\n        <button class=\"action-button\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n\n        <div class=\"asset-list-container\">\n            <div class=\"add-asset-container\" *ngIf=\"edit\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div #assets class=\"asset\" *ngFor=\"let asset of _assets; let i = index\" (click)=\"clickAsset(i)\" [ngClass]=\"color\" [class.active]=\"_active === i\">\n                    <img *ngIf=\"asset.type === 'image'\" draggable=\"false\" [src]=\"asset.url ?? asset.base64\">\n                    <video *ngIf=\"asset.type === 'video'\" draggable=\"false\" loop [src]=\"asset.url ?? asset.base64\"></video>\n                </div>\n            </div>\n        </div>\n\n        <button class=\"action-button\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\">\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], ngImport: i0, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div class=\"active-image\"\n         matRipple\n         [class.empty-state]=\"!_activeAsset\"\n         (click)=\"edit && fileInput.click(); $event.stopPropagation()\"\n    >\n        <img\n            *ngIf=\"_activeAsset?.type === 'image'\"\n            (mouseover)=\"showOverlay=true\"\n            [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n            draggable=\"false\"\n            class=\"relative\"\n            alt=\"active-image\"\n        >\n        <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n        <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n\n            <div class=\"text\">\n                {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n            </div>\n        </div>\n\n        <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n            <div\n                (mouseout)=\"showOverlay=false\"\n                class=\"flex flex-col justify-center items-center w-full h-full\"\n            >\n                <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n            </div>\n        </div>\n\n        <div *ngIf=\"edit\" class=\"active-buttons\">\n            <button mat-icon-button (click)=\"fileInput.click()\">\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n            </button>\n\n            <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let action of customActions\"\n                    (click)=\"clickCustom(action); $event.stopPropagation()\"\n                >\n                    <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                    <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                    <span>{{ action.name | translate }}</span>\n                </button>\n                <button\n                    mat-menu-item (click)=\"clickRemove(); $event.stopPropagation()\"\n                >\n                    <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                    <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                </button>\n            </mat-menu>\n        </div>\n    </div>\n\n    <div class=\"carousel\">\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n        <div class=\"asset-list-container\">\n            <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div #assets class=\"asset\" *ngFor=\"let asset of _assets; let i = index\" (click)=\"clickAsset(i)\" [ngClass]=\"color\" [class.active]=\"_active === i\">\n                    <img *ngIf=\"asset.type === 'image'\" draggable=\"false\" [src]=\"asset.url ?? asset.base64\" alt=\"add-image\">\n                    <video *ngIf=\"asset.type === 'video'\" draggable=\"false\" loop [src]=\"asset.url ?? asset.base64\"></video>\n                </div>\n            </div>\n        </div>\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-assets-carousel", encapsulation: ViewEncapsulation.None, animations: niceAnimations, providers: [
                         {
@@ -1857,7 +1862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                             useExisting: forwardRef(() => NiceAssetsCarouselComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div class=\"active-image\" [class.empty-state]=\"!_activeAsset\" matRipple [matRippleDisabled]=\"!!_activeAsset\" (click)=\"!_activeAsset && fileInput.click()\">\n        <img *ngIf=\"_activeAsset?.type === 'image'\" draggable=\"false\" [src]=\"_activeAsset.url ?? _activeAsset.base64\">\n        <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n        <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n\n            <div class=\"text\">\n                {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n            </div>\n        </div>\n\n        <div class=\"active-buttons\" *ngIf=\"edit\">\n            <button mat-icon-button (click)=\"fileInput.click()\">\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" [disabled]=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n            </button>\n\n            <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                <button mat-menu-item *ngFor=\"let action of customActions\" (click)=\"clickCustom(action)\">\n                    <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                    <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                    <span>{{ action.name | translate }}</span>\n                </button>\n                <button mat-menu-item (click)=\"clickRemove()\">\n                    <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                    <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                </button>\n            </mat-menu>\n        </div>\n\n        <div class=\"upload-overlay\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n        </div>\n    </div>\n\n    <div class=\"carousel\">\n        <button class=\"action-button\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n\n        <div class=\"asset-list-container\">\n            <div class=\"add-asset-container\" *ngIf=\"edit\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div #assets class=\"asset\" *ngFor=\"let asset of _assets; let i = index\" (click)=\"clickAsset(i)\" [ngClass]=\"color\" [class.active]=\"_active === i\">\n                    <img *ngIf=\"asset.type === 'image'\" draggable=\"false\" [src]=\"asset.url ?? asset.base64\">\n                    <video *ngIf=\"asset.type === 'video'\" draggable=\"false\" loop [src]=\"asset.url ?? asset.base64\"></video>\n                </div>\n            </div>\n        </div>\n\n        <button class=\"action-button\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\">\n" }]
+                    ], template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n    <div class=\"active-image\"\n         matRipple\n         [class.empty-state]=\"!_activeAsset\"\n         (click)=\"edit && fileInput.click(); $event.stopPropagation()\"\n    >\n        <img\n            *ngIf=\"_activeAsset?.type === 'image'\"\n            (mouseover)=\"showOverlay=true\"\n            [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n            draggable=\"false\"\n            class=\"relative\"\n            alt=\"active-image\"\n        >\n        <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n        <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n            <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n            <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n\n            <div class=\"text\">\n                {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n            </div>\n        </div>\n\n        <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n            <div\n                (mouseout)=\"showOverlay=false\"\n                class=\"flex flex-col justify-center items-center w-full h-full\"\n            >\n                <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n            </div>\n        </div>\n\n        <div *ngIf=\"edit\" class=\"active-buttons\">\n            <button mat-icon-button (click)=\"fileInput.click()\">\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n                <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n            </button>\n\n            <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let action of customActions\"\n                    (click)=\"clickCustom(action); $event.stopPropagation()\"\n                >\n                    <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n                    <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n                    <span>{{ action.name | translate }}</span>\n                </button>\n                <button\n                    mat-menu-item (click)=\"clickRemove(); $event.stopPropagation()\"\n                >\n                    <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n                    <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n                </button>\n            </mat-menu>\n        </div>\n    </div>\n\n    <div class=\"carousel\">\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n            <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n        </button>\n        <div class=\"asset-list-container\">\n            <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n                <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n                    <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n                    <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n                </div>\n            </div>\n\n            <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n                <div #assets class=\"asset\" *ngFor=\"let asset of _assets; let i = index\" (click)=\"clickAsset(i)\" [ngClass]=\"color\" [class.active]=\"_active === i\">\n                    <img *ngIf=\"asset.type === 'image'\" draggable=\"false\" [src]=\"asset.url ?? asset.base64\" alt=\"add-image\">\n                    <video *ngIf=\"asset.type === 'video'\" draggable=\"false\" loop [src]=\"asset.url ?? asset.base64\"></video>\n                </div>\n            </div>\n        </div>\n        <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n            <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n            <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n        </button>\n    </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n" }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Optional
@@ -1876,6 +1881,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Input
             }], customActions: [{
                 type: Input
+            }], multipleUpload: [{
+                type: Input
+            }], showAddAssetContainer: [{
+                type: Input
             }], activeChange: [{
                 type: Output
             }], activeVideoElement: [{
@@ -1890,10 +1899,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceDropzoneModule {
 }
-NiceDropzoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceDropzoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneModule, declarations: [NiceDropzoneDirective], exports: [NiceDropzoneDirective] });
-NiceDropzoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDropzoneModule, decorators: [{
+NiceDropzoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceDropzoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneModule, declarations: [NiceDropzoneDirective], exports: [NiceDropzoneDirective] });
+NiceDropzoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDropzoneModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -1942,22 +1951,22 @@ class NiceAssetsCarouselModule {
         };
     }
 }
-NiceAssetsCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceAssetsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselModule, declarations: [NiceAssetsCarouselComponent], imports: [CommonModule,
+NiceAssetsCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceAssetsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselModule, declarations: [NiceAssetsCarouselComponent], imports: [CommonModule,
         MatIconModule,
         MatButtonModule,
         MatMenuModule,
         MatRippleModule,
         NiceDropzoneModule,
         TranslateModule], exports: [NiceAssetsCarouselComponent] });
-NiceAssetsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselModule, imports: [CommonModule,
+NiceAssetsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselModule, imports: [CommonModule,
         MatIconModule,
         MatButtonModule,
         MatMenuModule,
         MatRippleModule,
         NiceDropzoneModule,
         TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAssetsCarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAssetsCarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2029,9 +2038,9 @@ class OptionsScrollDirective {
         }
     }
 }
-OptionsScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: OptionsScrollDirective, deps: [{ token: i1$1.MatAutocomplete }], target: i0.ɵɵFactoryTarget.Directive });
-OptionsScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: { thresholdPercent: "thresholdPercent" }, outputs: { optionsScroll: "optionsScroll" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: OptionsScrollDirective, decorators: [{
+OptionsScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: OptionsScrollDirective, deps: [{ token: i1$1.MatAutocomplete }], target: i0.ɵɵFactoryTarget.Directive });
+OptionsScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: { thresholdPercent: "thresholdPercent" }, outputs: { optionsScroll: "optionsScroll" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: OptionsScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     // tslint:disable-next-line:directive-selector
@@ -2442,14 +2451,14 @@ class NiceTypeaheadComponent {
         }
     }
 }
-NiceTypeaheadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i2$2.FocusMonitor }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NiceTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceTypeaheadComponent, selector: "nice-typeahead", inputs: { items: "items", labelFormatFn: "labelFormatFn", required: "required", disabled: "disabled", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", typeahead: "typeahead", page$: "page$", loading: "loading", loadingPage: "loadingPage", searchFn: "searchFn", optionTemplate: "optionTemplate" }, outputs: { change: "change" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
+NiceTypeaheadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i2$2.FocusMonitor }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NiceTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceTypeaheadComponent, selector: "nice-typeahead", inputs: { items: "items", labelFormatFn: "labelFormatFn", required: "required", disabled: "disabled", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", typeahead: "typeahead", page$: "page$", loading: "loading", loadingPage: "loadingPage", searchFn: "searchFn", optionTemplate: "optionTemplate" }, outputs: { change: "change" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
         {
             provide: MatFormFieldControl,
             useExisting: NiceTypeaheadComponent
         }
     ], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true, static: true }, { propertyName: "options", predicate: MatOption, descendants: true }], ngImport: i0, template: "<div class=\"flex\" *ngIf=\"!disabled; else disable\">\n    <input\n        #searchInput\n        matInput\n        class=\"flex-auto\"\n        type=\"text\"\n        name=\"mat-autocomplete\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [formControl]=\"searchControl\"\n        [matAutocomplete]=\"auto\"\n        [required]=\"required\"\n    />\n    <mat-icon *ngIf=\"value && !loading\" matSuffix class=\"close-button secondary-text\" (click)=\"onRemove($event)\">\n        close\n    </mat-icon>\n\n    <mat-spinner class=\"self-center\" [diameter]=\"16\" *ngIf=\"loading\"></mat-spinner>\n</div>\n<mat-autocomplete\n    #auto=\"matAutocomplete\"\n    [panelWidth]=\"panelWidth\"\n    [class]=\"panelClass\"\n    (optionActivated)=\"onOptionActivated($event)\"\n    (optionSelected)=\"onOptionSelected($event)\"\n    (closed)=\"updateState(false)\"\n    (opened)=\"updateState(true)\"\n    (optionsScroll)=\"onEndScroll()\"\n    autoActiveFirstOption\n>\n    <mat-progress-bar *ngIf=\"open && loading\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n    <mat-option *ngFor=\"let option of values\" [value]=\"option\">\n        <ng-container\n            *ngIf=\"optionTemplate; else format\"\n            [ngTemplateOutlet]=\"optionTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: option }\">\n        </ng-container>\n        <ng-template #format>\n            {{ formatLabel(option) }}\n        </ng-template>\n    </mat-option>\n    <mat-option *ngIf=\"!values?.length && !allowNotFoundItems\" disabled>\n        <ng-container *ngIf=\"emptyPlaceholder; else defaultEmptyPlaceholder\">\n            {{ emptyPlaceholder }}\n        </ng-container>\n        <ng-template #defaultEmptyPlaceholder>\n            {{ \"components.typeahead.no_item_found\" | translate }}\n        </ng-template>\n    </mat-option>\n    <mat-option *ngIf=\"!values?.length && allowNotFoundItems\" id=\"new-value-option\" [value]=\"searchControl.value\">\n        <span class=\"italic\">{{ searchControl.value }}</span>\n    </mat-option>\n    <mat-progress-bar *ngIf=\"open && loadingPage\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n</mat-autocomplete>\n\n<ng-template #disable>\n    <input\n        matInput\n        class=\"disabled-input\"\n        type=\"text\"\n        [disabled]=\"true\"\n        [placeholder]=\"placeholder\"\n        [formControl]=\"searchControl\"\n        [required]=\"required\"\n    />\n</ng-template>\n", styles: ["nice-typeahead{width:100%}nice-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-typeahead .disabled-input{flex:1 1 95%}nice-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;user-select:none}nice-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: ["thresholdPercent"], outputs: ["optionsScroll"] }, { kind: "component", type: i1$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i1$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-typeahead", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -2515,10 +2524,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class OptionScrollModule {
 }
-OptionScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: OptionScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-OptionScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: OptionScrollModule, declarations: [OptionsScrollDirective], exports: [OptionsScrollDirective] });
-OptionScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: OptionScrollModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: OptionScrollModule, decorators: [{
+OptionScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: OptionScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OptionScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: OptionScrollModule, declarations: [OptionsScrollDirective], exports: [OptionsScrollDirective] });
+OptionScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: OptionScrollModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: OptionScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OptionsScrollDirective],
@@ -2528,8 +2537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceTypeaheadModule {
 }
-NiceTypeaheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadModule, declarations: [NiceTypeaheadComponent], imports: [CommonModule,
+NiceTypeaheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadModule, declarations: [NiceTypeaheadComponent], imports: [CommonModule,
         ReactiveFormsModule,
         OptionScrollModule,
         MatAutocompleteModule,
@@ -2540,7 +2549,7 @@ NiceTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         MatIconModule,
         MatButtonModule,
         TranslateModule], exports: [NiceTypeaheadComponent] });
-NiceTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadModule, imports: [CommonModule,
+NiceTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadModule, imports: [CommonModule,
         ReactiveFormsModule,
         OptionScrollModule,
         MatAutocompleteModule,
@@ -2551,7 +2560,7 @@ NiceTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         MatIconModule,
         MatButtonModule,
         TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceTypeaheadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceTypeaheadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2709,9 +2718,9 @@ class NiceAsyncTypeaheadService {
         return api.format(item);
     }
 }
-NiceAsyncTypeaheadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadService, deps: [{ token: NICE_ASYNC_TYPEAHEAD_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceAsyncTypeaheadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadService, decorators: [{
+NiceAsyncTypeaheadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadService, deps: [{ token: NICE_ASYNC_TYPEAHEAD_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceAsyncTypeaheadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -2762,6 +2771,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         this.allowNotFoundItems = false;
         this.panelClass = [];
         this.bindValue = "id";
+        this.selected = new EventEmitter();
         this._disabled = false;
         this.id = uuid.v4();
         this.describedBy = "";
@@ -2808,6 +2818,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this._value = value;
             this.propagate(value);
             this.stateChanges.next();
+            this.selected.emit(value);
         }
     }
     get value() {
@@ -2955,7 +2966,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             }
         }
     }
-    onRemove(event) {
+    onRemove(event, reload = true) {
         var _a;
         if (event) {
             // event.stopPropagation();
@@ -2970,7 +2981,9 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
             this.ngControl.control.markAsTouched();
         }
         this.stateChanges.next();
-        this.service.search(this.resource, "", this.searchOptions);
+        if (reload) {
+            this.service.search(this.resource, "", this.searchOptions);
+        }
     }
     formatLabel(item) {
         if (this._labelFormatFn) {
@@ -3054,15 +3067,15 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         });
     }
 }
-NiceAsyncTypeaheadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i1$2.NgForm, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i2$1.ErrorStateMatcher }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: NiceAsyncTypeaheadService }], target: i0.ɵɵFactoryTarget.Component });
-NiceAsyncTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: { resource: "resource", searchOptions: "searchOptions", preloadResource: "preloadResource", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", optionTemplate: "optionTemplate", filterFn: "filterFn", labelFormatFn: "labelFormatFn", disabled: "disabled", value: "value", required: "required" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
+NiceAsyncTypeaheadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i1$2.NgForm, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i2$1.ErrorStateMatcher }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: NiceAsyncTypeaheadService }], target: i0.ɵɵFactoryTarget.Component });
+NiceAsyncTypeaheadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: { resource: "resource", searchOptions: "searchOptions", preloadResource: "preloadResource", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", optionTemplate: "optionTemplate", filterFn: "filterFn", labelFormatFn: "labelFormatFn", disabled: "disabled", value: "value", required: "required" }, outputs: { selected: "selected" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
         {
             provide: MatFormFieldControl,
             useExisting: NiceAsyncTypeaheadComponent
         },
         NiceAsyncTypeaheadService
-    ], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true, static: true }, { propertyName: "options", predicate: MatOption, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"{ loading: service.loading$ | async, loadingPage: service.loadingPage$ | async, values: service.filteredItems$ | async } as ctx\">\n    <div class=\"flex\" *ngIf=\"!disabled; else disable\">\n        <input\n            #searchInput\n            matInput\n            class=\"flex-auto\"\n            type=\"text\"\n            name=\"mat-autocomplete\"\n            [disabled]=\"$any(disabled)\"\n            [placeholder]=\"placeholder\"\n            [formControl]=\"searchControl\"\n            [matAutocomplete]=\"auto\"\n            [required]=\"$any(required)\"\n            (focus)=\"focusChanged(true)\"\n        />\n        <mat-icon *ngIf=\"value && !ctx.loading\" matSuffix class=\"close-button secondary-text\" (click)=\"onRemove($event)\">\n            close\n        </mat-icon>\n\n        <mat-spinner class=\"self-center\" [diameter]=\"16\" *ngIf=\"ctx.loading\"></mat-spinner>\n    </div>\n    <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        [panelWidth]=\"panelWidth\"\n        [class]=\"panelClass\"\n        (optionActivated)=\"onOptionActivated($event)\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        (closed)=\"updateState(false)\"\n        (opened)=\"updateState(true)\"\n        (optionsScroll)=\"onEndScroll()\"\n        autoActiveFirstOption\n    >\n        <mat-progress-bar *ngIf=\"open && ctx.loading\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n        <mat-option *ngFor=\"let option of ctx.values\" [value]=\"option\">\n            <ng-container\n                    *ngIf=\"optionTemplate; else format\"\n                    [ngTemplateOutlet]=\"optionTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option }\">\n            </ng-container>\n            <ng-template #format>\n                {{ formatLabel(option) }}\n            </ng-template>\n        </mat-option>\n        <mat-option *ngIf=\"!ctx.values?.length && !allowNotFoundItems\" disabled>\n            <ng-container *ngIf=\"emptyPlaceholder; else defaultEmptyPlaceholder\">\n                {{ emptyPlaceholder }}\n            </ng-container>\n            <ng-template #defaultEmptyPlaceholder>\n                {{ \"components.typeahead.no_item_found\" | translate }}\n            </ng-template>\n        </mat-option>\n        <mat-option *ngIf=\"!ctx.values?.length && allowNotFoundItems\" id=\"new-value-option\" [value]=\"searchControl.value\">\n            <span class=\"italic\">{{ searchControl.value }}</span>\n        </mat-option>\n        <mat-progress-bar *ngIf=\"open && ctx.loadingPage\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n    </mat-autocomplete>\n</ng-container>\n\n<ng-template #disable>\n    <input\n        matInput\n        class=\"disabled-input\"\n        type=\"text\"\n        [disabled]=\"true\"\n        [placeholder]=\"placeholder\"\n        [formControl]=\"searchControl\"\n        [required]=\"$any(required)\"\n    />\n</ng-template>\n", styles: ["nice-async-typeahead{width:100%}nice-async-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-async-typeahead .disabled-input{flex:1 1 95%}nice-async-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;user-select:none}nice-async-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: ["thresholdPercent"], outputs: ["optionsScroll"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i1$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i1$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "options", predicate: MatOption, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"{ loading: service.loading$ | async, loadingPage: service.loadingPage$ | async, values: service.filteredItems$ | async } as ctx\">\n    <div class=\"flex\" *ngIf=\"!disabled; else disable\">\n        <input\n            #searchInput\n            matInput\n            class=\"flex-auto\"\n            type=\"text\"\n            name=\"mat-autocomplete\"\n            [disabled]=\"$any(disabled)\"\n            [placeholder]=\"placeholder\"\n            [formControl]=\"searchControl\"\n            [matAutocomplete]=\"auto\"\n            [required]=\"$any(required)\"\n            (focus)=\"focusChanged(true)\"\n        />\n        <mat-icon *ngIf=\"value && !ctx.loading\" matSuffix class=\"close-button secondary-text\" (click)=\"onRemove($event)\">\n            close\n        </mat-icon>\n\n        <mat-spinner class=\"self-center\" [diameter]=\"16\" *ngIf=\"ctx.loading\"></mat-spinner>\n    </div>\n    <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        [panelWidth]=\"panelWidth\"\n        [class]=\"panelClass\"\n        (optionActivated)=\"onOptionActivated($event)\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        (closed)=\"updateState(false)\"\n        (opened)=\"updateState(true)\"\n        (optionsScroll)=\"onEndScroll()\"\n        autoActiveFirstOption\n    >\n        <mat-progress-bar *ngIf=\"open && ctx.loading\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n        <mat-option *ngFor=\"let option of ctx.values\" [value]=\"option\">\n            <ng-container\n                    *ngIf=\"optionTemplate; else format\"\n                    [ngTemplateOutlet]=\"optionTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option }\">\n            </ng-container>\n            <ng-template #format>\n                {{ formatLabel(option) }}\n            </ng-template>\n        </mat-option>\n        <mat-option *ngIf=\"!ctx.values?.length && !allowNotFoundItems\" disabled>\n            <ng-container *ngIf=\"emptyPlaceholder; else defaultEmptyPlaceholder\">\n                {{ emptyPlaceholder }}\n            </ng-container>\n            <ng-template #defaultEmptyPlaceholder>\n                {{ \"components.typeahead.no_item_found\" | translate }}\n            </ng-template>\n        </mat-option>\n        <mat-option *ngIf=\"!ctx.values?.length && allowNotFoundItems\" id=\"new-value-option\" [value]=\"searchControl.value\">\n            <span class=\"italic\">{{ searchControl.value }}</span>\n        </mat-option>\n        <mat-progress-bar *ngIf=\"open && ctx.loadingPage\" mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n    </mat-autocomplete>\n</ng-container>\n\n<ng-template #disable>\n    <input\n        matInput\n        class=\"disabled-input\"\n        type=\"text\"\n        [disabled]=\"true\"\n        [placeholder]=\"placeholder\"\n        [formControl]=\"searchControl\"\n        [required]=\"$any(required)\"\n    />\n</ng-template>\n", styles: ["nice-async-typeahead{width:100%}nice-async-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-async-typeahead .disabled-input{flex:1 1 95%}nice-async-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;user-select:none}nice-async-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: ["thresholdPercent"], outputs: ["optionsScroll"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i1$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i1$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-async-typeahead", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -3083,7 +3096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                     }] }, { type: i2$1.ErrorStateMatcher }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: NiceAsyncTypeaheadService }];
     }, propDecorators: { input: [{
                 type: ViewChild,
-                args: ["searchInput", { static: true }]
+                args: ["searchInput"]
             }], options: [{
                 type: ViewChildren,
                 args: [MatOption]
@@ -3109,6 +3122,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Input
             }], filterFn: [{
                 type: Input
+            }], selected: [{
+                type: Output
             }], labelFormatFn: [{
                 type: Input
             }], disabled: [{
@@ -3139,8 +3154,8 @@ class NiceAsyncTypeaheadModule {
         };
     }
 }
-NiceAsyncTypeaheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceAsyncTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadModule, declarations: [NiceAsyncTypeaheadComponent], imports: [CommonModule,
+NiceAsyncTypeaheadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceAsyncTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadModule, declarations: [NiceAsyncTypeaheadComponent], imports: [CommonModule,
         ReactiveFormsModule,
         OptionScrollModule,
         MatInputModule,
@@ -3149,7 +3164,7 @@ NiceAsyncTypeaheadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0"
         MatProgressSpinnerModule,
         MatProgressBarModule,
         TranslateModule], exports: [NiceAsyncTypeaheadComponent] });
-NiceAsyncTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadModule, imports: [CommonModule,
+NiceAsyncTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadModule, imports: [CommonModule,
         ReactiveFormsModule,
         OptionScrollModule,
         MatInputModule,
@@ -3158,7 +3173,7 @@ NiceAsyncTypeaheadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
         MatProgressSpinnerModule,
         MatProgressBarModule,
         TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAsyncTypeaheadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAsyncTypeaheadModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3187,6 +3202,13 @@ class NiceBaseFormComponent {
         this.unsubscribeAll$ = new Subject();
         this.propagate = () => { };
     }
+    onChange(event) {
+        if (event) {
+            if (event.code === KeyboardCodes.Enter) {
+                this.clickSubmit();
+            }
+        }
+    }
     ngOnInit() {
         this.formGroup.valueChanges.pipe(takeUntil(this.unsubscribeAll$)).subscribe(() => {
             this.onValueChange(this.formGroup.getRawValue());
@@ -3247,9 +3269,9 @@ class NiceBaseFormComponent {
         return null;
     }
 }
-NiceBaseFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormComponent, deps: [{ token: i1$4.GeneratedFormGroup }], target: i0.ɵɵFactoryTarget.Component });
-NiceBaseFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceBaseFormComponent, selector: "ng-component", inputs: { loading: "loading" }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: CdkStepper, descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormComponent, decorators: [{
+NiceBaseFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormComponent, deps: [{ token: i1$4.GeneratedFormGroup }], target: i0.ɵɵFactoryTarget.Component });
+NiceBaseFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceBaseFormComponent, selector: "ng-component", inputs: { loading: "loading" }, outputs: { submit: "submit" }, host: { listeners: { "keyup": "onChange($event)" } }, viewQueries: [{ propertyName: "stepper", first: true, predicate: CdkStepper, descendants: true }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``
@@ -3261,6 +3283,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Input
             }], submit: [{
                 type: Output
+            }], onChange: [{
+                type: HostListener,
+                args: ["keyup", ["$event"]]
             }] } });
 
 class NiceFormSubmitDirective {
@@ -3268,9 +3293,9 @@ class NiceFormSubmitDirective {
         this.form.clickSubmit();
     }
 }
-NiceFormSubmitDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NiceFormSubmitDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceFormSubmitDirective, selector: "[niceFormSubmit]", inputs: { form: "form" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormSubmitDirective, decorators: [{
+NiceFormSubmitDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NiceFormSubmitDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceFormSubmitDirective, selector: "[niceFormSubmit]", inputs: { form: "form" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormSubmitDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceFormSubmit]" }]
         }], propDecorators: { form: [{
@@ -3282,10 +3307,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceBaseFormModule {
 }
-NiceBaseFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceBaseFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormModule, declarations: [NiceFormSubmitDirective], exports: [NiceFormSubmitDirective] });
-NiceBaseFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceBaseFormModule, decorators: [{
+NiceBaseFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceBaseFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormModule, declarations: [NiceFormSubmitDirective], exports: [NiceFormSubmitDirective] });
+NiceBaseFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceBaseFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NiceFormSubmitDirective],
@@ -3344,9 +3369,9 @@ class NiceCardComponent {
         }
     }
 }
-NiceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceCardComponent, selector: "nice-card", inputs: { expanded: "expanded", face: "face", flippable: "flippable" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceCard"], usesOnChanges: true, ngImport: i0, template: "<!-- Flippable card -->\n<ng-container *ngIf=\"flippable\">\n    <!-- Front -->\n    <div class=\"nice-card-front\">\n        <ng-content select=\"[niceCardFront]\"></ng-content>\n    </div>\n\n    <!-- Back -->\n    <div class=\"nice-card-back\">\n        <ng-content select=\"[niceCardBack]\"></ng-content>\n    </div>\n</ng-container>\n\n<!-- Normal card -->\n<ng-container *ngIf=\"!flippable\">\n    <!-- Content -->\n    <ng-content></ng-content>\n\n    <!-- Expansion -->\n    <div\n        class=\"nice-card-expansion\"\n        *ngIf=\"expanded\"\n        [@expandCollapse]>\n        <ng-content select=\"[niceCardExpansion]\"></ng-content>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCardComponent, decorators: [{
+NiceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NiceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceCardComponent, selector: "nice-card", inputs: { expanded: "expanded", face: "face", flippable: "flippable" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceCard"], usesOnChanges: true, ngImport: i0, template: "<!-- Flippable card -->\n<ng-container *ngIf=\"flippable\">\n    <!-- Front -->\n    <div class=\"nice-card-front\">\n        <ng-content select=\"[niceCardFront]\"></ng-content>\n    </div>\n\n    <!-- Back -->\n    <div class=\"nice-card-back\">\n        <ng-content select=\"[niceCardBack]\"></ng-content>\n    </div>\n</ng-container>\n\n<!-- Normal card -->\n<ng-container *ngIf=\"!flippable\">\n    <!-- Content -->\n    <ng-content></ng-content>\n\n    <!-- Expansion -->\n    <div\n        class=\"nice-card-expansion\"\n        *ngIf=\"expanded\"\n        [@expandCollapse]>\n        <ng-content select=\"[niceCardExpansion]\"></ng-content>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCardComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-card", encapsulation: ViewEncapsulation.None, animations: niceAnimations, exportAs: "niceCard", template: "<!-- Flippable card -->\n<ng-container *ngIf=\"flippable\">\n    <!-- Front -->\n    <div class=\"nice-card-front\">\n        <ng-content select=\"[niceCardFront]\"></ng-content>\n    </div>\n\n    <!-- Back -->\n    <div class=\"nice-card-back\">\n        <ng-content select=\"[niceCardBack]\"></ng-content>\n    </div>\n</ng-container>\n\n<!-- Normal card -->\n<ng-container *ngIf=\"!flippable\">\n    <!-- Content -->\n    <ng-content></ng-content>\n\n    <!-- Expansion -->\n    <div\n        class=\"nice-card-expansion\"\n        *ngIf=\"expanded\"\n        [@expandCollapse]>\n        <ng-content select=\"[niceCardExpansion]\"></ng-content>\n    </div>\n</ng-container>\n" }]
         }], propDecorators: { expanded: [{
@@ -3362,10 +3387,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceCardModule {
 }
-NiceCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceCardModule, declarations: [NiceCardComponent], imports: [CommonModule], exports: [NiceCardComponent] });
-NiceCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCardModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCardModule, decorators: [{
+NiceCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceCardModule, declarations: [NiceCardComponent], imports: [CommonModule], exports: [NiceCardComponent] });
+NiceCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCardModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3382,9 +3407,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class PictureModalComponent {
 }
-PictureModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PictureModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PictureModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: PictureModalComponent, selector: "nice-picture-modal", ngImport: i0, template: "<div class=\"overlay-content\">\n    <img [src]=\"picture\" />\n</div>\n", styles: ["nice-picture-modal{height:80vh!important;width:100%!important;border-radius:8px}nice-picture-modal img{height:80vh;width:100%;object-fit:contain}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PictureModalComponent, decorators: [{
+PictureModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PictureModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PictureModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: PictureModalComponent, selector: "nice-picture-modal", ngImport: i0, template: "<div class=\"overlay-content\">\n    <img [src]=\"picture\" />\n</div>\n", styles: ["nice-picture-modal{height:80vh!important;width:100%!important;border-radius:8px}nice-picture-modal img{height:80vh;width:100%;object-fit:contain}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PictureModalComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, selector: "nice-picture-modal", template: "<div class=\"overlay-content\">\n    <img [src]=\"picture\" />\n</div>\n", styles: ["nice-picture-modal{height:80vh!important;width:100%!important;border-radius:8px}nice-picture-modal img{height:80vh;width:100%;object-fit:contain}\n"] }]
         }] });
@@ -3411,9 +3436,9 @@ class PictureModalService {
         overlayRef.backdropClick().subscribe(() => overlayRef.dispose());
     }
 }
-PictureModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PictureModalService, deps: [{ token: i1$5.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
-PictureModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PictureModalService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PictureModalService, decorators: [{
+PictureModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PictureModalService, deps: [{ token: i1$5.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+PictureModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PictureModalService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PictureModalService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$5.Overlay }]; } });
 
@@ -3425,9 +3450,9 @@ class CarouselLayoutPipe {
         return direction === "utd" ? "flex-col" : "flex-col-reverse";
     }
 }
-CarouselLayoutPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CarouselLayoutPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CarouselLayoutPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: CarouselLayoutPipe, name: "carouselLayout" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CarouselLayoutPipe, decorators: [{
+CarouselLayoutPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CarouselLayoutPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CarouselLayoutPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: CarouselLayoutPipe, name: "carouselLayout" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CarouselLayoutPipe, decorators: [{
             type: Pipe,
             args: [{ name: "carouselLayout" }]
         }] });
@@ -3452,9 +3477,9 @@ class CarouselComponent {
         this.delete.emit(picture);
     }
 }
-CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CarouselComponent, deps: [{ token: PictureModalService }], target: i0.ɵɵFactoryTarget.Component });
-CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n    <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n        <div class=\"slide\" *ngFor=\"let image of currentImages\">\n            <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n            <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\" *ngIf=\"editable\"></i>\n        </div>\n    </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: CarouselLayoutPipe, name: "carouselLayout" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CarouselComponent, decorators: [{
+CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CarouselComponent, deps: [{ token: PictureModalService }], target: i0.ɵɵFactoryTarget.Component });
+CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n    <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n        <div class=\"slide\" *ngFor=\"let image of currentImages\">\n            <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n            <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\" *ngIf=\"editable\"></i>\n        </div>\n    </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: CarouselLayoutPipe, name: "carouselLayout" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, template: "<div class=\"slides-container\">\n    <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n        <div class=\"slide\" *ngFor=\"let image of currentImages\">\n            <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n            <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\" *ngIf=\"editable\"></i>\n        </div>\n    </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: PictureModalService }]; }, propDecorators: { images: [{
@@ -3471,18 +3496,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceCarouselModule {
 }
-NiceCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceCarouselModule, declarations: [CarouselComponent, PictureModalComponent, CarouselLayoutPipe], imports: [CommonModule,
+NiceCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceCarouselModule, declarations: [CarouselComponent, PictureModalComponent, CarouselLayoutPipe], imports: [CommonModule,
         MatCardModule,
         MatButtonModule,
         TranslateModule,
         MatIconModule], exports: [CarouselComponent] });
-NiceCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCarouselModule, providers: [PictureModalService], imports: [CommonModule,
+NiceCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCarouselModule, providers: [PictureModalService], imports: [CommonModule,
         MatCardModule,
         MatButtonModule,
         TranslateModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3528,9 +3553,9 @@ class NiceDrawerService {
         return this._componentRegistry.get(name);
     }
 }
-NiceDrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NiceDrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerService, decorators: [{
+NiceDrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NiceDrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -3573,9 +3598,9 @@ class NiceConfigService {
         this._config.next(this.config);
     }
 }
-NiceConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigService, deps: [{ token: NICE_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigService, decorators: [{
+NiceConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigService, deps: [{ token: NICE_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -3609,10 +3634,10 @@ class NiceConfigModule {
         };
     }
 }
-NiceConfigModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigModule, deps: [{ token: NiceConfigService }], target: i0.ɵɵFactoryTarget.NgModule });
-NiceConfigModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigModule });
-NiceConfigModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceConfigModule, decorators: [{
+NiceConfigModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigModule, deps: [{ token: NiceConfigService }], target: i0.ɵɵFactoryTarget.NgModule });
+NiceConfigModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigModule });
+NiceConfigModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceConfigModule, decorators: [{
             type: NgModule
         }], ctorParameters: function () { return [{ type: NiceConfigService }]; } });
 
@@ -3710,9 +3735,9 @@ class NiceMediaWatcherService {
         }
     }
 }
-NiceMediaWatcherService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherService, deps: [{ token: i1$6.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceMediaWatcherService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherService, decorators: [{
+NiceMediaWatcherService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherService, deps: [{ token: i1$6.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceMediaWatcherService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$6.BreakpointObserver }]; } });
 
@@ -3724,12 +3749,12 @@ class NiceMediaWatcherModule {
         this._niceMediaWatcherService = _niceMediaWatcherService;
     }
 }
-NiceMediaWatcherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherModule, deps: [{ token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.NgModule });
-NiceMediaWatcherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherModule });
-NiceMediaWatcherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherModule, providers: [
+NiceMediaWatcherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherModule, deps: [{ token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.NgModule });
+NiceMediaWatcherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherModule });
+NiceMediaWatcherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherModule, providers: [
         NiceMediaWatcherService
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMediaWatcherModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMediaWatcherModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [
@@ -3768,9 +3793,9 @@ class NiceSplashScreenService {
         this._document.body.classList.add("nice-splash-screen-hidden");
     }
 }
-NiceSplashScreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenService, deps: [{ token: DOCUMENT }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceSplashScreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenService, decorators: [{
+NiceSplashScreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenService, deps: [{ token: DOCUMENT }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceSplashScreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -3787,12 +3812,12 @@ class NiceSplashScreenModule {
         this._niceSplashScreenService = _niceSplashScreenService;
     }
 }
-NiceSplashScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenModule, deps: [{ token: NiceSplashScreenService }], target: i0.ɵɵFactoryTarget.NgModule });
-NiceSplashScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenModule });
-NiceSplashScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenModule, providers: [
+NiceSplashScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenModule, deps: [{ token: NiceSplashScreenService }], target: i0.ɵɵFactoryTarget.NgModule });
+NiceSplashScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenModule });
+NiceSplashScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenModule, providers: [
         NiceSplashScreenService
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSplashScreenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSplashScreenModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [
@@ -4123,9 +4148,9 @@ class NiceDrawerComponent {
         this.openedChanged.next(open);
     }
 }
-NiceDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerComponent, deps: [{ token: i1$8.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NiceDrawerService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
-NiceDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceDrawerComponent, selector: "nice-drawer", inputs: { fixed: "fixed", mode: "mode", width: "width", name: "name", opened: "opened", position: "position", transparentOverlay: "transparentOverlay" }, outputs: { fixedChanged: "fixedChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, exportAs: ["niceDrawer"], usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-drawer-toggle\">\n    <ng-content select=\"[niceDrawerToggle]\"></ng-content>\n</div>\n\n<div class=\"nice-drawer-content\" [style.visibility]=\"opened ? 'visible' : 'hidden'\">\n    <ng-content></ng-content>\n</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerComponent, decorators: [{
+NiceDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerComponent, deps: [{ token: i1$8.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NiceDrawerService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
+NiceDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceDrawerComponent, selector: "nice-drawer", inputs: { fixed: "fixed", mode: "mode", width: "width", name: "name", opened: "opened", position: "position", transparentOverlay: "transparentOverlay" }, outputs: { fixedChanged: "fixedChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, exportAs: ["niceDrawer"], usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-drawer-toggle\">\n    <ng-content select=\"[niceDrawerToggle]\"></ng-content>\n</div>\n\n<div class=\"nice-drawer-content\" [style.visibility]=\"opened ? 'visible' : 'hidden'\">\n    <ng-content></ng-content>\n</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-drawer", encapsulation: ViewEncapsulation.None, exportAs: "niceDrawer", template: "<div class=\"nice-drawer-toggle\">\n    <ng-content select=\"[niceDrawerToggle]\"></ng-content>\n</div>\n\n<div class=\"nice-drawer-content\" [style.visibility]=\"opened ? 'visible' : 'hidden'\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$8.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: NiceDrawerService }, { type: NiceUtilsService }]; }, propDecorators: { fixed: [{
@@ -4166,12 +4191,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceDrawerModule {
 }
-NiceDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerModule, declarations: [NiceDrawerComponent], imports: [CommonModule,
+NiceDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerModule, declarations: [NiceDrawerComponent], imports: [CommonModule,
         MatIconModule], exports: [NiceDrawerComponent] });
-NiceDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerModule, imports: [CommonModule,
+NiceDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerModule, imports: [CommonModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceDrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4189,9 +4214,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class ExportBottomSheetService {
 }
-ExportBottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ExportBottomSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExportBottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ExportBottomSheetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ExportBottomSheetService, decorators: [{
+ExportBottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ExportBottomSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ExportBottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ExportBottomSheetService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ExportBottomSheetService, decorators: [{
             type: Injectable
         }] });
 class DefaultExportBottomSheetService extends ExportBottomSheetService {
@@ -4207,9 +4232,9 @@ class DefaultExportBottomSheetService extends ExportBottomSheetService {
         return "";
     }
 }
-DefaultExportBottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DefaultExportBottomSheetService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DefaultExportBottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DefaultExportBottomSheetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DefaultExportBottomSheetService, decorators: [{
+DefaultExportBottomSheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DefaultExportBottomSheetService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DefaultExportBottomSheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DefaultExportBottomSheetService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DefaultExportBottomSheetService, decorators: [{
             type: Injectable
         }] });
 
@@ -4227,9 +4252,9 @@ class ExportBottomSheetComponent {
         strategy.onClickExport();
     }
 }
-ExportBottomSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ExportBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }, { token: i1$9.MatBottomSheetRef }, { token: ExportBottomSheetService }], target: i0.ɵɵFactoryTarget.Component });
-ExportBottomSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ExportBottomSheetComponent, selector: "nice-export-bottom-sheet", ngImport: i0, template: "<mat-nav-list>\n    <a *ngFor=\"let strategy of exportBottomSheetConfig.exportStrategies\" mat-list-item (click)=\"clickExport(strategy)\">\n        <i [ngClass]=\"getStrategyIcon(strategy)\" mat-list-icon></i>\n        <span mat-line>{{ (\"components.export_bottom_sheet.types.\" + strategy.type) | translate }}</span>\n    </a>\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i4$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ExportBottomSheetComponent, decorators: [{
+ExportBottomSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ExportBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }, { token: i1$9.MatBottomSheetRef }, { token: ExportBottomSheetService }], target: i0.ɵɵFactoryTarget.Component });
+ExportBottomSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ExportBottomSheetComponent, selector: "nice-export-bottom-sheet", ngImport: i0, template: "<mat-nav-list>\n    <a *ngFor=\"let strategy of exportBottomSheetConfig.exportStrategies\" mat-list-item (click)=\"clickExport(strategy)\">\n        <i [ngClass]=\"getStrategyIcon(strategy)\" mat-list-icon></i>\n        <span mat-line>{{ (\"components.export_bottom_sheet.types.\" + strategy.type) | translate }}</span>\n    </a>\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4$2.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i4$2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ExportBottomSheetComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-export-bottom-sheet", template: "<mat-nav-list>\n    <a *ngFor=\"let strategy of exportBottomSheetConfig.exportStrategies\" mat-list-item (click)=\"clickExport(strategy)\">\n        <i [ngClass]=\"getStrategyIcon(strategy)\" mat-list-icon></i>\n        <span mat-line>{{ (\"components.export_bottom_sheet.types.\" + strategy.type) | translate }}</span>\n    </a>\n</mat-nav-list>\n" }]
         }], ctorParameters: function () {
@@ -4252,15 +4277,15 @@ class NiceExportBottomSheetModule {
         };
     }
 }
-NiceExportBottomSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceExportBottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceExportBottomSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceExportBottomSheetModule, declarations: [ExportBottomSheetComponent], imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule], exports: [ExportBottomSheetComponent] });
-NiceExportBottomSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceExportBottomSheetModule, providers: [
+NiceExportBottomSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceExportBottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceExportBottomSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceExportBottomSheetModule, declarations: [ExportBottomSheetComponent], imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule], exports: [ExportBottomSheetComponent] });
+NiceExportBottomSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceExportBottomSheetModule, providers: [
         {
             provide: ExportBottomSheetService,
             useClass: DefaultExportBottomSheetService
         }
     ], imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceExportBottomSheetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceExportBottomSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule],
@@ -4288,8 +4313,8 @@ class NiceFormErrorComponent {
         this.message = value;
     }
 }
-NiceFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceFormErrorComponent, selector: "[form-error]", inputs: { error: "error" }, ngImport: i0, template: `
+NiceFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NiceFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceFormErrorComponent, selector: "[form-error]", inputs: { error: "error" }, ngImport: i0, template: `
         <div [@animation]="increment" *ngIf="message">
             <mat-error>
                 {{ message }}
@@ -4305,7 +4330,7 @@ NiceFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             transition(":leave", [animate("200ms ease-out", style({ opacity: 0, transform: "translateY(-1rem)" }))])
         ])
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorComponent, decorators: [{
             type: Component,
             args: [{
                     // tslint:disable-next-line:components-selector component-selector
@@ -4402,19 +4427,19 @@ class NiceControlStatusDirective {
         this.ref.instance.error = text;
     }
 }
-NiceControlStatusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceControlStatusDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$3.MatFormField }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
-NiceControlStatusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceControlStatusDirective, selector: "[niceControlStatus]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceControlStatusDirective, decorators: [{
+NiceControlStatusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceControlStatusDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$3.MatFormField }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
+NiceControlStatusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceControlStatusDirective, selector: "[niceControlStatus]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceControlStatusDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceControlStatus]" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$3.MatFormField }, { type: i1.TranslateService }]; } });
 
 class NiceFormErrorModule {
 }
-NiceFormErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceFormErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorModule, declarations: [NiceFormErrorComponent, NiceControlStatusDirective], imports: [CommonModule, MatFormFieldModule], exports: [NiceFormErrorComponent, NiceControlStatusDirective] });
-NiceFormErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorModule, imports: [CommonModule, MatFormFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceFormErrorModule, decorators: [{
+NiceFormErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceFormErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorModule, declarations: [NiceFormErrorComponent, NiceControlStatusDirective], imports: [CommonModule, MatFormFieldModule], exports: [NiceFormErrorComponent, NiceControlStatusDirective] });
+NiceFormErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorModule, imports: [CommonModule, MatFormFieldModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFormErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatFormFieldModule],
@@ -4434,14 +4459,14 @@ class NiceHorizontalStepperComponent extends CdkStepper {
         this.onStepperClick.emit(index);
     }
 }
-NiceHorizontalStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalStepperComponent, selector: "nice-horizontal-stepper", outputs: { onStepperClick: "onStepperClick" }, providers: [{ provide: CdkStepper, useExisting: NiceHorizontalStepperComponent }], usesInheritance: true, ngImport: i0, template: "<section class=\"stepper-container\">\n    <div class=\"flex justify-center content-center items-center\">\n        <button\n            class=\"step\"\n            *ngFor=\"let step of steps; let i = index\"\n            [ngClass]=\"{ 'active': selectedIndex === i }\"\n            (click)=\"onClick(step, i)\"\n        >\n        </button>\n    </div>\n    <div class=\"mat-horizontal-content-container h-full\">\n        <div *ngFor=\"let step of steps; let i = index\"\n             class=\"mat-horizontal-stepper-content h-full\" role=\"tabpanel\"\n             [@stepTransition]=\"_getAnimationDirection(i)\"\n             [id]=\"_getStepContentId(i)\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [attr.aria-expanded]=\"selectedIndex === i\">\n            <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n        </div>\n    </div>\n</section>\n", styles: ["nice-horizontal-stepper{width:100%}nice-horizontal-stepper .mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px}@media screen and (max-width: 959px){nice-horizontal-stepper .mat-horizontal-content-container{padding:0!important}}nice-horizontal-stepper .mat-horizontal-stepper-content{outline:0}nice-horizontal-stepper .mat-horizontal-stepper-content[aria-expanded=false]{height:0!important;overflow:hidden}nice-horizontal-stepper .stepper-container{width:100%;height:100%}@media screen and (max-width: 959px){nice-horizontal-stepper .stepper-container{height:99%}}nice-horizontal-stepper .stepper-button{min-height:50px;min-width:350px;font-size:22px;font-weight:600;text-transform:uppercase}nice-horizontal-stepper .step{cursor:pointer;min-width:120px;border:0;margin:0 10px;padding-top:6px;color:inherit;border-radius:2px}@media screen and (max-width: 959px){nice-horizontal-stepper .step{min-width:32px;margin:0 5px}}nice-horizontal-stepper .nav-button{background:transparent;border:0;color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [trigger("stepTransition", [
+NiceHorizontalStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalStepperComponent, selector: "nice-horizontal-stepper", outputs: { onStepperClick: "onStepperClick" }, providers: [{ provide: CdkStepper, useExisting: NiceHorizontalStepperComponent }], usesInheritance: true, ngImport: i0, template: "<section class=\"stepper-container\">\n    <div class=\"flex justify-center content-center items-center\">\n        <button\n            class=\"step\"\n            *ngFor=\"let step of steps; let i = index\"\n            [ngClass]=\"{ 'active': selectedIndex === i }\"\n            (click)=\"onClick(step, i)\"\n        >\n        </button>\n    </div>\n    <div class=\"mat-horizontal-content-container h-full\">\n        <div *ngFor=\"let step of steps; let i = index\"\n             class=\"mat-horizontal-stepper-content h-full\" role=\"tabpanel\"\n             [@stepTransition]=\"_getAnimationDirection(i)\"\n             [id]=\"_getStepContentId(i)\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [attr.aria-expanded]=\"selectedIndex === i\">\n            <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n        </div>\n    </div>\n</section>\n", styles: ["nice-horizontal-stepper{width:100%}nice-horizontal-stepper .mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px}@media screen and (max-width: 959px){nice-horizontal-stepper .mat-horizontal-content-container{padding:0!important}}nice-horizontal-stepper .mat-horizontal-stepper-content{outline:0}nice-horizontal-stepper .mat-horizontal-stepper-content[aria-expanded=false]{height:0!important;overflow:hidden}nice-horizontal-stepper .stepper-container{width:100%;height:100%}@media screen and (max-width: 959px){nice-horizontal-stepper .stepper-container{height:99%}}nice-horizontal-stepper .stepper-button{min-height:50px;min-width:350px;font-size:22px;font-weight:600;text-transform:uppercase}nice-horizontal-stepper .step{cursor:pointer;min-width:120px;border:0;margin:0 10px;padding-top:6px;color:inherit;border-radius:2px}@media screen and (max-width: 959px){nice-horizontal-stepper .step{min-width:32px;margin:0 5px}}nice-horizontal-stepper .nav-button{background:transparent;border:0;color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [trigger("stepTransition", [
             state("previous", style({ transform: "translate3d(-100%, 0, 0)", visibility: "hidden" })),
             state("current", style({ transform: "none", visibility: "visible" })),
             state("next", style({ transform: "translate3d(100%, 0, 0)", visibility: "hidden" })),
             transition("* => *", animate("500ms cubic-bezier(0.35, 0, 0.25, 1)"))
         ])], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-stepper", encapsulation: ViewEncapsulation.None, providers: [{ provide: CdkStepper, useExisting: NiceHorizontalStepperComponent }], animations: [trigger("stepTransition", [
                             state("previous", style({ transform: "translate3d(-100%, 0, 0)", visibility: "hidden" })),
@@ -4455,11 +4480,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceStepComponent extends CdkStep {
 }
-NiceStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceStepComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NiceStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceStepComponent, selector: "nice-step", providers: [
+NiceStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStepComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NiceStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceStepComponent, selector: "nice-step", providers: [
         { provide: CdkStep, useExisting: NiceStepComponent }
     ], usesInheritance: true, ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStepComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "nice-step",
@@ -4474,14 +4499,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceHorizontalStepperModule {
 }
-NiceHorizontalStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceHorizontalStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperModule, declarations: [NiceStepComponent, NiceHorizontalStepperComponent], imports: [CommonModule,
+NiceHorizontalStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceHorizontalStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperModule, declarations: [NiceStepComponent, NiceHorizontalStepperComponent], imports: [CommonModule,
         MatButtonModule,
         CdkStepperModule], exports: [NiceStepComponent, NiceHorizontalStepperComponent] });
-NiceHorizontalStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperModule, imports: [CommonModule,
+NiceHorizontalStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperModule, imports: [CommonModule,
         MatButtonModule,
         CdkStepperModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5404,9 +5429,9 @@ class NiceImageCropperComponent {
     }
 }
 NiceImageCropperComponent.и = "NiceImageCropper";
-NiceImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i1$a.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component });
-NiceImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceImageCropperComponent, selector: "nice-img-cropper, nice-image-cropper", inputs: { config: "config", scale: "scale", maxFileSize: "maxFileSize" }, outputs: { scaleChange: "scaleChange", minScaleChange: "minScale", maxScaleChange: "maxScale", imageLoaded: "imageLoaded", ready: "ready", cropped: "cropped", cleaned: "cleaned", error: "error" }, viewQueries: [{ propertyName: "_imgContainer", first: true, predicate: ["_imgContainer"], descendants: true, static: true }, { propertyName: "_areaRef", first: true, predicate: ["_area"], descendants: true, read: ElementRef }, { propertyName: "_imgCanvas", first: true, predicate: ["_imgCanvas"], descendants: true, static: true }], ngImport: i0, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div class=\"image-container\" #_imgContainer\n     (selectstart)=\"$event.preventDefault()\"\n>\n    <canvas #_imgCanvas></canvas>\n</div>\n<nice-cropper-area\n    #_area\n    *ngIf=\"_isLoadedImg\"\n    [round]=\"!!config.round\"\n    [resizableArea]=\"!!config.resizableArea\"\n    [keepAspectRatio]=\"!!config.keepAspectRatio\"\n    [ngStyle]=\"{\n        width: config.width + 'px',\n        height: config.height + 'px'\n    }\"\n></nice-cropper-area>\n<button class=\"close-button\" mat-icon-button *ngIf=\"_isLoadedImg\" (click)=\"clean()\">\n    <mat-icon>arrow_back</mat-icon>\n</button>\n", styles: ["nice-image-cropper,nice-img-cropper{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center}nice-image-cropper .image-container,nice-img-cropper .image-container{cursor:move;position:absolute;top:0;left:0;display:flex;touch-action:none}nice-image-cropper .image-container>canvas,nice-img-cropper .image-container>canvas{display:block}nice-image-cropper .close-button,nice-img-cropper .close-button{position:absolute;top:8px;left:8px;background-color:#fff!important;border-radius:4px;height:20px;width:20px;min-height:20px}nice-image-cropper .close-button .mat-icon,nice-img-cropper .close-button .mat-icon{height:14px!important;width:14px!important;font-size:14px!important;line-height:14px!important}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return i3.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"] }, { kind: "component", type: i0.forwardRef(function () { return i4.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return NiceCropperAreaComponent; }), selector: "nice-cropper-area", inputs: ["keepAspectRatio", "round", "resizableArea"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperComponent, decorators: [{
+NiceImageCropperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i1$a.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component });
+NiceImageCropperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceImageCropperComponent, selector: "nice-img-cropper, nice-image-cropper", inputs: { config: "config", scale: "scale", maxFileSize: "maxFileSize" }, outputs: { scaleChange: "scaleChange", minScaleChange: "minScale", maxScaleChange: "maxScale", imageLoaded: "imageLoaded", ready: "ready", cropped: "cropped", cleaned: "cleaned", error: "error" }, viewQueries: [{ propertyName: "_imgContainer", first: true, predicate: ["_imgContainer"], descendants: true, static: true }, { propertyName: "_areaRef", first: true, predicate: ["_area"], descendants: true, read: ElementRef }, { propertyName: "_imgCanvas", first: true, predicate: ["_imgCanvas"], descendants: true, static: true }], ngImport: i0, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div class=\"image-container\" #_imgContainer\n     (selectstart)=\"$event.preventDefault()\"\n>\n    <canvas #_imgCanvas></canvas>\n</div>\n<nice-cropper-area\n    #_area\n    *ngIf=\"_isLoadedImg\"\n    [round]=\"!!config.round\"\n    [resizableArea]=\"!!config.resizableArea\"\n    [keepAspectRatio]=\"!!config.keepAspectRatio\"\n    [ngStyle]=\"{\n        width: config.width + 'px',\n        height: config.height + 'px'\n    }\"\n></nice-cropper-area>\n<button class=\"close-button\" mat-icon-button *ngIf=\"_isLoadedImg\" (click)=\"clean()\">\n    <mat-icon>arrow_back</mat-icon>\n</button>\n", styles: ["nice-image-cropper,nice-img-cropper{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center}nice-image-cropper .image-container,nice-img-cropper .image-container{cursor:move;position:absolute;top:0;left:0;display:flex;touch-action:none}nice-image-cropper .image-container>canvas,nice-img-cropper .image-container>canvas{display:block}nice-image-cropper .close-button,nice-img-cropper .close-button{position:absolute;top:8px;left:8px;background-color:#fff!important;border-radius:4px;height:20px;width:20px;min-height:20px}nice-image-cropper .close-button .mat-icon,nice-img-cropper .close-button .mat-icon{height:14px!important;width:14px!important;font-size:14px!important;line-height:14px!important}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return i3.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"] }, { kind: "component", type: i0.forwardRef(function () { return i4.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return NiceCropperAreaComponent; }), selector: "nice-cropper-area", inputs: ["keepAspectRatio", "round", "resizableArea"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, selector: "nice-img-cropper, nice-image-cropper", encapsulation: ViewEncapsulation.None, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div class=\"image-container\" #_imgContainer\n     (selectstart)=\"$event.preventDefault()\"\n>\n    <canvas #_imgCanvas></canvas>\n</div>\n<nice-cropper-area\n    #_area\n    *ngIf=\"_isLoadedImg\"\n    [round]=\"!!config.round\"\n    [resizableArea]=\"!!config.resizableArea\"\n    [keepAspectRatio]=\"!!config.keepAspectRatio\"\n    [ngStyle]=\"{\n        width: config.width + 'px',\n        height: config.height + 'px'\n    }\"\n></nice-cropper-area>\n<button class=\"close-button\" mat-icon-button *ngIf=\"_isLoadedImg\" (click)=\"clean()\">\n    <mat-icon>arrow_back</mat-icon>\n</button>\n", styles: ["nice-image-cropper,nice-img-cropper{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center}nice-image-cropper .image-container,nice-img-cropper .image-container{cursor:move;position:absolute;top:0;left:0;display:flex;touch-action:none}nice-image-cropper .image-container>canvas,nice-img-cropper .image-container>canvas{display:block}nice-image-cropper .close-button,nice-img-cropper .close-button{position:absolute;top:8px;left:8px;background-color:#fff!important;border-radius:4px;height:20px;width:20px;min-height:20px}nice-image-cropper .close-button .mat-icon,nice-img-cropper .close-button .mat-icon{height:14px!important;width:14px!important;font-size:14px!important;line-height:14px!important}\n"] }]
         }], ctorParameters: function () {
@@ -5804,11 +5829,11 @@ class NiceCropperAreaComponent {
         return this._document.defaultView || window;
     }
 }
-NiceCropperAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCropperAreaComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: NiceImageCropperComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-NiceCropperAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceCropperAreaComponent, selector: "nice-cropper-area", inputs: { keepAspectRatio: "keepAspectRatio", round: "round", resizableArea: "resizableArea" }, host: { properties: { "class.round": "this.round" } }, viewQueries: [{ propertyName: "_resizer", first: true, predicate: ["resizer"], descendants: true }], ngImport: i0, template: "<div class=\"resizer\" #resizer *ngIf=\"resizableArea\"></div>\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;top:0;bottom:0;left:0;right:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceCropperAreaComponent, decorators: [{
+NiceCropperAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCropperAreaComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: NiceImageCropperComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+NiceCropperAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceCropperAreaComponent, selector: "nice-cropper-area", inputs: { keepAspectRatio: "keepAspectRatio", round: "round", resizableArea: "resizableArea" }, host: { properties: { "class.round": "this.round" } }, viewQueries: [{ propertyName: "_resizer", first: true, predicate: ["resizer"], descendants: true }], ngImport: i0, template: "<div class=\"resizer\" #resizer *ngIf=\"resizableArea\"></div>\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;inset:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;inset:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceCropperAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nice-cropper-area", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"resizer\" #resizer *ngIf=\"resizableArea\"></div>\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;top:0;bottom:0;left:0;right:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"] }]
+            args: [{ selector: "nice-cropper-area", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"resizer\" #resizer *ngIf=\"resizableArea\"></div>\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;inset:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;inset:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"] }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Inject,
@@ -5833,10 +5858,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
  */
 class NiceImageCropperModule {
 }
-NiceImageCropperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceImageCropperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperModule, declarations: [NiceImageCropperComponent, NiceCropperAreaComponent], imports: [CommonModule, MatButtonModule, MatIconModule], exports: [NiceImageCropperComponent] });
-NiceImageCropperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperModule, imports: [CommonModule, MatButtonModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageCropperModule, decorators: [{
+NiceImageCropperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceImageCropperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperModule, declarations: [NiceImageCropperComponent, NiceCropperAreaComponent], imports: [CommonModule, MatButtonModule, MatIconModule], exports: [NiceImageCropperComponent] });
+NiceImageCropperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperModule, imports: [CommonModule, MatButtonModule, MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageCropperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatButtonModule, MatIconModule],
@@ -5923,9 +5948,9 @@ class NiceLayoutComponent {
         this._document.body.classList.add(`theme-${this.theme}`);
     }
 }
-NiceLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: NiceConfigService }, { token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component });
-NiceLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceLayoutComponent, selector: "nice-layout", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutComponent, decorators: [{
+NiceLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: NiceConfigService }, { token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component });
+NiceLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceLayoutComponent, selector: "nice-layout", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "nice-layout",
@@ -5940,10 +5965,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceLayoutModule {
 }
-NiceLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutModule, declarations: [NiceLayoutComponent], exports: [NiceLayoutComponent] });
-NiceLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLayoutModule, decorators: [{
+NiceLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutModule, declarations: [NiceLayoutComponent], exports: [NiceLayoutComponent] });
+NiceLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -5959,9 +5984,9 @@ class NiceLoadingSpinnerComponent {
         this.diameter = 50;
     }
 }
-NiceLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceLoadingSpinnerComponent, selector: "nice-loading-spinner", inputs: { loading: "loading", mode: "mode", diameter: "diameter" }, ngImport: i0, template: "<mat-spinner [diameter]=\"diameter\" [mode]=\"mode\" [color]=\"'accent'\"></mat-spinner>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerComponent, decorators: [{
+NiceLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NiceLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceLoadingSpinnerComponent, selector: "nice-loading-spinner", inputs: { loading: "loading", mode: "mode", diameter: "diameter" }, ngImport: i0, template: "<mat-spinner [diameter]=\"diameter\" [mode]=\"mode\" [color]=\"'accent'\"></mat-spinner>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-loading-spinner", template: "<mat-spinner [diameter]=\"diameter\" [mode]=\"mode\" [color]=\"'accent'\"></mat-spinner>\n", styles: [":host{display:inline-block}\n"] }]
         }], propDecorators: { loading: [{
@@ -5977,9 +6002,9 @@ class DynamicOverlayContainer extends OverlayContainer {
         this._containerElement = containerElement;
     }
 }
-DynamicOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DynamicOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlayContainer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
+DynamicOverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DynamicOverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlayContainer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
             type: Injectable
         }] });
 
@@ -5994,9 +6019,9 @@ class DynamicOverlay extends Overlay {
         this._dynamicOverlayContainer.setContainerElement(containerElement);
     }
 }
-DynamicOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlay, deps: [{ token: DOCUMENT }, { token: i1$5.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$5.OverlayPositionBuilder }, { token: i1$5.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: i3$1.Directionality }, { token: i0.RendererFactory2 }, { token: i2.Location }, { token: i1$5.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-DynamicOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlay, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: DynamicOverlay, decorators: [{
+DynamicOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlay, deps: [{ token: DOCUMENT }, { token: i1$5.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$5.OverlayPositionBuilder }, { token: i1$5.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: i3$1.Directionality }, { token: i0.RendererFactory2 }, { token: i2.Location }, { token: i1$5.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+DynamicOverlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlay, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: DynamicOverlay, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: function () {
@@ -6043,9 +6068,9 @@ class NiceLoadingDirective {
         }, 0);
     }
 }
-NiceLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingDirective, deps: [{ token: NICE_LOADING_OPTIONS, optional: true }, { token: i0.ElementRef }, { token: DynamicOverlay }], target: i0.ɵɵFactoryTarget.Directive });
-NiceLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceLoadingDirective, selector: "[niceLoadingOverlay]", inputs: { loading: ["niceLoadingOverlay", "loading"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingDirective, decorators: [{
+NiceLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingDirective, deps: [{ token: NICE_LOADING_OPTIONS, optional: true }, { token: i0.ElementRef }, { token: DynamicOverlay }], target: i0.ɵɵFactoryTarget.Directive });
+NiceLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceLoadingDirective, selector: "[niceLoadingOverlay]", inputs: { loading: ["niceLoadingOverlay", "loading"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceLoadingOverlay]" }]
         }], ctorParameters: function () {
@@ -6073,14 +6098,14 @@ class NiceLoadingSpinnerModule {
         };
     }
 }
-NiceLoadingSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceLoadingSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerModule, declarations: [NiceLoadingSpinnerComponent,
+NiceLoadingSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceLoadingSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerModule, declarations: [NiceLoadingSpinnerComponent,
         NiceLoadingDirective], imports: [CommonModule,
         MatProgressSpinnerModule], exports: [NiceLoadingSpinnerComponent,
         NiceLoadingDirective] });
-NiceLoadingSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerModule, providers: [DynamicOverlayContainer, DynamicOverlay], imports: [CommonModule,
+NiceLoadingSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerModule, providers: [DynamicOverlayContainer, DynamicOverlay], imports: [CommonModule,
         MatProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLoadingSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLoadingSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6128,9 +6153,9 @@ class NiceLottieComponent {
         });
     }
 }
-NiceLottieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
-NiceLottieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceLottieComponent, selector: "nice-lottie", inputs: { options: "options", width: "width", height: "height" }, outputs: { animCreated: "animCreated" }, viewQueries: [{ propertyName: "animationContainer", first: true, predicate: ["animationContainer"], descendants: true }], ngImport: i0, template: "<div #animationContainer\n     [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieComponent, decorators: [{
+NiceLottieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+NiceLottieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceLottieComponent, selector: "nice-lottie", inputs: { options: "options", width: "width", height: "height" }, outputs: { animCreated: "animCreated" }, viewQueries: [{ propertyName: "animationContainer", first: true, predicate: ["animationContainer"], descendants: true }], ngImport: i0, template: "<div #animationContainer\n     [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-lottie", template: "<div #animationContainer\n     [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n</div>\n" }]
         }], ctorParameters: function () {
@@ -6153,10 +6178,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceLottieModule {
 }
-NiceLottieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceLottieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieModule, declarations: [NiceLottieComponent], imports: [CommonModule], exports: [NiceLottieComponent] });
-NiceLottieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceLottieModule, decorators: [{
+NiceLottieModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceLottieModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieModule, declarations: [NiceLottieComponent], imports: [CommonModule], exports: [NiceLottieComponent] });
+NiceLottieModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceLottieModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -6339,9 +6364,9 @@ class NiceNavigationService {
         }
     }
 }
-NiceNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationService, deps: [{ token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationService, decorators: [{
+NiceNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationService, deps: [{ token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -6409,9 +6434,9 @@ class NiceNavigationComponent {
         return item.id || index;
     }
 }
-NiceNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
-NiceNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceNavigationComponent, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationComponent, decorators: [{
+NiceNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
+NiceNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceNavigationComponent, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``
@@ -6451,9 +6476,9 @@ class NiceHorizontalNavigationBasicItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceHorizontalNavigationBasicItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalNavigationBasicItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <!-- Item with an internal link -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n        (click)=\"item.function(item)\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\"\n        mat-menu-item\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-horizontal-navigation-item-active-forced': item.active}\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-horizontal-navigation-item nice-horizontal-navigation-item-disabled\"\n        *ngIf=\"item.disabled\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n    >\n        {{ item.icon }}\n    </mat-icon>\n\n    <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n    ></mat-icon>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n        <div class=\"nice-horizontal-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n            *ngIf=\"item.subtitle\"\n        >\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-horizontal-navigation-item-badge\"\n        *ngIf=\"item.badge\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i1$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, decorators: [{
+NiceHorizontalNavigationBasicItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalNavigationBasicItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <!-- Item with an internal link -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n        (click)=\"item.function(item)\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\"\n        mat-menu-item\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-horizontal-navigation-item-active-forced': item.active}\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-horizontal-navigation-item nice-horizontal-navigation-item-disabled\"\n        *ngIf=\"item.disabled\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n    >\n        {{ item.icon }}\n    </mat-icon>\n\n    <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n    ></mat-icon>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n        <div class=\"nice-horizontal-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n            *ngIf=\"item.subtitle\"\n        >\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-horizontal-navigation-item-badge\"\n        *ngIf=\"item.badge\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <!-- Item with an internal link -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{ 'nice-horizontal-navigation-item-active-forced': item.active }\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\"\n        (click)=\"item.function(item)\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\"\n        mat-menu-item\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-horizontal-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-horizontal-navigation-item-active-forced': item.active}\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-horizontal-navigation-item nice-horizontal-navigation-item-disabled\"\n        *ngIf=\"item.disabled\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n    >\n        {{ item.icon }}\n    </mat-icon>\n\n    <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n    <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n    ></mat-icon>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n        <div class=\"nice-horizontal-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n            *ngIf=\"item.subtitle\"\n        >\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-horizontal-navigation-item-badge\"\n        *ngIf=\"item.badge\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { item: [{
@@ -6495,9 +6520,9 @@ class NiceHorizontalNavigationDividerItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceHorizontalNavigationDividerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalNavigationDividerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalNavigationDividerItemComponent, selector: "nice-horizontal-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, decorators: [{
+NiceHorizontalNavigationDividerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalNavigationDividerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalNavigationDividerItemComponent, selector: "nice-horizontal-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-navigation-divider-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Divider -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { item: [{
@@ -6550,9 +6575,9 @@ class NiceHorizontalNavigationBranchItemComponent {
         this._changeDetectorRef.markForCheck();
     }
 }
-NiceHorizontalNavigationBranchItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalNavigationBranchItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: { child: "child", item: "item", name: "name" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: ["matMenu"], descendants: true, static: true }], ngImport: i0, template: "<div\n    *ngIf=\"!child\"\n    [ngClass]=\"{\n        'nice-horizontal-navigation-menu-active': trigger.menuOpen,\n        'nice-horizontal-navigation-menu-active-forced': item.active\n    }\"\n    [matMenuTriggerFor]=\"matMenu\"\n    (onMenuOpen)=\"triggerChangeDetection()\"\n    (onMenuClose)=\"triggerChangeDetection()\"\n    #trigger=\"matMenuTrigger\"\n>\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: item}\"></ng-container>\n</div>\n\n<mat-menu\n    class=\"nice-horizontal-navigation-menu-panel\"\n    [overlapTrigger]=\"false\"\n    #matMenu=\"matMenu\"\n>\n    <ng-container *ngFor=\"let item of item.children\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [disabled]=\"item.disabled\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-basic-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-basic-item>\n            </div>\n\n            <!-- Branch: aside, collapsable, group -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [disabled]=\"item.disabled\"\n                [matMenuTriggerFor]=\"branch.matMenu\"\n                mat-menu-item\n            >\n                <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n                <nice-horizontal-navigation-branch-item\n                    [child]=\"true\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    #branch\n                ></nice-horizontal-navigation-branch-item>\n            </div>\n\n            <!-- Divider -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'divider'\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-divider-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-divider-item>\n            </div>\n        </ng-container>\n    </ng-container>\n</mat-menu>\n\n<!-- Item template -->\n<ng-template\n    let-item\n    #itemTemplate\n>\n    <div\n        class=\"nice-horizontal-navigation-item-wrapper\"\n        [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n        [ngClass]=\"item.classes?.wrapper\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item\"\n            [ngClass]=\"{\n                'nice-horizontal-navigation-item-disabled': item.disabled,\n                'nice-horizontal-navigation-item-active-forced': item.active\n            }\">\n\n            <!-- Icon -->\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n            >\n                {{ item.icon }}\n            </mat-icon>\n\n            <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n            ></mat-icon>\n\n            <!-- Title & Subtitle -->\n            <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n                <div class=\"nice-horizontal-navigation-item-title\">\n                    <span [ngClass]=\"item.classes?.title\">\n                        {{ item.title | translate }}\n                    </span>\n                </div>\n                <div\n                    class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n                    *ngIf=\"item.subtitle\"\n                >\n                    <span [ngClass]=\"item.classes?.subtitle\">\n                        {{ item.subtitle | translate }}\n                    </span>\n                </div>\n            </div>\n\n            <!-- Badge -->\n            <div\n                class=\"nice-horizontal-navigation-item-badge\"\n                *ngIf=\"item.badge\">\n                <div\n                    class=\"nice-horizontal-navigation-item-badge-content\"\n                    [ngClass]=\"item.badge.classes\"\n                >\n                    {{ item.badge.title | translate }}\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name"] }, { kind: "component", type: NiceHorizontalNavigationDividerItemComponent, selector: "nice-horizontal-navigation-divider-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, decorators: [{
+NiceHorizontalNavigationBranchItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalNavigationBranchItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: { child: "child", item: "item", name: "name" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: ["matMenu"], descendants: true, static: true }], ngImport: i0, template: "<div\n    *ngIf=\"!child\"\n    [ngClass]=\"{\n        'nice-horizontal-navigation-menu-active': trigger.menuOpen,\n        'nice-horizontal-navigation-menu-active-forced': item.active\n    }\"\n    [matMenuTriggerFor]=\"matMenu\"\n    (onMenuOpen)=\"triggerChangeDetection()\"\n    (onMenuClose)=\"triggerChangeDetection()\"\n    #trigger=\"matMenuTrigger\"\n>\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: item}\"></ng-container>\n</div>\n\n<mat-menu\n    class=\"nice-horizontal-navigation-menu-panel\"\n    [overlapTrigger]=\"false\"\n    #matMenu=\"matMenu\"\n>\n    <ng-container *ngFor=\"let item of item.children\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [disabled]=\"item.disabled\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-basic-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-basic-item>\n            </div>\n\n            <!-- Branch: aside, collapsable, group -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [disabled]=\"item.disabled\"\n                [matMenuTriggerFor]=\"branch.matMenu\"\n                mat-menu-item\n            >\n                <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n                <nice-horizontal-navigation-branch-item\n                    [child]=\"true\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    #branch\n                ></nice-horizontal-navigation-branch-item>\n            </div>\n\n            <!-- Divider -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'divider'\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-divider-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-divider-item>\n            </div>\n        </ng-container>\n    </ng-container>\n</mat-menu>\n\n<!-- Item template -->\n<ng-template\n    let-item\n    #itemTemplate\n>\n    <div\n        class=\"nice-horizontal-navigation-item-wrapper\"\n        [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n        [ngClass]=\"item.classes?.wrapper\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item\"\n            [ngClass]=\"{\n                'nice-horizontal-navigation-item-disabled': item.disabled,\n                'nice-horizontal-navigation-item-active-forced': item.active\n            }\">\n\n            <!-- Icon -->\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n            >\n                {{ item.icon }}\n            </mat-icon>\n\n            <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n            ></mat-icon>\n\n            <!-- Title & Subtitle -->\n            <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n                <div class=\"nice-horizontal-navigation-item-title\">\n                    <span [ngClass]=\"item.classes?.title\">\n                        {{ item.title | translate }}\n                    </span>\n                </div>\n                <div\n                    class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n                    *ngIf=\"item.subtitle\"\n                >\n                    <span [ngClass]=\"item.classes?.subtitle\">\n                        {{ item.subtitle | translate }}\n                    </span>\n                </div>\n            </div>\n\n            <!-- Badge -->\n            <div\n                class=\"nice-horizontal-navigation-item-badge\"\n                *ngIf=\"item.badge\">\n                <div\n                    class=\"nice-horizontal-navigation-item-badge-content\"\n                    [ngClass]=\"item.badge.classes\"\n                >\n                    {{ item.badge.title | translate }}\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name"] }, { kind: "component", type: NiceHorizontalNavigationDividerItemComponent, selector: "nice-horizontal-navigation-divider-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-navigation-branch-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"!child\"\n    [ngClass]=\"{\n        'nice-horizontal-navigation-menu-active': trigger.menuOpen,\n        'nice-horizontal-navigation-menu-active-forced': item.active\n    }\"\n    [matMenuTriggerFor]=\"matMenu\"\n    (onMenuOpen)=\"triggerChangeDetection()\"\n    (onMenuClose)=\"triggerChangeDetection()\"\n    #trigger=\"matMenuTrigger\"\n>\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: item}\"></ng-container>\n</div>\n\n<mat-menu\n    class=\"nice-horizontal-navigation-menu-panel\"\n    [overlapTrigger]=\"false\"\n    #matMenu=\"matMenu\"\n>\n    <ng-container *ngFor=\"let item of item.children\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [disabled]=\"item.disabled\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-basic-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-basic-item>\n            </div>\n\n            <!-- Branch: aside, collapsable, group -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [disabled]=\"item.disabled\"\n                [matMenuTriggerFor]=\"branch.matMenu\"\n                mat-menu-item\n            >\n                <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-container>\n                <nice-horizontal-navigation-branch-item\n                    [child]=\"true\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    #branch\n                ></nice-horizontal-navigation-branch-item>\n            </div>\n\n            <!-- Divider -->\n            <div\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'divider'\"\n                mat-menu-item\n            >\n                <nice-horizontal-navigation-divider-item\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-horizontal-navigation-divider-item>\n            </div>\n        </ng-container>\n    </ng-container>\n</mat-menu>\n\n<!-- Item template -->\n<ng-template\n    let-item\n    #itemTemplate\n>\n    <div\n        class=\"nice-horizontal-navigation-item-wrapper\"\n        [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n        [ngClass]=\"item.classes?.wrapper\"\n    >\n        <div\n            class=\"nice-horizontal-navigation-item\"\n            [ngClass]=\"{\n                'nice-horizontal-navigation-item-disabled': item.disabled,\n                'nice-horizontal-navigation-item-active-forced': item.active\n            }\">\n\n            <!-- Icon -->\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n            >\n                {{ item.icon }}\n            </mat-icon>\n\n            <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n            <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n            ></mat-icon>\n\n            <!-- Title & Subtitle -->\n            <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n                <div class=\"nice-horizontal-navigation-item-title\">\n                    <span [ngClass]=\"item.classes?.title\">\n                        {{ item.title | translate }}\n                    </span>\n                </div>\n                <div\n                    class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n                    *ngIf=\"item.subtitle\"\n                >\n                    <span [ngClass]=\"item.classes?.subtitle\">\n                        {{ item.subtitle | translate }}\n                    </span>\n                </div>\n            </div>\n\n            <!-- Badge -->\n            <div\n                class=\"nice-horizontal-navigation-item-badge\"\n                *ngIf=\"item.badge\">\n                <div\n                    class=\"nice-horizontal-navigation-item-badge-content\"\n                    [ngClass]=\"item.badge.classes\"\n                >\n                    {{ item.badge.title | translate }}\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { child: [{
@@ -6599,9 +6624,9 @@ class NiceHorizontalNavigationSpacerItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceHorizontalNavigationSpacerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalNavigationSpacerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalNavigationSpacerItemComponent, selector: "nice-horizontal-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, decorators: [{
+NiceHorizontalNavigationSpacerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalNavigationSpacerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalNavigationSpacerItemComponent, selector: "nice-horizontal-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-navigation-spacer-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Spacer -->\n<div\n    class=\"nice-horizontal-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { item: [{
@@ -6626,9 +6651,9 @@ class NiceHorizontalNavigationComponent extends NiceNavigationComponent {
         return this._navigation;
     }
 }
-NiceHorizontalNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
-NiceHorizontalNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceHorizontalNavigationComponent, selector: "nice-horizontal-navigation", inputs: { name: "name", navigation: "navigation" }, exportAs: ["niceHorizontalNavigation"], usesInheritance: true, ngImport: i0, template: "<div class=\"nice-horizontal-navigation-wrapper\">\n    <ng-container *ngFor=\"let item of navigation\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-horizontal-navigation-basic-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-basic-item>\n\n            <!-- Branch: aside, collapsable, group -->\n            <nice-horizontal-navigation-branch-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-branch-item>\n\n            <!-- Spacer -->\n            <nice-horizontal-navigation-spacer-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name"] }, { kind: "component", type: NiceHorizontalNavigationSpacerItemComponent, selector: "nice-horizontal-navigation-spacer-item", inputs: ["item", "name"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceHorizontalNavigationComponent, decorators: [{
+NiceHorizontalNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component });
+NiceHorizontalNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceHorizontalNavigationComponent, selector: "nice-horizontal-navigation", inputs: { name: "name", navigation: "navigation" }, exportAs: ["niceHorizontalNavigation"], usesInheritance: true, ngImport: i0, template: "<div class=\"nice-horizontal-navigation-wrapper\">\n    <ng-container *ngFor=\"let item of navigation\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-horizontal-navigation-basic-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-basic-item>\n\n            <!-- Branch: aside, collapsable, group -->\n            <nice-horizontal-navigation-branch-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-branch-item>\n\n            <!-- Spacer -->\n            <nice-horizontal-navigation-spacer-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name"] }, { kind: "component", type: NiceHorizontalNavigationSpacerItemComponent, selector: "nice-horizontal-navigation-spacer-item", inputs: ["item", "name"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceHorizontalNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-horizontal-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: "niceHorizontalNavigation", template: "<div class=\"nice-horizontal-navigation-wrapper\">\n    <ng-container *ngFor=\"let item of navigation\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-horizontal-navigation-basic-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-basic-item>\n\n            <!-- Branch: aside, collapsable, group -->\n            <nice-horizontal-navigation-branch-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-branch-item>\n\n            <!-- Spacer -->\n            <nice-horizontal-navigation-spacer-item\n                class=\"nice-horizontal-navigation-menu-item\"\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-horizontal-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }]; }, propDecorators: { name: [{
@@ -6935,9 +6960,9 @@ class NiceScrollbarDirective {
         this._ps = null;
     }
 }
-NiceScrollbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: i1$b.Platform }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Directive });
-NiceScrollbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceScrollbarDirective, selector: "[niceScrollbar]", inputs: { niceScrollbar: "niceScrollbar", niceScrollbarOptions: "niceScrollbarOptions" }, exportAs: ["niceScrollbar"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarDirective, decorators: [{
+NiceScrollbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: i1$b.Platform }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Directive });
+NiceScrollbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceScrollbarDirective, selector: "[niceScrollbar]", inputs: { niceScrollbar: "niceScrollbar", niceScrollbarOptions: "niceScrollbarOptions" }, exportAs: ["niceScrollbar"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[niceScrollbar]",
@@ -6951,10 +6976,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceScrollbarModule {
 }
-NiceScrollbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceScrollbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarModule, declarations: [NiceScrollbarDirective], exports: [NiceScrollbarDirective] });
-NiceScrollbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollbarModule, decorators: [{
+NiceScrollbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceScrollbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarModule, declarations: [NiceScrollbarDirective], exports: [NiceScrollbarDirective] });
+NiceScrollbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -7009,9 +7034,9 @@ class NiceVerticalNavigationBasicItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceVerticalNavigationBasicItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: i1$7.ActivatedRoute }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationBasicItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n\n    <!-- Item with an internal link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-vertical-navigation-item nice-vertical-navigation-item-disabled\"\n        *ngIf=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <ng-container *ngIf=\"itemActive$ | async; else notActive\">\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.activeIcon || item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.activeIcon || item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.activeIcon || item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-container>\n\n    <ng-template #notActive>\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-template>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-vertical-navigation-item-title-wrapper\">\n        <div class=\"nice-vertical-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-vertical-navigation-item-subtitle\"\n            *ngIf=\"item.subtitle\">\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-vertical-navigation-item-badge\"\n        *ngIf=\"item.badge\">\n        <div\n            class=\"nice-vertical-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i1$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, decorators: [{
+NiceVerticalNavigationBasicItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: i1$7.ActivatedRoute }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationBasicItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n\n    <!-- Item with an internal link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-vertical-navigation-item nice-vertical-navigation-item-disabled\"\n        *ngIf=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <ng-container *ngIf=\"itemActive$ | async; else notActive\">\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.activeIcon || item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.activeIcon || item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.activeIcon || item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-container>\n\n    <ng-template #notActive>\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-template>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-vertical-navigation-item-title-wrapper\">\n        <div class=\"nice-vertical-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-vertical-navigation-item-subtitle\"\n            *ngIf=\"item.subtitle\">\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-vertical-navigation-item-badge\"\n        *ngIf=\"item.badge\">\n        <div\n            class=\"nice-vertical-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n\n    <!-- Item with an internal link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        [queryParams]=\"item?.queryParams\"\n        [state]=\"item?.state\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && !item.function && !item.disabled\"\n        [href]=\"item.link\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item with an internal link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && !item.externalLink && item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\"\n        [routerLink]=\"[item.link]\"\n        [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n        [routerLinkActiveOptions]=\"{exact: item.exactMatch || false}\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with an external link and function -->\n    <a\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"item.link && item.externalLink && item.function && !item.disabled\"\n        [href]=\"item.link\"\n        (click)=\"item.function(item)\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </a>\n\n    <!-- Item with a no link and no function -->\n    <div\n        class=\"nice-vertical-navigation-item\"\n        *ngIf=\"!item.link && !item.function && !item.disabled\"\n        [ngClass]=\"{'nice-vertical-navigation-item-active-forced': item.active}\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n    <!-- Item is disabled -->\n    <div\n        class=\"nice-vertical-navigation-item nice-vertical-navigation-item-disabled\"\n        *ngIf=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n    </div>\n\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n    <!-- Icon -->\n    <ng-container *ngIf=\"itemActive$ | async; else notActive\">\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.activeIcon || item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.activeIcon || item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.activeIcon || item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-container>\n\n    <ng-template #notActive>\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n    </ng-template>\n\n    <!-- Title & Subtitle -->\n    <div class=\"nice-vertical-navigation-item-title-wrapper\">\n        <div class=\"nice-vertical-navigation-item-title\">\n            <span [ngClass]=\"item.classes?.title\">\n                {{ item.title | translate }}\n            </span>\n        </div>\n        <div\n            class=\"nice-vertical-navigation-item-subtitle\"\n            *ngIf=\"item.subtitle\">\n            <span [ngClass]=\"item.classes?.subtitle\">\n                {{ item.subtitle | translate }}\n            </span>\n        </div>\n    </div>\n\n    <!-- Badge -->\n    <div\n        class=\"nice-vertical-navigation-item-badge\"\n        *ngIf=\"item.badge\">\n        <div\n            class=\"nice-vertical-navigation-item-badge-content\"\n            [ngClass]=\"item.badge.classes\">\n            {{ item.badge.title | translate }}\n        </div>\n    </div>\n\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }]; }, propDecorators: { item: [{
@@ -7053,9 +7078,9 @@ class NiceVerticalNavigationDividerItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceVerticalNavigationDividerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationDividerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, decorators: [{
+NiceVerticalNavigationDividerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationDividerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-divider-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Divider -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper divider\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { item: [{
@@ -7097,9 +7122,9 @@ class NiceVerticalNavigationSpacerItemComponent {
         this._unsubscribeAll.complete();
     }
 }
-NiceVerticalNavigationSpacerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationSpacerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, decorators: [{
+NiceVerticalNavigationSpacerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationSpacerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-spacer-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Spacer -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { item: [{
@@ -7140,18 +7165,6 @@ class NiceVerticalNavigationCollapsableItemComponent {
      * On init
      */
     ngOnInit() {
-        this._router.events
-            .pipe(filter(event => event instanceof NavigationEnd), takeUntil(this._unsubscribeAll))
-            .subscribe((event) => {
-            if (this._hasActiveChild(this.item, event.urlAfterRedirects)) {
-                this.hasChildActivated$.next(true);
-                this.expand();
-            }
-            else {
-                this.hasChildActivated$.next(false);
-                this.collapse();
-            }
-        });
         // Get the parent navigation component
         this._niceVerticalNavigationComponent = this._niceNavigationService.getComponent(this.name);
         // If the item has a children that has a matching url with the current url, expand...
@@ -7211,10 +7224,12 @@ class NiceVerticalNavigationCollapsableItemComponent {
             .subscribe((event) => {
             // If the item has a children that has a matching url with the current url, expand...
             if (this._hasActiveChild(this.item, event.urlAfterRedirects)) {
+                this.hasChildActivated$.next(true);
                 this.expand();
             }
             // Otherwise...
             else {
+                this.hasChildActivated$.next(false);
                 // If the autoCollapse is on, collapse...
                 if (this.autoCollapse) {
                     this.collapse();
@@ -7343,9 +7358,9 @@ class NiceVerticalNavigationCollapsableItemComponent {
         return item.id || index;
     }
 }
-NiceVerticalNavigationCollapsableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$7.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationCollapsableItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name" }, host: { properties: { "class": "this.classList" } }, ngImport: i0, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{ 'nice-vertical-navigation-item-disabled': item.disabled }\"\n        [class.child-activated]=\"hasChildActivated$ | async\"\n        (click)=\"toggleCollapsable()\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\">\n\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n\n        <!-- Arrow -->\n        <mat-icon class=\"nice-vertical-navigation-item-arrow icon-size-4\">chevron_right</mat-icon>\n    </div>\n</div>\n\n<div\n    class=\"nice-vertical-navigation-item-children\"\n    *ngIf=\"!isCollapsed\"\n    @expandCollapse\n>\n    <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-vertical-navigation-basic-item\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-basic-item>\n\n            <!-- Collapsable -->\n            <nice-vertical-navigation-collapsable-item\n                *ngIf=\"item.type === 'collapsable'\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-collapsable-item>\n\n            <!-- Divider -->\n            <nice-vertical-navigation-divider-item\n                *ngIf=\"item.type === 'divider'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-divider-item>\n\n            <!-- Group -->\n<!--            <nice-vertical-navigation-group-item\n                *ngIf=\"item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-group-item>-->\n\n            <!-- Spacer -->\n            <nice-vertical-navigation-spacer-item\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, decorators: [{
+NiceVerticalNavigationCollapsableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$7.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationCollapsableItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name" }, host: { properties: { "class": "this.classList" } }, ngImport: i0, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{ 'nice-vertical-navigation-item-disabled': item.disabled }\"\n        [class.child-activated]=\"hasChildActivated$ | async\"\n        (click)=\"toggleCollapsable()\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\">\n\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n\n        <!-- Arrow -->\n        <mat-icon class=\"nice-vertical-navigation-item-arrow icon-size-4\">chevron_right</mat-icon>\n    </div>\n</div>\n\n<div\n    class=\"nice-vertical-navigation-item-children\"\n    *ngIf=\"!isCollapsed\"\n    @expandCollapse\n>\n    <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-vertical-navigation-basic-item\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-basic-item>\n\n            <!-- Collapsable -->\n            <nice-vertical-navigation-collapsable-item\n                *ngIf=\"item.type === 'collapsable'\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-collapsable-item>\n\n            <!-- Divider -->\n            <nice-vertical-navigation-divider-item\n                *ngIf=\"item.type === 'divider'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-divider-item>\n\n            <!-- Group -->\n<!--            <nice-vertical-navigation-group-item\n                *ngIf=\"item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-group-item>-->\n\n            <!-- Spacer -->\n            <nice-vertical-navigation-spacer-item\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-collapsable-item", animations: niceAnimations, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{ 'nice-vertical-navigation-item-disabled': item.disabled }\"\n        [class.child-activated]=\"hasChildActivated$ | async\"\n        (click)=\"toggleCollapsable()\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <i class=\"nice-vertical-navigation-item-icon fontawesome\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></i>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType == 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\">\n\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n\n        <!-- Arrow -->\n        <mat-icon class=\"nice-vertical-navigation-item-arrow icon-size-4\">chevron_right</mat-icon>\n    </div>\n</div>\n\n<div\n    class=\"nice-vertical-navigation-item-children\"\n    *ngIf=\"!isCollapsed\"\n    @expandCollapse\n>\n    <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Basic -->\n            <nice-vertical-navigation-basic-item\n                *ngIf=\"item.type === 'basic'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-basic-item>\n\n            <!-- Collapsable -->\n            <nice-vertical-navigation-collapsable-item\n                *ngIf=\"item.type === 'collapsable'\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-collapsable-item>\n\n            <!-- Divider -->\n            <nice-vertical-navigation-divider-item\n                *ngIf=\"item.type === 'divider'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-divider-item>\n\n            <!-- Group -->\n<!--            <nice-vertical-navigation-group-item\n                *ngIf=\"item.type === 'group'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-group-item>-->\n\n            <!-- Spacer -->\n            <nice-vertical-navigation-spacer-item\n                *ngIf=\"item.type === 'spacer'\"\n                [item]=\"item\"\n                [name]=\"name\"\n            ></nice-vertical-navigation-spacer-item>\n        </ng-container>\n    </ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$7.Router }, { type: NiceNavigationService }]; }, propDecorators: { autoCollapse: [{
@@ -7401,9 +7416,9 @@ class NiceVerticalNavigationGroupItemComponent {
         return item.id || index;
     }
 }
-NiceVerticalNavigationGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div class=\"nice-vertical-navigation-item\">\n        <!-- Icon -->\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n    <!-- Skip the hidden items -->\n    <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n        <!-- Basic -->\n        <nice-vertical-navigation-basic-item\n            *ngIf=\"item.type === 'basic'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-basic-item>\n\n        <!-- Collapsable -->\n        <nice-vertical-navigation-collapsable-item\n            *ngIf=\"item.type === 'collapsable'\"\n            [item]=\"item\"\n            [name]=\"name\"\n            [autoCollapse]=\"autoCollapse\"\n        ></nice-vertical-navigation-collapsable-item>\n\n        <!-- Divider -->\n        <nice-vertical-navigation-divider-item\n            *ngIf=\"item.type === 'divider'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-divider-item>\n\n        <!-- Group -->\n        <nice-vertical-navigation-group-item\n            *ngIf=\"item.type === 'group'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-group-item>\n\n        <!-- Spacer -->\n        <nice-vertical-navigation-spacer-item\n            *ngIf=\"item.type === 'spacer'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-spacer-item>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, decorators: [{
+NiceVerticalNavigationGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div class=\"nice-vertical-navigation-item\">\n        <!-- Icon -->\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n    <!-- Skip the hidden items -->\n    <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n        <!-- Basic -->\n        <nice-vertical-navigation-basic-item\n            *ngIf=\"item.type === 'basic'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-basic-item>\n\n        <!-- Collapsable -->\n        <nice-vertical-navigation-collapsable-item\n            *ngIf=\"item.type === 'collapsable'\"\n            [item]=\"item\"\n            [name]=\"name\"\n            [autoCollapse]=\"autoCollapse\"\n        ></nice-vertical-navigation-collapsable-item>\n\n        <!-- Divider -->\n        <nice-vertical-navigation-divider-item\n            *ngIf=\"item.type === 'divider'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-divider-item>\n\n        <!-- Group -->\n        <nice-vertical-navigation-group-item\n            *ngIf=\"item.type === 'group'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-group-item>\n\n        <!-- Spacer -->\n        <nice-vertical-navigation-spacer-item\n            *ngIf=\"item.type === 'spacer'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-spacer-item>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-group-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Item wrapper -->\n<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div class=\"nice-vertical-navigation-item\">\n        <!-- Icon -->\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n            class=\"nice-vertical-navigation-item-icon\"\n            [ngClass]=\"item.classes?.icon\"\n            [svgIcon]=\"item.icon\"\n            *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n    <!-- Skip the hidden items -->\n    <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n        <!-- Basic -->\n        <nice-vertical-navigation-basic-item\n            *ngIf=\"item.type === 'basic'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-basic-item>\n\n        <!-- Collapsable -->\n        <nice-vertical-navigation-collapsable-item\n            *ngIf=\"item.type === 'collapsable'\"\n            [item]=\"item\"\n            [name]=\"name\"\n            [autoCollapse]=\"autoCollapse\"\n        ></nice-vertical-navigation-collapsable-item>\n\n        <!-- Divider -->\n        <nice-vertical-navigation-divider-item\n            *ngIf=\"item.type === 'divider'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-divider-item>\n\n        <!-- Group -->\n        <nice-vertical-navigation-group-item\n            *ngIf=\"item.type === 'group'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-group-item>\n\n        <!-- Spacer -->\n        <nice-vertical-navigation-spacer-item\n            *ngIf=\"item.type === 'spacer'\"\n            [item]=\"item\"\n            [name]=\"name\"\n        ></nice-vertical-navigation-spacer-item>\n    </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }]; }, propDecorators: { autoCollapse: [{
@@ -7520,9 +7535,9 @@ class NiceVerticalNavigationAsideItemComponent {
         return item.id || index;
     }
 }
-NiceVerticalNavigationAsideItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$7.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationAsideItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationAsideItemComponent, selector: "nice-vertical-navigation-aside-item", inputs: { activeItemId: "activeItemId", autoCollapse: "autoCollapse", item: "item", name: "name", skipChildren: "skipChildren" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{\n            'nice-vertical-navigation-item-active': active,\n            'nice-vertical-navigation-item-disabled': item.disabled,\n            'nice-vertical-navigation-item-active-forced': item.active\n        }\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf=\"!skipChildren\">\n    <div class=\"nice-vertical-navigation-item-children\">\n        <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, decorators: [{
+NiceVerticalNavigationAsideItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$7.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationAsideItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationAsideItemComponent, selector: "nice-vertical-navigation-aside-item", inputs: { activeItemId: "activeItemId", autoCollapse: "autoCollapse", item: "item", name: "name", skipChildren: "skipChildren" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{\n            'nice-vertical-navigation-item-active': active,\n            'nice-vertical-navigation-item-disabled': item.disabled,\n            'nice-vertical-navigation-item-active-forced': item.active\n        }\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf=\"!skipChildren\">\n    <div class=\"nice-vertical-navigation-item-children\">\n        <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation-aside-item", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"nice-vertical-navigation-item-wrapper\"\n    [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n    [ngClass]=\"item.classes?.wrapper\"\n>\n    <div\n        class=\"nice-vertical-navigation-item\"\n        [ngClass]=\"{\n            'nice-vertical-navigation-item-active': active,\n            'nice-vertical-navigation-item-disabled': item.disabled,\n            'nice-vertical-navigation-item-active-forced': item.active\n        }\"\n    >\n        <!-- Icon -->\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                *ngIf=\"item.icon && item.iconType === 'material'\"\n        >\n            {{ item.icon }}\n        </mat-icon>\n\n        <span class=\"nice-vertical-navigation-item-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon && item.iconType == 'fontawesome'\"></span>\n\n        <mat-icon\n                class=\"nice-vertical-navigation-item-icon\"\n                [ngClass]=\"item.classes?.icon\"\n                [svgIcon]=\"item.icon\"\n                *ngIf=\"item.icon && item.iconType === 'svg'\"\n        ></mat-icon>\n\n        <!-- Title & Subtitle -->\n        <div class=\"nice-vertical-navigation-item-title-wrapper\">\n            <div class=\"nice-vertical-navigation-item-title\">\n                <span [ngClass]=\"item.classes?.title\">\n                    {{ item.title | translate }}\n                </span>\n            </div>\n            <div\n                class=\"nice-vertical-navigation-item-subtitle\"\n                *ngIf=\"item.subtitle\"\n            >\n                <span [ngClass]=\"item.classes?.subtitle\">\n                    {{ item.subtitle | translate }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Badge -->\n        <div\n            class=\"nice-vertical-navigation-item-badge\"\n            *ngIf=\"item.badge\"\n        >\n            <div\n                class=\"nice-vertical-navigation-item-badge-content\"\n                [ngClass]=\"item.badge.classes\"\n            >\n                {{ item.badge.title | translate }}\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf=\"!skipChildren\">\n    <div class=\"nice-vertical-navigation-item-children\">\n        <ng-container *ngFor=\"let item of item.children; trackBy: trackByFn\">\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$7.Router }, { type: NiceNavigationService }]; }, propDecorators: { activeItemId: [{
@@ -8024,9 +8039,9 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
         this.openedChanged.next(open);
     }
 }
-NiceVerticalNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: i1$8.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$7.Router }, { token: i1$5.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component });
-NiceVerticalNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceVerticalNavigationComponent, selector: "nice-vertical-navigation", inputs: { name: "name", appearance: "appearance", autoCollapse: "autoCollapse", inner: "inner", mode: "mode", opened: "opened", hovered: "hovered", position: "position", transparentOverlay: "transparentOverlay", navigation: "navigation" }, outputs: { appearanceChanged: "appearanceChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, viewQueries: [{ propertyName: "_navigationContentEl", first: true, predicate: ["navigationContent"], descendants: true }, { propertyName: "niceScrollbarDirectives", predicate: NiceScrollbarDirective, descendants: true }], exportAs: ["niceVerticalNavigation"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-vertical-navigation-wrapper\">\n    <!-- Header -->\n    <div class=\"nice-vertical-navigation-header\">\n        <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <!-- Content -->\n    <div\n        class=\"nice-vertical-navigation-content\"\n        niceScrollbar\n        [niceScrollbarOptions]=\"{ wheelPropagation: inner, suppressScrollX: true }\"\n        #navigationContent\n    >\n        <!-- Content header -->\n        <div class=\"nice-vertical-navigation-content-header\">\n            <ng-content select=\"[niceVerticalNavigationContentHeader]\"></ng-content>\n        </div>\n\n        <!-- Items -->\n        <div *ngFor=\"let item of navigation; trackBy: trackByFn\" [@.disabled]=\"!animateNextNavChange\" @slideInRight>\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Aside -->\n                <nice-vertical-navigation-aside-item\n                    *ngIf=\"item.type === 'aside'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [activeItemId]=\"activeAsideItemId\"\n                    [autoCollapse]=\"autoCollapse\"\n                    [skipChildren]=\"true\"\n                    (click)=\"toggleAside(item)\"\n                ></nice-vertical-navigation-aside-item>\n\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </div>\n\n        <!-- Content footer -->\n        <div class=\"nice-vertical-navigation-content-footer\">\n            <ng-content select=\"[niceVerticalNavigationContentFooter]\"></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Footer -->\n    <div class=\"nice-vertical-navigation-footer\">\n        <ng-content select=\"[niceVerticalNavigationFooter]\"></ng-content>\n    </div>\n</div>\n\n<!-- Aside -->\n<div\n    class=\"nice-vertical-navigation-aside-wrapper\"\n    *ngIf=\"activeAsideItemId\"\n    niceScrollbar\n    [niceScrollbarOptions]=\"{ wheelPropagation: false, suppressScrollX: true }\"\n    [@fadeInLeft]=\"position === 'left'\"\n    [@fadeInRight]=\"position === 'right'\"\n    [@fadeOutLeft]=\"position === 'left'\"\n    [@fadeOutRight]=\"position === 'right'\"\n>\n\n    <!-- Items -->\n    <ng-container *ngFor=\"let item of navigation; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Aside -->\n            <nice-vertical-navigation-aside-item\n                *ngIf=\"item.type === 'aside' && item.id === activeAsideItemId\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-aside-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NiceScrollbarDirective, selector: "[niceScrollbar]", inputs: ["niceScrollbar", "niceScrollbarOptions"], exportAs: ["niceScrollbar"] }, { kind: "component", type: NiceVerticalNavigationAsideItemComponent, selector: "nice-vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "name", "skipChildren"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceVerticalNavigationComponent, decorators: [{
+NiceVerticalNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: i1$8.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$7.Router }, { token: i1$5.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component });
+NiceVerticalNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceVerticalNavigationComponent, selector: "nice-vertical-navigation", inputs: { name: "name", appearance: "appearance", autoCollapse: "autoCollapse", inner: "inner", mode: "mode", opened: "opened", hovered: "hovered", position: "position", transparentOverlay: "transparentOverlay", navigation: "navigation" }, outputs: { appearanceChanged: "appearanceChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, viewQueries: [{ propertyName: "_navigationContentEl", first: true, predicate: ["navigationContent"], descendants: true }, { propertyName: "niceScrollbarDirectives", predicate: NiceScrollbarDirective, descendants: true }], exportAs: ["niceVerticalNavigation"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-vertical-navigation-wrapper\">\n    <!-- Header -->\n    <div class=\"nice-vertical-navigation-header\">\n        <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <!-- Content -->\n    <div\n        class=\"nice-vertical-navigation-content\"\n        niceScrollbar\n        [niceScrollbarOptions]=\"{ wheelPropagation: inner, suppressScrollX: true }\"\n        #navigationContent\n    >\n        <!-- Content header -->\n        <div class=\"nice-vertical-navigation-content-header\">\n            <ng-content select=\"[niceVerticalNavigationContentHeader]\"></ng-content>\n        </div>\n\n        <!-- Items -->\n        <div *ngFor=\"let item of navigation; trackBy: trackByFn\" [@.disabled]=\"!animateNextNavChange\" @slideInRight>\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Aside -->\n                <nice-vertical-navigation-aside-item\n                    *ngIf=\"item.type === 'aside'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [activeItemId]=\"activeAsideItemId\"\n                    [autoCollapse]=\"autoCollapse\"\n                    [skipChildren]=\"true\"\n                    (click)=\"toggleAside(item)\"\n                ></nice-vertical-navigation-aside-item>\n\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </div>\n\n        <!-- Content footer -->\n        <div class=\"nice-vertical-navigation-content-footer\">\n            <ng-content select=\"[niceVerticalNavigationContentFooter]\"></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Footer -->\n    <div class=\"nice-vertical-navigation-footer\">\n        <ng-content select=\"[niceVerticalNavigationFooter]\"></ng-content>\n    </div>\n</div>\n\n<!-- Aside -->\n<div\n    class=\"nice-vertical-navigation-aside-wrapper\"\n    *ngIf=\"activeAsideItemId\"\n    niceScrollbar\n    [niceScrollbarOptions]=\"{ wheelPropagation: false, suppressScrollX: true }\"\n    [@fadeInLeft]=\"position === 'left'\"\n    [@fadeInRight]=\"position === 'right'\"\n    [@fadeOutLeft]=\"position === 'left'\"\n    [@fadeOutRight]=\"position === 'right'\"\n>\n\n    <!-- Items -->\n    <ng-container *ngFor=\"let item of navigation; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Aside -->\n            <nice-vertical-navigation-aside-item\n                *ngIf=\"item.type === 'aside' && item.id === activeAsideItemId\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-aside-item>\n        </ng-container>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NiceScrollbarDirective, selector: "[niceScrollbar]", inputs: ["niceScrollbar", "niceScrollbarOptions"], exportAs: ["niceScrollbar"] }, { kind: "component", type: NiceVerticalNavigationAsideItemComponent, selector: "nice-vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "name", "skipChildren"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceVerticalNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-vertical-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: "niceVerticalNavigation", template: "<div class=\"nice-vertical-navigation-wrapper\">\n    <!-- Header -->\n    <div class=\"nice-vertical-navigation-header\">\n        <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <!-- Content -->\n    <div\n        class=\"nice-vertical-navigation-content\"\n        niceScrollbar\n        [niceScrollbarOptions]=\"{ wheelPropagation: inner, suppressScrollX: true }\"\n        #navigationContent\n    >\n        <!-- Content header -->\n        <div class=\"nice-vertical-navigation-content-header\">\n            <ng-content select=\"[niceVerticalNavigationContentHeader]\"></ng-content>\n        </div>\n\n        <!-- Items -->\n        <div *ngFor=\"let item of navigation; trackBy: trackByFn\" [@.disabled]=\"!animateNextNavChange\" @slideInRight>\n            <!-- Skip the hidden items -->\n            <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n                <!-- Aside -->\n                <nice-vertical-navigation-aside-item\n                    *ngIf=\"item.type === 'aside'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [activeItemId]=\"activeAsideItemId\"\n                    [autoCollapse]=\"autoCollapse\"\n                    [skipChildren]=\"true\"\n                    (click)=\"toggleAside(item)\"\n                ></nice-vertical-navigation-aside-item>\n\n                <!-- Basic -->\n                <nice-vertical-navigation-basic-item\n                    *ngIf=\"item.type === 'basic'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-basic-item>\n\n                <!-- Collapsable -->\n                <nice-vertical-navigation-collapsable-item\n                    *ngIf=\"item.type === 'collapsable'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-collapsable-item>\n\n                <!-- Divider -->\n                <nice-vertical-navigation-divider-item\n                    *ngIf=\"item.type === 'divider'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-divider-item>\n\n                <!-- Group -->\n                <nice-vertical-navigation-group-item\n                    *ngIf=\"item.type === 'group'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                    [autoCollapse]=\"autoCollapse\"\n                ></nice-vertical-navigation-group-item>\n\n                <!-- Spacer -->\n                <nice-vertical-navigation-spacer-item\n                    *ngIf=\"item.type === 'spacer'\"\n                    [item]=\"item\"\n                    [name]=\"name\"\n                ></nice-vertical-navigation-spacer-item>\n            </ng-container>\n        </div>\n\n        <!-- Content footer -->\n        <div class=\"nice-vertical-navigation-content-footer\">\n            <ng-content select=\"[niceVerticalNavigationContentFooter]\"></ng-content>\n        </div>\n\n    </div>\n\n    <!-- Footer -->\n    <div class=\"nice-vertical-navigation-footer\">\n        <ng-content select=\"[niceVerticalNavigationFooter]\"></ng-content>\n    </div>\n</div>\n\n<!-- Aside -->\n<div\n    class=\"nice-vertical-navigation-aside-wrapper\"\n    *ngIf=\"activeAsideItemId\"\n    niceScrollbar\n    [niceScrollbarOptions]=\"{ wheelPropagation: false, suppressScrollX: true }\"\n    [@fadeInLeft]=\"position === 'left'\"\n    [@fadeInRight]=\"position === 'right'\"\n    [@fadeOutLeft]=\"position === 'left'\"\n    [@fadeOutRight]=\"position === 'right'\"\n>\n\n    <!-- Items -->\n    <ng-container *ngFor=\"let item of navigation; trackBy: trackByFn\">\n        <!-- Skip the hidden items -->\n        <ng-container *ngIf=\"(item.hidden && !item.hidden(item)) || !item.hidden\">\n            <!-- Aside -->\n            <nice-vertical-navigation-aside-item\n                *ngIf=\"item.type === 'aside' && item.id === activeAsideItemId\"\n                [item]=\"item\"\n                [name]=\"name\"\n                [autoCollapse]=\"autoCollapse\"\n            ></nice-vertical-navigation-aside-item>\n        </ng-container>\n    </ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: i1$8.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$7.Router }, { type: i1$5.ScrollStrategyOptions }]; }, propDecorators: { name: [{
@@ -8079,8 +8094,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceNavigationModule {
 }
-NiceNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationModule, declarations: [NiceNavigationComponent,
+NiceNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationModule, declarations: [NiceNavigationComponent,
         NiceHorizontalNavigationBasicItemComponent,
         NiceHorizontalNavigationBranchItemComponent,
         NiceHorizontalNavigationDividerItemComponent,
@@ -8102,7 +8117,7 @@ NiceNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         NiceScrollbarModule,
         TranslateModule], exports: [NiceHorizontalNavigationComponent,
         NiceVerticalNavigationComponent] });
-NiceNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationModule, imports: [CommonModule,
+NiceNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationModule, imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatDividerModule,
@@ -8111,7 +8126,7 @@ NiceNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         MatTooltipModule,
         NiceScrollbarModule,
         TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -8189,15 +8204,15 @@ class NiceSearchBarComponent {
         this.opened = false;
     }
 }
-NiceSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceSearchBarComponent, selector: "nice-search-bar", inputs: { collapsed: "collapsed" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.classList" } }, providers: [
+NiceSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NiceSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceSearchBarComponent, selector: "nice-search-bar", inputs: { collapsed: "collapsed" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.classList" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => NiceSearchBarComponent),
             multi: true
         }
     ], ngImport: i0, template: "<button mat-icon-button *ngIf=\"!opened\" (click)=\"open()\">\n    <mat-icon [svgIcon]=\"'heroicons_outline:search'\"></mat-icon>\n</button>\n\n<div class=\"absolute inset-0 flex items-center flex-shrink-0 z-99 bg-default\" *ngIf=\"opened\" @slideInTop @slideOutTop >\n    <mat-icon class=\"absolute ml-6 sm:ml-8\" [svgIcon]=\"'heroicons_outline:search'\"></mat-icon>\n    <input class=\"w-full h-full px-16 sm:px-18 bg-transparent\" [ngModel]=\"searchValue\" (ngModelChange)=\"onSearchChange($event)\">\n    <button class=\"absolute top-1/2 right-5 sm:right-7 flex-shrink-0 w-10 h-10 -mt-5\" mat-icon-button (click)=\"close()\">\n        <mat-icon [svgIcon]=\"'heroicons_outline:x'\"></mat-icon>\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: niceAnimations });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-search-bar", providers: [
                         {
@@ -8217,18 +8232,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceSearchBarModule {
 }
-NiceSearchBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarModule, declarations: [NiceSearchBarComponent], imports: [CommonModule,
+NiceSearchBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarModule, declarations: [NiceSearchBarComponent], imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatIconModule,
         FormsModule], exports: [NiceSearchBarComponent] });
-NiceSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarModule, imports: [CommonModule,
+NiceSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarModule, imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatIconModule,
         FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSearchBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSearchBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -8289,9 +8304,9 @@ class NiceSweetAlertComponent {
         }
     }
 }
-NiceSweetAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$c.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-NiceSweetAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceSweetAlertComponent, selector: "nice-alert", ngImport: i0, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$c.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$c.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: NiceLottieComponent, selector: "nice-lottie", inputs: ["options", "width", "height"], outputs: ["animCreated"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertComponent, decorators: [{
+NiceSweetAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$c.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+NiceSweetAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceSweetAlertComponent, selector: "nice-alert", ngImport: i0, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$c.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$c.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.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"] }, { kind: "component", type: NiceLottieComponent, selector: "nice-lottie", inputs: ["options", "width", "height"], outputs: ["animCreated"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n    <nice-lottie\n        [options]=\"lottieConfig\"\n        [width]=\"250\"\n        (animCreated)=\"handleAnimation($event)\"\n    ></nice-lottie>\n    <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n    <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n    <ng-container *ngFor=\"let button of alertConfig.buttons; let i = index\">\n        <button mat-raised-button class=\"mr-4\" [ngClass]=\"getConfirmButtonClass()\" *ngIf=\"i === 0\" (click)=\"confirm()\">\n            {{ button }}\n        </button>\n        <button mat-button (click)=\"close()\" *ngIf=\"i !== 0\">{{ button }}</button>\n    </ng-container>\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"] }]
         }], ctorParameters: function () {
@@ -8362,9 +8377,9 @@ class NiceSweetAlertService {
         }));
     }
 }
-NiceSweetAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertService, deps: [{ token: NICE_ALERT_OPTIONS, optional: true }, { token: i1$c.MatDialog }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceSweetAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertService, decorators: [{
+NiceSweetAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService, deps: [{ token: NICE_ALERT_OPTIONS, optional: true }, { token: i1$c.MatDialog }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceSweetAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -8388,10 +8403,10 @@ class NiceSweetAlertModule {
         };
     }
 }
-NiceSweetAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceSweetAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertModule, declarations: [NiceSweetAlertComponent], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
-NiceSweetAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertModule, providers: [NiceSweetAlertService], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceSweetAlertModule, decorators: [{
+NiceSweetAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceSweetAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, declarations: [NiceSweetAlertComponent], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
+NiceSweetAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, providers: [NiceSweetAlertService], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSweetAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule],
@@ -8409,9 +8424,9 @@ class NiceToastComponent {
         this.snackbarRef.dismiss();
     }
 }
-NiceToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$d.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
-NiceToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: NiceToastComponent, selector: "nice-toast", ngImport: i0, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box{background-color:transparent!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastComponent, decorators: [{
+NiceToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$d.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
+NiceToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceToastComponent, selector: "nice-toast", ngImport: i0, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box{background-color:transparent!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type", "color"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-toast", encapsulation: ViewEncapsulation.None, template: "<nice-alert disableAnimation [type]=\"data.type\" [appearance]=\"data.appearance || 'outline'\" (click)=\"dismiss()\">\n    <span niceAlertTitle *ngIf=\"data.title\">{{ data.title }}</span>\n    <span [innerHtml]=\"data.message\" *ngIf=\"data.message\"></span>\n</nice-alert>\n", styles: [".message-box{background-color:transparent!important;box-shadow:none!important}\n"] }]
         }], ctorParameters: function () {
@@ -8466,9 +8481,9 @@ class NiceToastService {
         }
     }
 }
-NiceToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastService, deps: [{ token: NICE_TOAST_OPTIONS }, { token: i1$d.MatSnackBar }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-NiceToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastService, decorators: [{
+NiceToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, deps: [{ token: NICE_TOAST_OPTIONS }, { token: i1$d.MatSnackBar }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+NiceToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }], ctorParameters: function () {
@@ -8509,10 +8524,10 @@ class NiceToastModule {
         };
     }
 }
-NiceToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceToastModule, declarations: [NiceToastComponent], imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
-NiceToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastModule, imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToastModule, decorators: [{
+NiceToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, declarations: [NiceToastComponent], imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
+NiceToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule],
@@ -8522,9 +8537,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class ToggleButtonComponent {
 }
-ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ToggleButtonComponent, selector: "nice-toggle-button", inputs: { value: "value" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ToggleButtonComponent, selector: "nice-toggle-button", inputs: { value: "value" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "nice-toggle-button",
@@ -8634,15 +8649,15 @@ class ToggleButtonGroupComponent {
         return this.selected.includes(values[index + 1]);
     }
 }
-ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ToggleButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ToggleButtonGroupComponent, selector: "nice-toggle-button-group", inputs: { selected: "selected", color: "color", multiple: "multiple" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
+ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ToggleButtonGroupComponent, selector: "nice-toggle-button-group", inputs: { selected: "selected", color: "color", multiple: "multiple" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ToggleButtonGroupComponent),
             multi: true
         }
     ], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-button-group-wrapper\">\n    <div class=\"toggle-button-group flex flex-row items-center\">\n        <div\n                class=\"toggle-button\"\n                [ngClass]=\"conditionalColorObj(btn.value)\"\n                *ngFor=\"let btn of toggleButtons\"\n        >\n            <div matRipple class=\"toggle-button-inner flex place-content-center items-center\" (click)=\"onSelect(btn.value)\">\n                <ng-container *ngTemplateOutlet=\"btn.content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:44px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-toggle-button-group", encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -8669,12 +8684,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceToggleButtonGroupModule {
 }
-NiceToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceToggleButtonGroupModule, declarations: [ToggleButtonComponent, ToggleButtonGroupComponent], imports: [CommonModule,
+NiceToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, declarations: [ToggleButtonComponent, ToggleButtonGroupComponent], imports: [CommonModule,
         MatRippleModule], exports: [ToggleButtonComponent, ToggleButtonGroupComponent] });
-NiceToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToggleButtonGroupModule, imports: [CommonModule,
+NiceToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, imports: [CommonModule,
         MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceToggleButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceToggleButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -8696,19 +8711,19 @@ class NiceAutofocusDirective {
         (_b = (_a = this.elem.nativeElement).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
 }
-NiceAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NiceAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceAutofocusDirective, selector: "[niceAutofocus]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirective, decorators: [{
+NiceAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceAutofocusDirective, selector: "[niceAutofocus]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceAutofocus]" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class NiceAutofocusDirectiveModule {
 }
-NiceAutofocusDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceAutofocusDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirectiveModule, declarations: [NiceAutofocusDirective], exports: [NiceAutofocusDirective] });
-NiceAutofocusDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirectiveModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutofocusDirectiveModule, decorators: [{
+NiceAutofocusDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceAutofocusDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirectiveModule, declarations: [NiceAutofocusDirective], exports: [NiceAutofocusDirective] });
+NiceAutofocusDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirectiveModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutofocusDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NiceAutofocusDirective],
@@ -8793,9 +8808,9 @@ class NiceAutogrowDirective {
         });
     }
 }
-NiceAutogrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-NiceAutogrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceAutogrowDirective, selector: "textarea[niceAutogrow]", inputs: { padding: ["niceAutogrowVerticalPadding", "padding"] }, host: { listeners: { "input": "_resize()", "ngModelChange": "_resize()" }, properties: { "rows": "this._rows", "style": "this.styleList" } }, exportAs: ["niceAutogrow"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowDirective, decorators: [{
+NiceAutogrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+NiceAutogrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceAutogrowDirective, selector: "textarea[niceAutogrow]", inputs: { padding: ["niceAutogrowVerticalPadding", "padding"] }, host: { listeners: { "input": "_resize()", "ngModelChange": "_resize()" }, properties: { "rows": "this._rows", "style": "this.styleList" } }, exportAs: ["niceAutogrow"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "textarea[niceAutogrow]",
@@ -8820,10 +8835,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceAutogrowModule {
 }
-NiceAutogrowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceAutogrowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowModule, declarations: [NiceAutogrowDirective], exports: [NiceAutogrowDirective] });
-NiceAutogrowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceAutogrowModule, decorators: [{
+NiceAutogrowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceAutogrowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowModule, declarations: [NiceAutogrowDirective], exports: [NiceAutogrowDirective] });
+NiceAutogrowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAutogrowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -8835,6 +8850,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 }]
         }] });
 
+class NiceChipAsyncTypeaheadDirective {
+    constructor(typeahead, elementRef) {
+        this.typeahead = typeahead;
+        this.elementRef = elementRef;
+        this.niceChipAsyncTypeaheadTokenEnd = new EventEmitter();
+        this.unsubscribeAll$ = new Subject();
+    }
+    ngOnInit() {
+        this.typeahead.selected
+            .pipe(takeUntil(this.unsubscribeAll$), filter((selected) => selected))
+            .subscribe((_) => {
+            this.niceChipAsyncTypeaheadTokenEnd.emit(this.typeahead.getActive());
+            this.typeahead.writeValue(null);
+        });
+        this.elementRef.nativeElement.classList.add("nice-chip-async-typeahead");
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next(null);
+        this.unsubscribeAll$.complete();
+    }
+}
+NiceChipAsyncTypeaheadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipAsyncTypeaheadDirective, deps: [{ token: NiceAsyncTypeaheadComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceChipAsyncTypeaheadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceChipAsyncTypeaheadDirective, selector: "[niceChipAsyncTypeahead]", outputs: { niceChipAsyncTypeaheadTokenEnd: "niceChipAsyncTypeaheadTokenEnd" }, exportAs: ["niceChipAsyncTypeahead"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipAsyncTypeaheadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[niceChipAsyncTypeahead]",
+                    exportAs: "niceChipAsyncTypeahead",
+                }]
+        }], ctorParameters: function () { return [{ type: NiceAsyncTypeaheadComponent }, { type: i0.ElementRef }]; }, propDecorators: { niceChipAsyncTypeaheadTokenEnd: [{
+                type: Output
+            }] } });
+
+class ChipListItemLabelDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+ChipListItemLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ChipListItemLabelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ChipListItemLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: ChipListItemLabelDirective, selector: "[niceChipListItemLabel]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ChipListItemLabelDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: "[niceChipListItemLabel]" }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
+class NiceChipListItemsComponent {
+    constructor() {
+        this.color = "primary";
+        this.removeChip = new EventEmitter();
+        this.defaultColor = "primary";
+    }
+    remove(index) {
+        this.removeChip.next(index);
+    }
+}
+NiceChipListItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NiceChipListItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: NiceChipListItemsComponent, selector: "nice-chip-list-items", inputs: { color: "color", items$: "items$" }, outputs: { removeChip: "removeChip" }, queries: [{ propertyName: "itemLabel", first: true, predicate: ChipListItemLabelDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon class=\"close-icon\">cancel</mat-icon>\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nice-chip-list-items", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nice-items-row\" *ngIf=\"(items$ | async)?.length\">\n    <div\n        class=\"nice-chip\"\n        *ngFor=\"let value of items$ | async; let i = index\"\n        [ngClass]=\"color\"\n    >\n        <span *ngIf=\"!itemLabel\">{{ value }}</span>\n        <ng-container *ngIf=\"itemLabel\">\n            <ng-container *ngTemplateOutlet=\"itemLabel; context: { $implicit: value }\"></ng-container>\n        </ng-container>\n        <button (click)=\"remove(i)\">\n            <mat-icon class=\"close-icon\">cancel</mat-icon>\n        </button>\n    </div>\n</div>\n" }]
+        }], propDecorators: { itemLabel: [{
+                type: ContentChild,
+                args: [ChipListItemLabelDirective, { read: TemplateRef }]
+            }], color: [{
+                type: Input
+            }], removeChip: [{
+                type: Output
+            }], items$: [{
+                type: Input
+            }] } });
+
+class NiceChipListDirective {
+    constructor(asyncTypeahead, ngControl, elementRef) {
+        this.asyncTypeahead = asyncTypeahead;
+        this.ngControl = ngControl;
+        this.elementRef = elementRef;
+        this.reloadOnSelected = true;
+        this.unsubscribeAll$ = new Subject();
+        this.values$ = new BehaviorSubject([]);
+        this._values = [];
+        this.propagateChanges = (value) => { };
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    get values() {
+        return this._values;
+    }
+    onKeyDown(event) {
+        if (this.asyncTypeahead) {
+            return;
+        }
+        if (event.code === KeyboardCodes.Enter) {
+            if (!this.elementRef.nativeElement.validity.valid) {
+                return;
+            }
+            this.addValue(this.elementRef.nativeElement.value);
+            this.elementRef.nativeElement.value = "";
+            return;
+        }
+    }
+    ngOnInit() {
+        if (this.asyncTypeahead) {
+            this.setupAsyncTypeahead();
+        }
+        if (this.elementRef.nativeElement.parentElement.classList.contains("mat-form-field-infix")) {
+            this.elementRef.nativeElement.parentElement.style.alignItems = "flex-start";
+            this.elementRef.nativeElement.parentElement.style.flexDirection = "column-reverse";
+        }
+    }
+    ngOnChanges(changes) {
+        if ("withItemList" in changes) {
+            this.withItemList.items$ = this.values$;
+            this.withItemList.removeChip.pipe(takeUntil(this.unsubscribeAll$)).subscribe(x => {
+                this._values.splice(x, 1);
+                this.updateTypeaheadSearchOptions();
+                this.propagateChanges(this._values);
+                this.values$.next(this._values);
+            });
+        }
+    }
+    writeValue(obj) {
+        this._values = obj !== null && obj !== void 0 ? obj : [];
+        this.updateTypeaheadSearchOptions();
+        this.values$.next(this._values);
+    }
+    registerOnChange(fn) {
+        this.propagateChanges = fn;
+    }
+    registerOnTouched(fn) { }
+    setupAsyncTypeahead() {
+        this.asyncTypeahead.selected
+            .pipe(takeUntil(this.unsubscribeAll$), filter((selected) => selected))
+            .subscribe((_) => {
+            var _a, _b;
+            this.addValue(this.asyncTypeahead.getActive());
+            this.asyncTypeahead.searchOptions = Object.assign(Object.assign({}, ((_a = this.asyncTypeahead.searchOptions) !== null && _a !== void 0 ? _a : {})), { ignore: (_b = this._values) !== null && _b !== void 0 ? _b : [] });
+            this.asyncTypeahead.onRemove(null, this.reloadOnSelected);
+        });
+    }
+    addValue(value) {
+        if (this._values.includes(value)) {
+            return;
+        }
+        this._values.push(value);
+        this.propagateChanges(this._values);
+        this.values$.next(this._values);
+    }
+    updateTypeaheadSearchOptions() {
+        var _a;
+        if (!this.asyncTypeahead) {
+            return;
+        }
+        const searchOptions = this.asyncTypeahead.searchOptions;
+        this.asyncTypeahead.searchOptions = Object.assign(Object.assign({}, (searchOptions !== null && searchOptions !== void 0 ? searchOptions : {})), { ignore: (_a = this._values) !== null && _a !== void 0 ? _a : [] });
+        this.asyncTypeahead.ngOnChanges({
+            searchOptions: new SimpleChange(searchOptions, this.asyncTypeahead.searchOptions, false)
+        });
+    }
+}
+NiceChipListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirective, deps: [{ token: NiceAsyncTypeaheadComponent, optional: true }, { token: i1$2.NgControl, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceChipListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceChipListDirective, selector: "input[niceChipList], nice-async-typeahead[niceChipList]", inputs: { withItemList: "withItemList", reloadOnSelected: "reloadOnSelected" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[niceChipList], nice-async-typeahead[niceChipList]"
+                }]
+        }], ctorParameters: function () {
+        return [{ type: NiceAsyncTypeaheadComponent, decorators: [{
+                        type: Optional
+                    }] }, { type: i1$2.NgControl, decorators: [{
+                        type: Optional
+                    }] }, { type: i0.ElementRef }];
+    }, propDecorators: { withItemList: [{
+                type: Input
+            }], reloadOnSelected: [{
+                type: Input
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });
+
+class NiceChipListDirectiveModule {
+}
+NiceChipListDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceChipListDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirectiveModule, declarations: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective], imports: [CommonModule, MatIconModule], exports: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective] });
+NiceChipListDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirectiveModule, imports: [CommonModule, MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceChipListDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule],
+                    declarations: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective],
+                    exports: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective]
+                }]
+        }] });
+
 class NiceImageErrorPlaceholderDirective {
     constructor(elementRef, viewContainerRef) {
         this.elementRef = elementRef;
@@ -8847,9 +9058,9 @@ class NiceImageErrorPlaceholderDirective {
         }
     }
 }
-NiceImageErrorPlaceholderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-NiceImageErrorPlaceholderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceImageErrorPlaceholderDirective, selector: "img[niceImageErrorPlaceholder]", inputs: { fallback: "fallback" }, host: { listeners: { "error": "onError()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirective, decorators: [{
+NiceImageErrorPlaceholderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceImageErrorPlaceholderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceImageErrorPlaceholderDirective, selector: "img[niceImageErrorPlaceholder]", inputs: { fallback: "fallback" }, host: { listeners: { "error": "onError()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirective, decorators: [{
             type: Directive,
             args: [{ selector: "img[niceImageErrorPlaceholder]" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { fallback: [{
@@ -8861,10 +9072,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceImageErrorPlaceholderDirectiveModule {
 }
-NiceImageErrorPlaceholderDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceImageErrorPlaceholderDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, declarations: [NiceImageErrorPlaceholderDirective], exports: [NiceImageErrorPlaceholderDirective] });
-NiceImageErrorPlaceholderDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, decorators: [{
+NiceImageErrorPlaceholderDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceImageErrorPlaceholderDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, declarations: [NiceImageErrorPlaceholderDirective], exports: [NiceImageErrorPlaceholderDirective] });
+NiceImageErrorPlaceholderDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NiceImageErrorPlaceholderDirective],
@@ -8881,9 +9092,9 @@ class NiceMaterialStyleDirective {
         this.element.nativeElement.classList.add("keep-material-style");
     }
 }
-NiceMaterialStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NiceMaterialStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceMaterialStyleDirective, selector: "[keep-material-style]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialStyleDirective, decorators: [{
+NiceMaterialStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceMaterialStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceMaterialStyleDirective, selector: "[keep-material-style]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialStyleDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[keep-material-style]" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
@@ -8897,21 +9108,21 @@ class NiceRoundedStyleDirective {
         this.element.nativeElement.classList.add("nice-rounded-style");
     }
 }
-NiceRoundedStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceRoundedStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NiceRoundedStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceRoundedStyleDirective, selector: "[nice-rounded-style]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceRoundedStyleDirective, decorators: [{
+NiceRoundedStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceRoundedStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NiceRoundedStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceRoundedStyleDirective, selector: "[nice-rounded-style]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceRoundedStyleDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[nice-rounded-style]" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
 class NiceMaterialModule {
 }
-NiceMaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceMaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialModule, declarations: [NiceMaterialStyleDirective,
+NiceMaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceMaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialModule, declarations: [NiceMaterialStyleDirective,
         NiceRoundedStyleDirective], exports: [NiceMaterialStyleDirective,
         NiceRoundedStyleDirective] });
-NiceMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceMaterialModule, decorators: [{
+NiceMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceMaterialModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -8939,9 +9150,9 @@ class NiceModalOpenerDirective {
             .subscribe(res => this.modalAfterClosed.emit(res));
     }
 }
-NiceModalOpenerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModalOpenerDirective, deps: [{ token: i1$c.MatDialog }, { token: i0.Type }, { token: i1$c.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive });
-NiceModalOpenerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceModalOpenerDirective, inputs: { modalData: "modalData" }, outputs: { modalAfterClosed: "modalAfterClosed" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModalOpenerDirective, decorators: [{
+NiceModalOpenerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModalOpenerDirective, deps: [{ token: i1$c.MatDialog }, { token: i0.Type }, { token: i1$c.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive });
+NiceModalOpenerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceModalOpenerDirective, inputs: { modalData: "modalData" }, outputs: { modalAfterClosed: "modalAfterClosed" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModalOpenerDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1$c.MatDialog }, { type: i0.Type }, { type: i1$c.MatDialogConfig }]; }, propDecorators: { modalData: [{
                 type: Input
@@ -8957,9 +9168,9 @@ class NiceModalOnClickDirective extends NiceModalOpenerDirective {
         this.open();
     }
 }
-NiceModalOnClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModalOnClickDirective, deps: [{ token: i1$c.MatDialog }, { token: i0.Type }, { token: i1$c.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive });
-NiceModalOnClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceModalOnClickDirective, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModalOnClickDirective, decorators: [{
+NiceModalOnClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModalOnClickDirective, deps: [{ token: i1$c.MatDialog }, { token: i0.Type }, { token: i1$c.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive });
+NiceModalOnClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceModalOnClickDirective, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModalOnClickDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1$c.MatDialog }, { type: i0.Type }, { type: i1$c.MatDialogConfig }]; }, propDecorators: { onClick: [{
                 type: HostListener,
@@ -8997,9 +9208,9 @@ class NiceScrollResetDirective {
         this._unsubscribeAll.complete();
     }
 }
-NiceScrollResetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetDirective, deps: [{ token: i0.ElementRef }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Directive });
-NiceScrollResetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceScrollResetDirective, selector: "[niceScrollReset]", exportAs: ["niceScrollReset"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetDirective, decorators: [{
+NiceScrollResetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetDirective, deps: [{ token: i0.ElementRef }, { token: i1$7.Router }], target: i0.ɵɵFactoryTarget.Directive });
+NiceScrollResetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceScrollResetDirective, selector: "[niceScrollReset]", exportAs: ["niceScrollReset"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[niceScrollReset]",
@@ -9009,10 +9220,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceScrollResetModule {
 }
-NiceScrollResetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceScrollResetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetModule, declarations: [NiceScrollResetDirective], exports: [NiceScrollResetDirective] });
-NiceScrollResetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceScrollResetModule, decorators: [{
+NiceScrollResetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceScrollResetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetModule, declarations: [NiceScrollResetDirective], exports: [NiceScrollResetDirective] });
+NiceScrollResetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceScrollResetModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -9030,9 +9241,9 @@ class NiceClickStopPropagationDirective {
         event.stopPropagation();
     }
 }
-NiceClickStopPropagationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceClickStopPropagationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NiceClickStopPropagationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NiceClickStopPropagationDirective, selector: "[niceClickStopPropagation]", host: { listeners: { "click": "stopClick($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceClickStopPropagationDirective, decorators: [{
+NiceClickStopPropagationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceClickStopPropagationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NiceClickStopPropagationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceClickStopPropagationDirective, selector: "[niceClickStopPropagation]", host: { listeners: { "click": "stopClick($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceClickStopPropagationDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceClickStopPropagation]" }]
         }], propDecorators: { stopClick: [{
@@ -9042,10 +9253,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceStopPropagationModule {
 }
-NiceStopPropagationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceStopPropagationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceStopPropagationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceStopPropagationModule, declarations: [NiceClickStopPropagationDirective], exports: [NiceClickStopPropagationDirective] });
-NiceStopPropagationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceStopPropagationModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceStopPropagationModule, decorators: [{
+NiceStopPropagationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStopPropagationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceStopPropagationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceStopPropagationModule, declarations: [NiceClickStopPropagationDirective], exports: [NiceClickStopPropagationDirective] });
+NiceStopPropagationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStopPropagationModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceStopPropagationModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [NiceClickStopPropagationDirective],
@@ -9059,9 +9270,9 @@ class NicePreventCloseWindowDirective {
         $event.returnValue = false;
     }
 }
-NicePreventCloseWindowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NicePreventCloseWindowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NicePreventCloseWindowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NicePreventCloseWindowDirective, selector: "[nicePreventCloseWindow]", host: { listeners: { "window:beforeunload": "handleClose($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NicePreventCloseWindowDirective, decorators: [{
+NicePreventCloseWindowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePreventCloseWindowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NicePreventCloseWindowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NicePreventCloseWindowDirective, selector: "[nicePreventCloseWindow]", host: { listeners: { "window:beforeunload": "handleClose($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePreventCloseWindowDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[nicePreventCloseWindow]" }]
         }], propDecorators: { handleClose: [{
@@ -9071,10 +9282,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
 
 class NiceWindowDirectiveModule {
 }
-NiceWindowDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceWindowDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NiceWindowDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceWindowDirectiveModule, declarations: [NicePreventCloseWindowDirective], exports: [NicePreventCloseWindowDirective] });
-NiceWindowDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceWindowDirectiveModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceWindowDirectiveModule, decorators: [{
+NiceWindowDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceWindowDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceWindowDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceWindowDirectiveModule, declarations: [NicePreventCloseWindowDirective], exports: [NicePreventCloseWindowDirective] });
+NiceWindowDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceWindowDirectiveModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceWindowDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NicePreventCloseWindowDirective],
@@ -9093,9 +9304,9 @@ class BooleanPipe {
         return this.translateService.instant(value ? "general.yes" : "general.no");
     }
 }
-BooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-BooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: BooleanPipe, name: "boolean" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BooleanPipe, decorators: [{
+BooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: BooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+BooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: BooleanPipe, name: "boolean" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: BooleanPipe, decorators: [{
             type: Pipe,
             args: [{ name: "boolean" }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
@@ -9108,9 +9319,9 @@ class CapitalizeFirstLetterPipe {
         return value.charAt(0).toUpperCase() + value.slice(1);
     }
 }
-CapitalizeFirstLetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CapitalizeFirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CapitalizeFirstLetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: CapitalizeFirstLetterPipe, name: "capitalizeFirstLetter" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CapitalizeFirstLetterPipe, decorators: [{
+CapitalizeFirstLetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CapitalizeFirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CapitalizeFirstLetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: CapitalizeFirstLetterPipe, name: "capitalizeFirstLetter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CapitalizeFirstLetterPipe, decorators: [{
             type: Pipe,
             args: [{ name: "capitalizeFirstLetter" }]
         }] });
@@ -9120,9 +9331,9 @@ class CeilPipe {
         return Math.ceil(input);
     }
 }
-CeilPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CeilPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CeilPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: CeilPipe, name: "ceil" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CeilPipe, decorators: [{
+CeilPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CeilPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CeilPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: CeilPipe, name: "ceil" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: CeilPipe, decorators: [{
             type: Pipe,
             args: [{ name: "ceil" }]
         }] });
@@ -9141,9 +9352,9 @@ class EntriesPipe {
         return keys;
     }
 }
-EntriesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-EntriesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: EntriesPipe, name: "entries" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: EntriesPipe, decorators: [{
+EntriesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+EntriesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: EntriesPipe, name: "entries" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: EntriesPipe, decorators: [{
             type: Pipe,
             args: [{ name: "entries" }]
         }] });
@@ -9153,9 +9364,9 @@ class FindByKeyPipe {
         return (array !== null && array !== void 0 ? array : []).find((v) => (v === null || v === void 0 ? void 0 : v[key]) === value);
     }
 }
-FindByKeyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FindByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FindByKeyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: FindByKeyPipe, name: "findByKey" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FindByKeyPipe, decorators: [{
+FindByKeyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FindByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FindByKeyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: FindByKeyPipe, name: "findByKey" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FindByKeyPipe, decorators: [{
             type: Pipe,
             args: [{ name: "findByKey" }]
         }] });
@@ -9165,9 +9376,9 @@ class FirstLetterPipe {
         return value === null || value === void 0 ? void 0 : value[0];
     }
 }
-FirstLetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FirstLetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: FirstLetterPipe, name: "firstLetter" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FirstLetterPipe, decorators: [{
+FirstLetterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FirstLetterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: FirstLetterPipe, name: "firstLetter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FirstLetterPipe, decorators: [{
             type: Pipe,
             args: [{ name: "firstLetter" }]
         }] });
@@ -9177,9 +9388,9 @@ class FloorPipe {
         return Math.floor(input);
     }
 }
-FloorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FloorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: FloorPipe, name: "floor" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: FloorPipe, decorators: [{
+FloorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FloorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: FloorPipe, name: "floor" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: FloorPipe, decorators: [{
             type: Pipe,
             args: [{ name: "floor" }]
         }] });
@@ -9195,9 +9406,9 @@ class JoinPipe {
         return array.filter(x => x).map(x => x[prop]).join(separator);
     }
 }
-JoinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-JoinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: JoinPipe, name: "join" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: JoinPipe, decorators: [{
+JoinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+JoinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: JoinPipe, name: "join" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: JoinPipe, decorators: [{
             type: Pipe,
             args: [{ name: "join" }]
         }] });
@@ -9217,9 +9428,9 @@ class LinkPipe {
         }
     }
 }
-LinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-LinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: LinkPipe, name: "link" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LinkPipe, decorators: [{
+LinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+LinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: LinkPipe, name: "link" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LinkPipe, decorators: [{
             type: Pipe,
             args: [{ name: "link" }]
         }] });
@@ -9232,9 +9443,9 @@ class LocalizedBooleanPipe {
         return this.translateService.instant(`general.bool_${value}`);
     }
 }
-LocalizedBooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedBooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizedBooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: LocalizedBooleanPipe, name: "localizedBoolean" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedBooleanPipe, decorators: [{
+LocalizedBooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedBooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedBooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: LocalizedBooleanPipe, name: "localizedBoolean" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedBooleanPipe, decorators: [{
             type: Pipe,
             args: [{ name: "localizedBoolean" }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
@@ -9245,9 +9456,9 @@ class LocalizedCurrencyPipe extends CurrencyPipe {
         this.translateService = translateService;
     }
 }
-LocalizedCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedCurrencyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizedCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: LocalizedCurrencyPipe, name: "localizedCurrency" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedCurrencyPipe, decorators: [{
+LocalizedCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedCurrencyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: LocalizedCurrencyPipe, name: "localizedCurrency" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedCurrencyPipe, decorators: [{
             type: Pipe,
             args: [{ name: "localizedCurrency" }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
@@ -9280,9 +9491,9 @@ class LocalizedDatePipe {
         return "MMMM d";
     }
 }
-LocalizedDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizedDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDatePipe, name: "localizedDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDatePipe, decorators: [{
+LocalizedDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDatePipe, name: "localizedDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDatePipe, decorators: [{
             type: Pipe,
             args: [{ name: "localizedDate" }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
@@ -9296,9 +9507,9 @@ class LocalizedDateOnlyPipe {
         return pipe.transform(value, pattern, fallbackWithNull, "UTC");
     }
 }
-LocalizedDateOnlyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDateOnlyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizedDateOnlyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDateOnlyPipe, name: "localizedDateOnly" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: LocalizedDateOnlyPipe, decorators: [{
+LocalizedDateOnlyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDateOnlyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizedDateOnlyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDateOnlyPipe, name: "localizedDateOnly" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: LocalizedDateOnlyPipe, decorators: [{
             type: Pipe,
             args: [{ name: "localizedDateOnly" }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
@@ -9311,9 +9522,9 @@ class MinutesToTimePipe {
         return `${hours}${separator}${minutes}`;
     }
 }
-MinutesToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MinutesToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MinutesToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: MinutesToTimePipe, name: "minutesToTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MinutesToTimePipe, decorators: [{
+MinutesToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: MinutesToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MinutesToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: MinutesToTimePipe, name: "minutesToTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: MinutesToTimePipe, decorators: [{
             type: Pipe,
             args: [{ name: "minutesToTime" }]
         }] });
@@ -9332,9 +9543,9 @@ class NumberToOrdinalIndicatorPipe {
         }
     }
 }
-NumberToOrdinalIndicatorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NumberToOrdinalIndicatorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, name: "numberToOrdinalIndicator" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, decorators: [{
+NumberToOrdinalIndicatorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NumberToOrdinalIndicatorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, name: "numberToOrdinalIndicator" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NumberToOrdinalIndicatorPipe, decorators: [{
             type: Pipe,
             args: [{ name: "numberToOrdinalIndicator" }]
         }] });
@@ -9350,9 +9561,9 @@ class PadPipe {
         }
     }
 }
-PadPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PadPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PadPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: PadPipe, name: "pad" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PadPipe, decorators: [{
+PadPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PadPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PadPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: PadPipe, name: "pad" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PadPipe, decorators: [{
             type: Pipe,
             args: [{ name: "pad" }]
         }] });
@@ -9369,9 +9580,9 @@ class PhonePipe {
         return `${formattedPhoneNumber} #${extension}`;
     }
 }
-PhonePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PhonePipe, deps: [{ token: i1$e.MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
-PhonePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: PhonePipe, name: "phone" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PhonePipe, decorators: [{
+PhonePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PhonePipe, deps: [{ token: i1$e.MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
+PhonePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: PhonePipe, name: "phone" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PhonePipe, decorators: [{
             type: Pipe,
             args: [{ name: "phone" }]
         }], ctorParameters: function () { return [{ type: i1$e.MaskApplierService }]; } });
@@ -9387,9 +9598,9 @@ class PostalCodePipe {
         return "";
     }
 }
-PostalCodePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PostalCodePipe, deps: [{ token: i1$e.MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
-PostalCodePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: PostalCodePipe, name: "postalCode" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: PostalCodePipe, decorators: [{
+PostalCodePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PostalCodePipe, deps: [{ token: i1$e.MaskApplierService }], target: i0.ɵɵFactoryTarget.Pipe });
+PostalCodePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: PostalCodePipe, name: "postalCode" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: PostalCodePipe, decorators: [{
             type: Pipe,
             args: [{ name: "postalCode" }]
         }], ctorParameters: function () { return [{ type: i1$e.MaskApplierService }]; } });
@@ -9399,9 +9610,9 @@ class RoundPipe {
         return Math.round(input);
     }
 }
-RoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: RoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-RoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: RoundPipe, name: "round" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: RoundPipe, decorators: [{
+RoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: RoundPipe, name: "round" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RoundPipe, decorators: [{
             type: Pipe,
             args: [{ name: "round" }]
         }] });
@@ -9415,9 +9626,9 @@ class RangePipe {
         return range;
     }
 }
-RangePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: RangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-RangePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: RangePipe, name: "range" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: RangePipe, decorators: [{
+RangePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RangePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: RangePipe, name: "range" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: RangePipe, decorators: [{
             type: Pipe,
             args: [{ name: "range" }]
         }] });
@@ -9431,9 +9642,9 @@ class SecondsToTimePipe {
         return `${hours}${separator}${minutes}${separator}${seconds}`;
     }
 }
-SecondsToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SecondsToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SecondsToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: SecondsToTimePipe, name: "secondsToTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SecondsToTimePipe, decorators: [{
+SecondsToTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SecondsToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SecondsToTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: SecondsToTimePipe, name: "secondsToTime" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SecondsToTimePipe, decorators: [{
             type: Pipe,
             args: [{ name: "secondsToTime" }]
         }] });
@@ -9451,17 +9662,17 @@ class SanitizeBypassPipe {
         }
     }
 }
-SanitizeBypassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SanitizeBypassPipe, deps: [{ token: i1$f.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SanitizeBypassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: SanitizeBypassPipe, name: "sanitizeBypass" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: SanitizeBypassPipe, decorators: [{
+SanitizeBypassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SanitizeBypassPipe, deps: [{ token: i1$f.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SanitizeBypassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: SanitizeBypassPipe, name: "sanitizeBypass" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SanitizeBypassPipe, decorators: [{
             type: Pipe,
             args: [{ name: "sanitizeBypass" }]
         }], ctorParameters: function () { return [{ type: i1$f.DomSanitizer }]; } });
 
 class NicePipesModule {
 }
-NicePipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NicePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NicePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NicePipesModule, declarations: [BooleanPipe,
+NicePipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NicePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NicePipesModule, declarations: [BooleanPipe,
         CapitalizeFirstLetterPipe,
         CeilPipe,
         FindByKeyPipe,
@@ -9504,7 +9715,7 @@ NicePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         RoundPipe,
         SanitizeBypassPipe,
         SecondsToTimePipe] });
-NicePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NicePipesModule, providers: [
+NicePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePipesModule, providers: [
         BooleanPipe,
         CapitalizeFirstLetterPipe,
         CeilPipe,
@@ -9528,7 +9739,7 @@ NicePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         SanitizeBypassPipe,
         SecondsToTimePipe
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NicePipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -9616,11 +9827,11 @@ class NiceModule {
         }
     }
 }
-NiceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModule, deps: [{ token: NiceModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
-NiceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: NiceModule, imports: [NiceMediaWatcherModule,
+NiceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModule, deps: [{ token: NiceModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+NiceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceModule, imports: [NiceMediaWatcherModule,
         NiceSplashScreenModule,
         NiceUtilsModule] });
-NiceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModule, providers: [
+NiceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModule, providers: [
         {
             // Disable 'theme' sanity check
             provide: MATERIAL_SANITY_CHECKS,
@@ -9640,7 +9851,7 @@ NiceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14
     ], imports: [NiceMediaWatcherModule,
         NiceSplashScreenModule,
         NiceUtilsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NiceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -9683,5 +9894,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceClickStopPropagationDirective, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TypeUtils, UrlUtils, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
+export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ChipListItemLabelDirective, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceChipAsyncTypeaheadDirective, NiceChipListDirective, NiceChipListDirectiveModule, NiceChipListItemsComponent, NiceClickStopPropagationDirective, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TypeUtils, UrlUtils, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
 //# sourceMappingURL=recursyve-nice-ui-kit.v2.mjs.map