@indigina/kendo 1.1.16 → 1.1.18

package/fesm2015/indigina-kendo.mjs

@@ -17,14 +17,14 @@ export * from 'ngx-clipboard';
 import * as i1$3 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
 export * from 'ngx-toastr';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/common/http';
+import * as i2$1 from '@angular/common/http';
 import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { EventEmitter, Directive, Input, Output, HostListener, Component, Injectable, ViewChildren, APP_INITIALIZER, NgModule, ViewChild } from '@angular/core';
 import * as i1$4 from '@angular/forms';
-import { FormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormGroup, FormsModule } from '@angular/forms';
+import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, UntypedFormGroup, FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import * as i1$5 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
@@ -33,19 +33,19 @@ import { debounceTime, map, mergeMap, catchError, tap, filter, finalize } from '
 import { __awaiter } from 'tslib';
 import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
-import * as i3$1 from '@progress/kendo-angular-popup';
+import * as i5 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import * as i2$1 from '@progress/kendo-angular-dialog';
+import * as i3 from '@progress/kendo-angular-dialog';
 import { DialogsModule, WindowModule } from '@progress/kendo-angular-dialog';
-import * as i3$2 from '@progress/kendo-angular-grid';
+import * as i5$1 from '@progress/kendo-angular-grid';
 import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
-import * as i2$2 from '@progress/kendo-angular-buttons';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import * as i6 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
-import * as i2$3 from '@progress/kendo-angular-dateinputs';
+import * as i3$1 from '@progress/kendo-angular-buttons';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import * as i5$2 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
-import * as i3$3 from '@progress/kendo-angular-dropdowns';
+import * as i4 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { TooltipModule } from '@progress/kendo-angular-tooltip';
 import * as XmlBeautify from 'xml-beautify';
@@ -68,9 +68,9 @@ class DebounceDirective {
         this.keyUp.next(event);
     }
 }
-DebounceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DebounceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: DebounceDirective, selector: "[appDebounce]", inputs: { debounceTime: "debounceTime" }, outputs: { debounceKeyup: "debounceKeyup" }, host: { listeners: { "keyup": "keyUpEvent($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DebounceDirective, decorators: [{
+DebounceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: DebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DebounceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.4", type: DebounceDirective, selector: "[appDebounce]", inputs: { debounceTime: "debounceTime" }, outputs: { debounceKeyup: "debounceKeyup" }, host: { listeners: { "keyup": "keyUpEvent($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: DebounceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appDebounce]'
@@ -114,7 +114,7 @@ class FieldComponent {
             control.updateValueAndValidity();
         }
         else {
-            this.parent.form.addControl(this.fieldName, new FormControl(this.defaultValue, validators));
+            this.parent.form.addControl(this.fieldName, new UntypedFormControl(this.defaultValue, validators));
         }
     }
     setAttribute(name, value) {
@@ -127,9 +127,9 @@ class FieldComponent {
         }
     }
 }
-FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-FieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: FieldComponent, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldComponent, decorators: [{
+FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+FieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.4", type: FieldComponent, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: undefined }]; }, propDecorators: { labelKey: [{
                 type: Input
@@ -156,15 +156,15 @@ class FieldInputComponent extends FieldComponent {
         return super.setAttribute(name, value);
     }
 }
-FieldInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FieldInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, viewProviders: [
+FieldInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FieldInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
+                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
                 type: Input
             }], fieldName: [{
@@ -231,11 +231,11 @@ class NumberInputComponent extends FieldInputComponent {
         };
     }
 }
-NumberInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, viewProviders: [
+NumberInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NumberInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'number-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
@@ -255,20 +255,20 @@ class GeneralErrorsComponent {
         }
     }
 }
-GeneralErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GeneralErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: { form: "form" }, ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
+GeneralErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GeneralErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: { form: "form" }, ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n", styles: [""], 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: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-general-errors', template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'app-general-errors', template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { form: [{
                 type: Input
             }] } });
 
 class AppSettings {
 }
-AppSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AppSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppSettings, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppSettings, decorators: [{
+AppSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AppSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppSettings, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppSettings, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -277,9 +277,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class IndiginaConfiguration {
 }
-IndiginaConfiguration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IndiginaConfiguration.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaConfiguration, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaConfiguration, decorators: [{
+IndiginaConfiguration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IndiginaConfiguration.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaConfiguration, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaConfiguration, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -317,9 +317,9 @@ class LocaleSettingsService {
         }
     }
 }
-LocaleSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-LocaleSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LocaleSettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LocaleSettingsService, decorators: [{
+LocaleSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+LocaleSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LocaleSettingsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LocaleSettingsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -380,11 +380,11 @@ class MenuItemGroupComponent {
         }
     }
 }
-MenuItemGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n", styles: [""], components: [{ type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
+MenuItemGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\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: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[menu-item-group]', template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n", styles: [""] }]
+            args: [{ selector: '[menu-item-group]', template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1$5.Router }]; }, propDecorators: { item: [{
                 type: Input
             }] } });
@@ -412,11 +412,11 @@ class SideMenuComponent {
         }
     }
 }
-SideMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SideMenuComponent, selector: "side-menu", inputs: { items: "items" }, outputs: { logoClick: "logoClick" }, ngImport: i0, template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a href=\"/\" class=\"img-supply\">\n            <img alt=\"Supply Stream logo\" />\n          </a>\n        </div>\n        <div class=\"logo-element\" (click)=\"onLogoClick()\">\n          <i class=\"fa fa-exchange\"></i>\n        </div>\n      </li>\n    </ul>\n\n    <div class=\"sidebar-collapse\">\n      <ul class=\"nav\">\n        <ng-template ngFor let-item [ngForOf]=\"items\">\n          <li\n            #itemComponent\n            menu-item-group\n            [item]=\"item\"\n            [ngClass]=\"{\n              menu: true,\n              active: item.expanded ? item.expanded : false,\n              collapsed: itemComponent.collapsed\n            }\"\n            (click)=\"collapse(itemComponent, item, $event)\"\n          ></li>\n        </ng-template>\n      </ul>\n    </div>\n  </div>\n</nav>\n", styles: [""], components: [{ type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SideMenuComponent, decorators: [{
+SideMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SideMenuComponent, selector: "side-menu", inputs: { items: "items" }, outputs: { logoClick: "logoClick" }, ngImport: i0, template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a href=\"/\" class=\"img-supply\">\n            <img alt=\"Supply Stream logo\" />\n          </a>\n        </div>\n        <div class=\"logo-element\" (click)=\"onLogoClick()\">\n          <i class=\"fa fa-exchange\"></i>\n        </div>\n      </li>\n    </ul>\n\n    <div class=\"sidebar-collapse\">\n      <ul class=\"nav\">\n        <ng-template ngFor let-item [ngForOf]=\"items\">\n          <li\n            #itemComponent\n            menu-item-group\n            [item]=\"item\"\n            [ngClass]=\"{\n              menu: true,\n              active: item.expanded ? item.expanded : false,\n              collapsed: itemComponent.collapsed\n            }\"\n            (click)=\"collapse(itemComponent, item, $event)\"\n          ></li>\n        </ng-template>\n      </ul>\n    </div>\n  </div>\n</nav>\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: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'side-menu', template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a href=\"/\" class=\"img-supply\">\n            <img alt=\"Supply Stream logo\" />\n          </a>\n        </div>\n        <div class=\"logo-element\" (click)=\"onLogoClick()\">\n          <i class=\"fa fa-exchange\"></i>\n        </div>\n      </li>\n    </ul>\n\n    <div class=\"sidebar-collapse\">\n      <ul class=\"nav\">\n        <ng-template ngFor let-item [ngForOf]=\"items\">\n          <li\n            #itemComponent\n            menu-item-group\n            [item]=\"item\"\n            [ngClass]=\"{\n              menu: true,\n              active: item.expanded ? item.expanded : false,\n              collapsed: itemComponent.collapsed\n            }\"\n            (click)=\"collapse(itemComponent, item, $event)\"\n          ></li>\n        </ng-template>\n      </ul>\n    </div>\n  </div>\n</nav>\n", styles: [""] }]
+            args: [{ selector: 'side-menu', template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a href=\"/\" class=\"img-supply\">\n            <img alt=\"Supply Stream logo\" />\n          </a>\n        </div>\n        <div class=\"logo-element\" (click)=\"onLogoClick()\">\n          <i class=\"fa fa-exchange\"></i>\n        </div>\n      </li>\n    </ul>\n\n    <div class=\"sidebar-collapse\">\n      <ul class=\"nav\">\n        <ng-template ngFor let-item [ngForOf]=\"items\">\n          <li\n            #itemComponent\n            menu-item-group\n            [item]=\"item\"\n            [ngClass]=\"{\n              menu: true,\n              active: item.expanded ? item.expanded : false,\n              collapsed: itemComponent.collapsed\n            }\"\n            (click)=\"collapse(itemComponent, item, $event)\"\n          ></li>\n        </ng-template>\n      </ul>\n    </div>\n  </div>\n</nav>\n" }]
         }], propDecorators: { items: [{
                 type: Input
             }], logoClick: [{
@@ -446,9 +446,9 @@ class TreeViewNodeComponent {
         this.treeViewProps.forEach((x) => x.collapseAll());
     }
 }
-TreeViewNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  <ng-container\n    *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n  ></ng-container>\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n  <span class=\"tree-view-prop\">\n    {{ node.startTag }}\n    <span [ngClass]=\"node.nodeType\">\n      {{ node.value }}\n    </span>\n    {{ node.endTag }}\n  </span>\n</ng-template>\n\n<ng-template #baseNode>\n  <span>\n    <em\n      [ngClass]=\"\n        expanded\n          ? 'fa fa-caret-down node-toggler'\n          : 'fa fa-caret-right node-toggler'\n      \"\n      *ngIf=\"hasExpand\"\n      (click)=\"toggleExpand()\"\n    ></em>\n    <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n    <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n      <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n        <span class=\"prop-name\">{{ child.startTag }}</span>\n        <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n          child.value\n        }}</span>\n        <ng-container *ngIf=\"child.isComplex\">\n          <tree-view-node\n            [node]=\"child\"\n            [hasExpand]=\"true\"\n            #node\n          ></tree-view-node>\n        </ng-container>\n        <span class=\"prop-name\">{{ child.endTag }}</span>\n      </li>\n    </ul>\n  </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], components: [{ type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
+TreeViewNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  <ng-container\n    *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n  ></ng-container>\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n  <span class=\"tree-view-prop\">\n    {{ node.startTag }}\n    <span [ngClass]=\"node.nodeType\">\n      {{ node.value }}\n    </span>\n    {{ node.endTag }}\n  </span>\n</ng-template>\n\n<ng-template #baseNode>\n  <span>\n    <em\n      [ngClass]=\"\n        expanded\n          ? 'fa fa-caret-down node-toggler'\n          : 'fa fa-caret-right node-toggler'\n      \"\n      *ngIf=\"hasExpand\"\n      (click)=\"toggleExpand()\"\n    ></em>\n    <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n    <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n      <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n        <span class=\"prop-name\">{{ child.startTag }}</span>\n        <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n          child.value\n        }}</span>\n        <ng-container *ngIf=\"child.isComplex\">\n          <tree-view-node\n            [node]=\"child\"\n            [hasExpand]=\"true\"\n            #node\n          ></tree-view-node>\n        </ng-container>\n        <span class=\"prop-name\">{{ child.endTag }}</span>\n      </li>\n    </ul>\n  </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\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: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tree-view-node', template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  <ng-container\n    *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n  ></ng-container>\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n  <span class=\"tree-view-prop\">\n    {{ node.startTag }}\n    <span [ngClass]=\"node.nodeType\">\n      {{ node.value }}\n    </span>\n    {{ node.endTag }}\n  </span>\n</ng-template>\n\n<ng-template #baseNode>\n  <span>\n    <em\n      [ngClass]=\"\n        expanded\n          ? 'fa fa-caret-down node-toggler'\n          : 'fa fa-caret-right node-toggler'\n      \"\n      *ngIf=\"hasExpand\"\n      (click)=\"toggleExpand()\"\n    ></em>\n    <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n    <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n      <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n        <span class=\"prop-name\">{{ child.startTag }}</span>\n        <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n          child.value\n        }}</span>\n        <ng-container *ngIf=\"child.isComplex\">\n          <tree-view-node\n            [node]=\"child\"\n            [hasExpand]=\"true\"\n            #node\n          ></tree-view-node>\n        </ng-container>\n        <span class=\"prop-name\">{{ child.endTag }}</span>\n      </li>\n    </ul>\n  </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
         }], propDecorators: { treeViewProps: [{
@@ -765,11 +765,11 @@ class TreeViewComponent {
         return false;
     }
 }
-TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$2.ClipboardService }], target: i0.ɵɵFactoryTarget.Component });
-TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: TreeViewComponent, selector: "tree-view", inputs: { data: "data", maxTextLength: "maxTextLength", maxRootItems: "maxRootItems" }, viewQueries: [{ propertyName: "treeViewNodes", predicate: ["node"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0px;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"], components: [{ type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TreeViewComponent, decorators: [{
+TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$2.ClipboardService }], target: i0.ɵɵFactoryTarget.Component });
+TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: TreeViewComponent, selector: "tree-view", inputs: { data: "data", maxTextLength: "maxTextLength", maxRootItems: "maxRootItems" }, viewQueries: [{ propertyName: "treeViewNodes", predicate: ["node"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\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: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tree-view', template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0px;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"] }]
+            args: [{ selector: 'tree-view', template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n", styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.ClipboardService }]; }, propDecorators: { treeViewNodes: [{
                 type: ViewChildren,
                 args: ['node']
@@ -822,8 +822,8 @@ class IndiginaModule {
         };
     }
 }
-IndiginaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IndiginaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaModule, declarations: [SideMenuComponent,
+IndiginaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IndiginaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.4", ngImport: i0, type: IndiginaModule, declarations: [SideMenuComponent,
         MenuItemGroupComponent,
         TreeViewComponent,
         TreeViewNodeComponent,
@@ -845,7 +845,7 @@ IndiginaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         ToastrModule,
         BrowserAnimationsModule,
         NumberInputComponent] });
-IndiginaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaModule, providers: [
+IndiginaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaModule, providers: [
         {
             provide: APP_INITIALIZER,
             useFactory: LocaleServiceSettingsFactory,
@@ -862,28 +862,26 @@ IndiginaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
             deps: [IndiginaConfiguration],
         },
         TranslateStore,
-    ], imports: [[
-            BrowserModule,
-            HttpClientModule,
-            TranslateModule.forChild({
-                loader: {
-                    provide: TranslateLoader,
-                    useFactory: TranslateLoaderFactory,
-                    deps: [IndiginaConfiguration, HttpClient],
-                },
-            }),
-            LoadingBarHttpClientModule,
-            CommonModule,
-            RouterModule,
-            ReactiveFormsModule,
-            ToastrModule.forRoot(),
-            BrowserAnimationsModule,
-        ], TranslateModule,
+    ], imports: [BrowserModule,
+        HttpClientModule,
+        TranslateModule.forChild({
+            loader: {
+                provide: TranslateLoader,
+                useFactory: TranslateLoaderFactory,
+                deps: [IndiginaConfiguration, HttpClient],
+            },
+        }),
+        LoadingBarHttpClientModule,
+        CommonModule,
+        RouterModule,
+        ReactiveFormsModule,
+        ToastrModule.forRoot(),
+        BrowserAnimationsModule, TranslateModule,
         ClipboardModule,
         LoadingBarHttpClientModule,
         ToastrModule,
         BrowserAnimationsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IndiginaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: IndiginaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1115,14 +1113,14 @@ class ReEntrySubscription {
     }
 }
 
-class FormGroupWithErrors extends FormGroup {
+class FormGroupWithErrors extends UntypedFormGroup {
     constructor(controls, validatorOrOpts, asyncValidator) {
         super(controls, validatorOrOpts, asyncValidator);
         this.generalErrors = [];
     }
     getControl(name) {
         if (!this.contains(name)) {
-            this.addControl(name, new FormControl({}));
+            this.addControl(name, new UntypedFormControl({}));
         }
         return this.get(name);
     }
@@ -1176,9 +1174,9 @@ class AppToastrService {
         this.toastr.success(message, title, { timeOut: this.timeout });
     }
 }
-AppToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppToastrService, deps: [{ token: i1$3.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable });
-AppToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppToastrService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AppToastrService, decorators: [{
+AppToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppToastrService, deps: [{ token: i1$3.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable });
+AppToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppToastrService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AppToastrService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1220,9 +1218,9 @@ class SettingsService {
         return localStorage.getItem(tokenKey);
     }
 }
-SettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SettingsService, decorators: [{
+SettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SettingsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1299,12 +1297,12 @@ class HttpService {
         this.appToastrService.showSuccess(this.translate.instant(message));
     }
 }
-HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2.HttpClient }, { token: AppSettings }, { token: i1$1.TranslateService }, { token: i1$5.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
-HttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HttpService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HttpService, decorators: [{
+HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2$1.HttpClient }, { token: AppSettings }, { token: i1$1.TranslateService }, { token: i1$5.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: HttpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: AppToastrService }, { type: i2.HttpClient }, { type: AppSettings }, { type: i1$1.TranslateService }, { type: i1$5.Router }, { type: SettingsService }]; } });
+        }], ctorParameters: function () { return [{ type: AppToastrService }, { type: i2$1.HttpClient }, { type: AppSettings }, { type: i1$1.TranslateService }, { type: i1$5.Router }, { type: SettingsService }]; } });
 
 class LiveUpdatesControlComponent {
     ngOnInit() {
@@ -1316,9 +1314,9 @@ class LiveUpdatesControlComponent {
             : this.subscription.resume();
     }
 }
-LiveUpdatesControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LiveUpdatesControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LiveUpdatesControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: LiveUpdatesControlComponent, selector: "live-updates-control", inputs: { subscription: "subscription" }, ngImport: i0, template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n", styles: [":host .fa{margin-right:5px}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LiveUpdatesControlComponent, decorators: [{
+LiveUpdatesControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LiveUpdatesControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LiveUpdatesControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: LiveUpdatesControlComponent, selector: "live-updates-control", inputs: { subscription: "subscription" }, ngImport: i0, template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n", styles: [":host .fa{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LiveUpdatesControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'live-updates-control', template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n", styles: [":host .fa{margin-right:5px}\n"] }]
         }], propDecorators: { subscription: [{
@@ -1377,9 +1375,9 @@ class AuthProviderResolver {
         provider.initialize().subscribe(() => this.AuthProvider$.next(provider));
     }
 }
-AuthProviderResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthProviderResolver, deps: [{ token: i1.MsalService }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthProviderResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthProviderResolver, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthProviderResolver, decorators: [{
+AuthProviderResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthProviderResolver, deps: [{ token: i1.MsalService }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthProviderResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthProviderResolver, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthProviderResolver, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1448,9 +1446,9 @@ class SignalRService {
         return this.eventEmitters[eventName];
     }
 }
-SignalRService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SignalRService, deps: [{ token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable });
-SignalRService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SignalRService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SignalRService, decorators: [{
+SignalRService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SignalRService, deps: [{ token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable });
+SignalRService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SignalRService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SignalRService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: AppSettings }]; } });
@@ -1463,9 +1461,9 @@ class AccountService extends BaseAccountService {
         this.isAdmin = (member) => { var _a; return (_a = (member === null || member === void 0 ? void 0 : member.type) === adminKey) !== null && _a !== void 0 ? _a : false; };
     }
 }
-AccountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AccountService, deps: [{ token: AuthProviderResolver }, { token: HttpService }, { token: SettingsService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable });
-AccountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AccountService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AccountService, decorators: [{
+AccountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AccountService, deps: [{ token: AuthProviderResolver }, { token: HttpService }, { token: SettingsService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable });
+AccountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AccountService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AccountService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1498,9 +1496,9 @@ class LanguageSelectorComponent {
         }
     }
 }
-LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component });
-LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"], components: [{ type: i2$1.WindowComponent, selector: "kendo-window", inputs: ["keepContent", "draggable", "resizable", "state", "minWidth", "minHeight", "width", "height", "top", "left", "autoFocusedElement", "title"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { type: i2$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
+LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component });
+LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\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: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "directive", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'language-selector', template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: LocaleSettingsService }]; }, propDecorators: { visible: [{
@@ -1544,9 +1542,9 @@ class AccountMenuComponent {
         }
     }
 }
-AccountMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AccountMenuComponent, deps: [{ token: i0.ElementRef }, { token: AccountService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Component });
-AccountMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: AccountMenuComponent, selector: "account-menu", inputs: { user: "user" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, viewQueries: [{ propertyName: "accountMenu", first: true, predicate: ["accountMenuElement"], descendants: true }], ngImport: i0, template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <img alt=\"image\" class=\"img-circle top-bar-profile left\" />\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <img alt=\"image\" class=\"img-circle\" />\n        </div>\n        <div class=\"media-body\">\n          <span class=\"left fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"left pad5left\">{{ fullName }}</span>\n        </div>\n      </li>\n      <li class=\"pad5top\">\n        <a (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], components: [{ type: i3$1.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "positionMode", "offset", "anchor", "popupClass", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AccountMenuComponent, decorators: [{
+AccountMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AccountMenuComponent, deps: [{ token: i0.ElementRef }, { token: AccountService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Component });
+AccountMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: AccountMenuComponent, selector: "account-menu", inputs: { user: "user" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, viewQueries: [{ propertyName: "accountMenu", first: true, predicate: ["accountMenuElement"], descendants: true }], ngImport: i0, template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <img alt=\"image\" class=\"img-circle top-bar-profile left\" />\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <img alt=\"image\" class=\"img-circle\" />\n        </div>\n        <div class=\"media-body\">\n          <span class=\"left fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"left pad5left\">{{ fullName }}</span>\n        </div>\n      </li>\n      <li class=\"pad5top\">\n        <a (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AccountMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'account-menu', template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <img alt=\"image\" class=\"img-circle top-bar-profile left\" />\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <img alt=\"image\" class=\"img-circle\" />\n        </div>\n        <div class=\"media-body\">\n          <span class=\"left fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"left pad5left\">{{ fullName }}</span>\n        </div>\n      </li>\n      <li class=\"pad5top\">\n        <a (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AccountService }, { type: AppSettings }]; }, propDecorators: { accountMenu: [{
@@ -1583,9 +1581,9 @@ class AzureLoginCallbackComponent {
         this.authService.logout();
     }
 }
-AzureLoginCallbackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1.MsalService }, { token: SettingsService }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-AzureLoginCallbackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: AzureLoginCallbackComponent, selector: "lib-azure-login", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AzureLoginCallbackComponent, decorators: [{
+AzureLoginCallbackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1.MsalService }, { token: SettingsService }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
+AzureLoginCallbackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: AzureLoginCallbackComponent, selector: "lib-azure-login", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AzureLoginCallbackComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-azure-login',
@@ -1660,9 +1658,9 @@ class PermissionsService {
         }));
     }
 }
-PermissionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PermissionsService, deps: [{ token: HttpService }, { token: AccountService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable });
-PermissionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PermissionsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PermissionsService, decorators: [{
+PermissionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PermissionsService, deps: [{ token: HttpService }, { token: AccountService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable });
+PermissionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PermissionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PermissionsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: HttpService }, { type: AccountService }, { type: SignalRService }]; } });
 
@@ -1715,9 +1713,9 @@ class RequirePermissionDirective {
         return null;
     }
 }
-RequirePermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$5.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-RequirePermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: { permissionType: "permissionType", permissionCategory: "permissionCategory" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: RequirePermissionDirective, decorators: [{
+RequirePermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$5.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+RequirePermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.4", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: { permissionType: "permissionType", permissionCategory: "permissionCategory" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: RequirePermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[requirePermission]',
@@ -1755,9 +1753,9 @@ class PartnerService extends EntityService {
         super(httpService, endpoints.partners);
     }
 }
-PartnerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PartnerService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-PartnerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PartnerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: PartnerService, decorators: [{
+PartnerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PartnerService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+PartnerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PartnerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: PartnerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: HttpService }]; } });
 
@@ -1815,15 +1813,6 @@ function transformFilters(gridFilter) {
     }
 }
 
-class ExcelExportButtonComponent {
-}
-ExcelExportButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ExcelExportButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ExcelExportButtonComponent, selector: "excel-export-button", ngImport: i0, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""], directives: [{ type: i3$2.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'excel-export-button', template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""] }]
-        }] });
-
 class ConfirmDialogComponent {
     constructor(dialogService) {
         this.dialogService = dialogService;
@@ -1844,16 +1833,25 @@ class ConfirmDialogComponent {
         });
     }
 }
-ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i2$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", styles: [""], directives: [{ type: i2$2.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i2$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3$1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i3.DialogContainerDirective, selector: "[kendoDialogContainer]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'confirm-dialog', template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i2$1.DialogService }]; }, propDecorators: { dialogActions: [{
+            args: [{ selector: 'confirm-dialog', template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n" }]
+        }], ctorParameters: function () { return [{ type: i3.DialogService }]; }, propDecorators: { dialogActions: [{
                 type: ViewChild,
                 args: ['dialogActions', { static: true }]
             }] } });
 
+class ExcelExportButtonComponent {
+}
+ExcelExportButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ExcelExportButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ExcelExportButtonComponent, selector: "excel-export-button", ngImport: i0, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$1.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'excel-export-button', template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n" }]
+        }] });
+
 const nameField = 'name';
 class EntityListComponent {
     constructor(translate, route, router) {
@@ -1862,6 +1860,7 @@ class EntityListComponent {
         this.router = router;
         this.filterChange = new EventEmitter();
         this.gridState = {};
+        this.page = new BehaviorSubject(null);
         this.loadings = 0;
         this.selected = [];
         this.gridFields = [];
@@ -1952,16 +1951,19 @@ class EntityListComponent {
         });
     }
     updateGrid(data) {
-        const exists = this.page.data.filter((x) => x.id === data.id);
+        const currentPage = Object.assign({}, this.page.value);
+        const exists = currentPage.data.filter((x) => x.id === data.id);
         if (exists.length) {
-            this.page.data[this.page.data.indexOf(exists[0])] = data;
+            currentPage.data[currentPage.data.indexOf(exists[0])] = data;
+            this.page.next(currentPage);
             return;
         }
-        this.page.total++;
-        this.page.data.splice(0, 0, data);
-        if (this.page.data.length > this.gridState.take) {
-            this.page.data.splice(this.page.data.length - 1, 1);
+        currentPage.total++;
+        currentPage.data.splice(0, 0, data);
+        if (currentPage.data.length > this.gridState.take) {
+            currentPage.data.splice(this.page.value.data.length - 1, 1);
         }
+        this.page.next(currentPage);
         this.selected[0] = data.id;
         this.router.navigate([data.id], {
             relativeTo: this.route,
@@ -1971,7 +1973,7 @@ class EntityListComponent {
     getData() {
         this.loadings++;
         this.service.getPage(this.gridState).subscribe((page) => {
-            this.page = page;
+            this.page.next(page);
             this.loadings--;
         });
     }
@@ -2025,11 +2027,11 @@ class EntityListComponent {
         });
     }
 }
-EntityListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityListComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-EntityListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: EntityListComponent, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["confirmDialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <i class=\"k-icon glyphicon glyphicon-trash\"></i>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <i *ngIf=\"command.iconClass\" class=\"{{ command.iconClass }}\"></i>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], components: [{ type: i3$2.GridComponent, selector: "kendo-grid", inputs: ["data", "scrollable", "selectable", "trackBy", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "navigable", "autoSize", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "skip", "sort", "group", "navigatable", "rowClass", "rowSticky", "rowSelected", "cellSelected", "isDetailExpanded", "isGroupExpanded", "pageSize", "height", "rowHeight", "detailRowHeight", "filter"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { type: ExcelExportButtonComponent, selector: "excel-export-button" }, { type: i3$2.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { type: i3$2.CommandColumnComponent, selector: "kendo-grid-command-column" }, { type: i3$2.ColumnComponent, selector: "kendo-grid-column", inputs: ["sortable", "groupable", "editor", "filter", "filterable", "editable", "field", "format"] }, { type: i3$2.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { type: i3$2.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { type: i3$2.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { type: i3$2.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { type: i3$2.PagerInfoComponent, selector: "kendo-pager-info" }, { type: ConfirmDialogComponent, selector: "confirm-dialog" }], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i6.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$2.SelectionDirective, selector: "[kendoGridSelectBy]" }, { type: i3$2.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { type: i3$2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { type: i3$2.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { type: i3$2.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { type: i3$2.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { type: i1$5.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityListComponent, decorators: [{
+EntityListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityListComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
+EntityListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: EntityListComponent, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["confirmDialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], 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: i1$5.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5$1.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i5$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i6.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-list', template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <i class=\"k-icon glyphicon glyphicon-trash\"></i>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <i *ngIf=\"command.iconClass\" class=\"{{ command.iconClass }}\"></i>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""] }]
+            args: [{ selector: 'entity-list', template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i1$5.ActivatedRoute }, { type: i1$5.Router }]; }, propDecorators: { service: [{
                 type: Input
             }], filters: [{
@@ -2065,11 +2067,11 @@ class UserListAdminComponent extends EntityListComponent {
         }
     }
 }
-UserListAdminComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component });
-UserListAdminComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: UserListAdminComponent, selector: "lib-user-list-admin", providers: [PartnerService], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <i class=\"k-icon glyphicon glyphicon-trash\"></i>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <i *ngIf=\"command.iconClass\" class=\"{{ command.iconClass }}\"></i>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", components: [{ type: i3$2.GridComponent, selector: "kendo-grid", inputs: ["data", "scrollable", "selectable", "trackBy", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "navigable", "autoSize", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "skip", "sort", "group", "navigatable", "rowClass", "rowSticky", "rowSelected", "cellSelected", "isDetailExpanded", "isGroupExpanded", "pageSize", "height", "rowHeight", "detailRowHeight", "filter"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { type: ExcelExportButtonComponent, selector: "excel-export-button" }, { type: i3$2.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { type: i3$2.CommandColumnComponent, selector: "kendo-grid-command-column" }, { type: i3$2.ColumnComponent, selector: "kendo-grid-column", inputs: ["sortable", "groupable", "editor", "filter", "filterable", "editable", "field", "format"] }, { type: i3$2.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { type: i3$2.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { type: i3$2.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { type: i3$2.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { type: i3$2.PagerInfoComponent, selector: "kendo-pager-info" }, { type: ConfirmDialogComponent, selector: "confirm-dialog" }], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i6.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3$2.SelectionDirective, selector: "[kendoGridSelectBy]" }, { type: i3$2.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { type: i3$2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { type: i3$2.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { type: i3$2.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { type: i3$2.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { type: i1$5.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: UserListAdminComponent, decorators: [{
+UserListAdminComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component });
+UserListAdminComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: UserListAdminComponent, selector: "lib-user-list-admin", providers: [PartnerService], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\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: i1$5.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5$1.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i5$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i6.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: UserListAdminComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-user-list-admin', providers: [PartnerService], template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <i class=\"k-icon glyphicon glyphicon-trash\"></i>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <i *ngIf=\"command.iconClass\" class=\"{{ command.iconClass }}\"></i>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n" }]
+            args: [{ selector: 'lib-user-list-admin', providers: [PartnerService], template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate>\n            <button\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ 'Messages.NoRecords' | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"10\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i1$5.ActivatedRoute }, { type: i1$5.Router }, { type: PartnerService }]; } });
 
 const AuthorizationHeader = 'Authorization';
@@ -2095,9 +2097,9 @@ class AuthHeadersInterceptor {
         return next.handle(request);
     }
 }
-AuthHeadersInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthHeadersInterceptor, deps: [{ token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthHeadersInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthHeadersInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: AuthHeadersInterceptor, decorators: [{
+AuthHeadersInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthHeadersInterceptor, deps: [{ token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthHeadersInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthHeadersInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: AuthHeadersInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: SettingsService }]; } });
 
@@ -2117,11 +2119,11 @@ class CurrentTimezoneComponent {
         this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
     }
 }
-CurrentTimezoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CurrentTimezoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
+CurrentTimezoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CurrentTimezoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'current-timezone', template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""] }]
+            args: [{ selector: 'current-timezone', template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n" }]
         }], ctorParameters: function () { return []; } });
 
 const allKey = 'All';
@@ -2232,9 +2234,9 @@ class ActivityFilterComponent {
         });
     }
 }
-ActivityFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ActivityFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], components: [{ type: i2$3.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["twoDigitYearMax", "focusableId", "title", "disabled", "readonly", "readOnlyInput", "cancelButton", "steps", "calendarType", "animateCalendarNavigation", "weekNumber", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "value", "format", "tabindex", "disabledDates", "popupSettings", "min", "max", "defaultTab", "size", "rounded", "fillMode", "formatPlaceholder", "placeholder", "focusedDate"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { type: i3$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i3$3.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "tabindex", "disabled", "readonly", "filterable", "listHeight", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "data", "value", "tabIndex", "size", "rounded", "fillMode", "placeholder", "itemDisabled", "checkboxes", "virtual", "popupSettings", "valuePrimitive", "loading", "valueField", "textField"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { type: CurrentTimezoneComponent, selector: "current-timezone" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$3.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ActivityFilterComponent, decorators: [{
+ActivityFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ActivityFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$4.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$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5$2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "focusableId", "title", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'activity-filter', template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { showArchiveSwitcher: [{
@@ -2252,11 +2254,11 @@ class EntityEditButtonsBarComponent {
         this.save = new EventEmitter();
     }
 }
-EntityEditButtonsBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntityEditButtonsBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create']\"\n    ></button>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
+EntityEditButtonsBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EntityEditButtonsBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create']\"\n    ></button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-edit-buttons-bar', template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create']\"\n    ></button>\n  </div>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'entity-edit-buttons-bar', template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create']\"\n    ></button>\n  </div>\n</div>\n" }]
         }], propDecorators: { valid: [{
                 type: Input
             }], save: [{
@@ -2266,28 +2268,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 class EntityEditFormComponent {
     constructor(route) {
         this.route = route;
+        this.formGroup = new BehaviorSubject(null);
         this.saveInProgress = false;
     }
     ngOnInit() {
         this.route.params.subscribe((params) => {
-            this.formGroup = null;
+            this.formGroup.next(null);
             const formGroup = new FormGroupWithErrors({});
             if (params.id) {
                 this.adapter
                     .getService()
                     .get(params.id)
                     .subscribe((model) => {
-                    formGroup.addControl('id', new FormControl(model.id));
+                    formGroup.addControl('id', new UntypedFormControl(model.id));
                     for (const key of Object.keys(model)) {
-                        formGroup.addControl(key, new FormControl(model[key]));
+                        formGroup.addControl(key, new UntypedFormControl(model[key]));
                     }
                     this.adapter.setForm(formGroup);
-                    this.formGroup = formGroup;
+                    this.formGroup.next(formGroup);
                 });
             }
             else {
                 this.adapter.setForm(formGroup);
-                this.formGroup = formGroup;
+                this.formGroup.next(formGroup);
             }
         });
     }
@@ -2300,16 +2303,16 @@ class EntityEditFormComponent {
             .subscribe((result) => {
             this.adapter.onSaved(result);
         }, (error) => {
-            this.formGroup.applyServerErrors(error.error, this.formGroup);
-            this.generalErrors.setErrors(this.formGroup.generalErrors);
+            this.formGroup.value.applyServerErrors(error.error, this.formGroup.value);
+            this.generalErrors.setErrors(this.formGroup.value.generalErrors);
         });
     }
 }
-EntityEditFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-EntityEditFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", adapter: "adapter" }, viewQueries: [{ propertyName: "generalErrors", first: true, predicate: ["general_errors"], descendants: true }], ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"formGroup.valid && formGroup.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], components: [{ type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form"] }, { type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], pipes: { "translate": i1$1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EntityEditFormComponent, decorators: [{
+EntityEditFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+EntityEditFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", adapter: "adapter" }, viewQueries: [{ propertyName: "generalErrors", first: true, predicate: ["general_errors"], descendants: true }], ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup | async\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup | async\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup | async\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"\n          formGroup.value.valid && formGroup.value.dirty && !saveInProgress\n        \"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: EntityEditFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"formGroup.valid && formGroup.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup | async\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup | async\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup | async\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"\n          formGroup.value.valid && formGroup.value.dirty && !saveInProgress\n        \"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$5.ActivatedRoute }]; }, propDecorators: { generalErrors: [{
                 type: ViewChild,
                 args: ['general_errors']
@@ -2341,15 +2344,15 @@ class FieldDropdownComponent extends FieldComponent {
             .subscribe((data) => (this.data = data.data));
     }
 }
-FieldDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FieldDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i3$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i1$1.TranslatePipe }, viewProviders: [
+FieldDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FieldDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
+                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { service: [{
                 type: Input
             }], rebind: [{
@@ -2378,15 +2381,15 @@ class FieldMultiSelectComponent extends FieldComponent {
         return this.service.getPage(this.filter ? { filter: this.filter } : {});
     }
 }
-FieldMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FieldMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"false\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-multiselect>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i3$3.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "tabindex", "disabled", "readonly", "filterable", "listHeight", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "data", "value", "tabIndex", "size", "rounded", "fillMode", "placeholder", "itemDisabled", "checkboxes", "virtual", "popupSettings", "valuePrimitive", "loading", "valueField", "textField"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i1$1.TranslatePipe }, viewProviders: [
+FieldMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FieldMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"false\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-multiselect>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-multiselect', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"false\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-multiselect>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
+                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"false\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n    >\n    </kendo-multiselect>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { service: [{
                 type: Input
             }], rebind: [{
@@ -2428,11 +2431,11 @@ class FieldDropdownlistComponent {
         this.initialSelectedId = id;
     }
 }
-FieldDropdownlistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-FieldDropdownlistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], components: [{ type: i3$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
+FieldDropdownlistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+FieldDropdownlistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'field-dropdownlist', template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'field-dropdownlist', template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { service: [{
                 type: Input
             }], label: [{
@@ -2448,11 +2451,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class FooterBarComponent {
 }
-FooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FooterBarComponent, selector: "footer-bar", ngImport: i0, template: "<nav class=\"footer navbar navbar-default navbar-fixed-bottom\">\n  <div class=\"container\">\n    <a class=\"navbar-brand pull-right\" href=\"http://www.indigina.com/\">\n      <ng-content></ng-content>\n    </a>\n  </div>\n</nav>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FooterBarComponent, decorators: [{
+FooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: FooterBarComponent, selector: "footer-bar", ngImport: i0, template: "<nav class=\"footer navbar navbar-default navbar-fixed-bottom\">\n  <div class=\"container\">\n    <a class=\"navbar-brand pull-right\" href=\"http://www.indigina.com/\">\n      <ng-content></ng-content>\n    </a>\n  </div>\n</nav>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: FooterBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'footer-bar', template: "<nav class=\"footer navbar navbar-default navbar-fixed-bottom\">\n  <div class=\"container\">\n    <a class=\"navbar-brand pull-right\" href=\"http://www.indigina.com/\">\n      <ng-content></ng-content>\n    </a>\n  </div>\n</nav>\n", styles: [""] }]
+            args: [{ selector: 'footer-bar', template: "<nav class=\"footer navbar navbar-default navbar-fixed-bottom\">\n  <div class=\"container\">\n    <a class=\"navbar-brand pull-right\" href=\"http://www.indigina.com/\">\n      <ng-content></ng-content>\n    </a>\n  </div>\n</nav>\n" }]
         }] });
 
 class ModalWindowComponent {
@@ -2470,9 +2473,9 @@ class ModalWindowComponent {
         });
     }
 }
-ModalWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-ModalWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], components: [{ type: i2$1.WindowComponent, selector: "kendo-window", inputs: ["keepContent", "draggable", "resizable", "state", "minWidth", "minHeight", "width", "height", "top", "left", "autoFocusedElement", "title"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { type: i2$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ModalWindowComponent, decorators: [{
+ModalWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component });
+ModalWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "directive", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ModalWindowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'modal-window', template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }]; }, propDecorators: { callbackPath: [{
@@ -2541,9 +2544,9 @@ class MulticheckFilterComponent {
         ], 'name');
     }
 }
-MulticheckFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MulticheckFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
+MulticheckFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MulticheckFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'multicheck-filter', template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"] }]
         }], propDecorators: { currentFilter: [{
@@ -2565,11 +2568,11 @@ class TopMenuComponent {
         document.body.classList.toggle('mini-navbar');
     }
 }
-TopMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TopMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TopMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: TopMenuComponent, selector: "top-bar", inputs: { currentUser: "currentUser" }, ngImport: i0, template: "<div id=\"supply-top-navbar\" class=\"supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button type=\"button\" class=\"navbar-minimalize minimalize-style-2 btn btn-primary\" (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix\" *ngIf=\"currentUser != null\">\n      <a [routerLink]=\"['/security/admins', currentUser.id]\" class=\"message-icons left container-login\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{currentUser.userName}}</span>\n      </a>\n      <account-menu [user]=\"currentUser\"></account-menu>\n    </div>\n  </nav>\n</div>\n", styles: [""], components: [{ type: AccountMenuComponent, selector: "account-menu", inputs: ["user"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TopMenuComponent, decorators: [{
+TopMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TopMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TopMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: TopMenuComponent, selector: "top-bar", inputs: { currentUser: "currentUser" }, ngImport: i0, template: "<div id=\"supply-top-navbar\" class=\"supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button type=\"button\" class=\"navbar-minimalize minimalize-style-2 btn btn-primary\" (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix\" *ngIf=\"currentUser != null\">\n      <a [routerLink]=\"['/security/admins', currentUser.id]\" class=\"message-icons left container-login\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{currentUser.userName}}</span>\n      </a>\n      <account-menu [user]=\"currentUser\"></account-menu>\n    </div>\n  </nav>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AccountMenuComponent, selector: "account-menu", inputs: ["user"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: TopMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'top-bar', template: "<div id=\"supply-top-navbar\" class=\"supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button type=\"button\" class=\"navbar-minimalize minimalize-style-2 btn btn-primary\" (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix\" *ngIf=\"currentUser != null\">\n      <a [routerLink]=\"['/security/admins', currentUser.id]\" class=\"message-icons left container-login\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{currentUser.userName}}</span>\n      </a>\n      <account-menu [user]=\"currentUser\"></account-menu>\n    </div>\n  </nav>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'top-bar', template: "<div id=\"supply-top-navbar\" class=\"supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button type=\"button\" class=\"navbar-minimalize minimalize-style-2 btn btn-primary\" (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix\" *ngIf=\"currentUser != null\">\n      <a [routerLink]=\"['/security/admins', currentUser.id]\" class=\"message-icons left container-login\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{currentUser.userName}}</span>\n      </a>\n      <account-menu [user]=\"currentUser\"></account-menu>\n    </div>\n  </nav>\n</div>\n" }]
         }], propDecorators: { currentUser: [{
                 type: Input
             }] } });
@@ -2592,8 +2595,8 @@ class KendoModule {
         };
     }
 }
-KendoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KendoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KendoModule, declarations: [TopMenuComponent,
+KendoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: KendoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.4", ngImport: i0, type: KendoModule, declarations: [TopMenuComponent,
         FooterBarComponent,
         AccountMenuComponent,
         LanguageSelectorComponent,
@@ -2662,7 +2665,7 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         MsalModule,
         AzureLoginCallbackComponent,
         UserListAdminComponent] });
-KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KendoModule, providers: [
+KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: KendoModule, providers: [
         {
             provide: HTTP_INTERCEPTORS,
             useClass: AuthHeadersInterceptor,
@@ -2672,26 +2675,24 @@ KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         PermissionsService,
         SignalRService,
         MsalService,
-    ], imports: [[
-            CommonModule,
-            RouterModule,
-            IndiginaModule,
-            PopupModule,
-            GridModule,
-            ExcelModule,
-            InputsModule,
-            ButtonsModule,
-            DialogsModule,
-            CommonModule,
-            FormsModule,
-            WindowModule,
-            DialogsModule,
-            ReactiveFormsModule,
-            DropDownsModule,
-            TooltipModule,
-            DateInputsModule,
-            MsalModule,
-        ], IndiginaModule,
+    ], imports: [CommonModule,
+        RouterModule,
+        IndiginaModule,
+        PopupModule,
+        GridModule,
+        ExcelModule,
+        InputsModule,
+        ButtonsModule,
+        DialogsModule,
+        CommonModule,
+        FormsModule,
+        WindowModule,
+        DialogsModule,
+        ReactiveFormsModule,
+        DropDownsModule,
+        TooltipModule,
+        DateInputsModule,
+        MsalModule, IndiginaModule,
         PopupModule,
         DropDownsModule,
         TooltipModule,
@@ -2704,7 +2705,7 @@ KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         InputsModule,
         ButtonsModule,
         MsalModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KendoModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: KendoModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3105,9 +3106,9 @@ class ActivityFilterService {
         }
     }
 }
-ActivityFilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-ActivityFilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ActivityFilterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ActivityFilterService, decorators: [{
+ActivityFilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+ActivityFilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ActivityFilterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ActivityFilterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }]; } });