@indigina/kendo 2.0.8 → 2.0.10

package/fesm2022/indigina-kendo.mjs

@@ -1,19 +1,19 @@
-import * as i2$1 from '@angular/common';
+import * as i1$3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, Input, Component, NgModule, EventEmitter, Output, ChangeDetectionStrategy, HostListener, Injectable, ViewChildren, ViewChild, InjectionToken, Inject, provideAppInitializer, inject } from '@angular/core';
+import { Input, Directive, Component, NgModule, EventEmitter, Output, ChangeDetectionStrategy, HostListener, Injectable, ViewChildren, ViewChild, InjectionToken, Inject, provideAppInitializer, inject } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
+import { UntypedFormControl, Validators, FormGroupDirective, ControlContainer, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
 import * as i2 from '@ngx-translate/core';
-import { TranslateModule, TranslateStore, TranslateLoader } from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader, TranslateStore } from '@ngx-translate/core';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import * as i4 from '@progress/kendo-angular-upload';
+import * as i3 from '@progress/kendo-angular-upload';
 import { UploadsModule } from '@progress/kendo-angular-upload';
-import * as i2$3 from '@angular/common/http';
-import { HttpClientModule, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
-import * as i2$2 from '@progress/kendo-angular-inputs';
+import * as i2$2 from '@angular/common/http';
+import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import * as i2$1 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
-import * as i3 from '@progress/kendo-angular-label';
+import * as i3$1 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
 import { BehaviorSubject, Subject, of, throwError, from, tap as tap$1, map as map$1, takeUntil } from 'rxjs';
 import { map, mergeMap, debounceTime, catchError, tap, filter, take, finalize } from 'rxjs/operators';
@@ -23,26 +23,26 @@ import { ToastrModule } from 'ngx-toastr';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import XmlBeautify from 'xml-beautify';
-import * as i1$3 from 'ngx-clipboard';
+import * as i1$4 from 'ngx-clipboard';
 import { ClipboardModule } from 'ngx-clipboard';
 import { TreeViewModule } from '@progress/kendo-angular-treeview';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
-import * as i1$4 from '@azure/msal-angular';
-import { MsalService } from '@azure/msal-angular';
+import * as i1$5 from '@azure/msal-angular';
+import { MsalModule, MsalService } from '@azure/msal-angular';
 import * as signalR from '@microsoft/signalr';
-import * as i4$1 from '@progress/kendo-angular-popup';
+import * as i3$2 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import * as i3$1 from '@progress/kendo-angular-dialog';
+import * as i2$3 from '@progress/kendo-angular-dialog';
 import { WindowModule, DialogModule } from '@progress/kendo-angular-dialog';
-import * as i4$2 from '@progress/kendo-angular-dateinputs';
+import * as i3$3 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
-import * as i5 from '@progress/kendo-angular-dropdowns';
+import * as i4 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule, MultiSelectModule, DropDownListModule } from '@progress/kendo-angular-dropdowns';
 import moment from 'moment';
 import * as momentModule from 'moment-timezone';
-import * as i5$1 from '@progress/kendo-angular-pager';
+import * as i4$1 from '@progress/kendo-angular-pager';
 import { PagerModule } from '@progress/kendo-angular-pager';
-import * as i6 from '@progress/kendo-angular-grid';
+import * as i5 from '@progress/kendo-angular-grid';
 import { ExcelModule, GridModule } from '@progress/kendo-angular-grid';
 import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client';
 
@@ -104,10 +104,10 @@ class FieldComponent {
             control.enable();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: FieldComponent, isStandalone: true, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: FieldComponent, isStandalone: true, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }, { type: undefined }], propDecorators: { labelKey: [{
                 type: Input
@@ -133,16 +133,16 @@ class FieldInputComponent extends FieldComponent {
         }
         return super.setAttribute(name, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldInputComponent, isStandalone: false, 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    />\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: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldInputComponent, isStandalone: false, 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    />\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName)?.invalid &&\n    parent.form.get(fieldName)?.touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName)?.errors?.['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['email']) {\n          <span>{{ \"ValidEmail\" | translate }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName)?.errors?.[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], standalone: false, 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    />\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" }]
+                    ], standalone: false, 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    />\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName)?.invalid &&\n    parent.form.get(fieldName)?.touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName)?.errors?.['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['email']) {\n          <span>{{ \"ValidEmail\" | translate }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName)?.errors?.[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], fieldName: [{
@@ -208,34 +208,34 @@ class NumberInputComponent extends FieldInputComponent {
             return notValid ? { forbiddenName: { value: control.value } } : null;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NumberInputComponent, isStandalone: false, 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    />\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: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: NumberInputComponent, isStandalone: false, 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    />\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName)?.invalid &&\n    parent.form.get(fieldName)?.touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName)?.errors?.['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['email']) {\n          <span>{{ \"ValidEmail\" | translate }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName)?.errors?.[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NumberInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'number-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], standalone: false, 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    />\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" }]
+                    ], standalone: false, 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    />\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName)?.invalid &&\n    parent.form.get(fieldName)?.touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName)?.errors?.['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['email']) {\n          <span>{{ \"ValidEmail\" | translate }}</span>\n        }\n        @if (parent.form.get(fieldName)?.errors?.['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName)?.errors?.[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { isPositive: [{
                 type: Input
             }] } });
 
 class FieldInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent, NumberInputComponent], imports: [ButtonsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent, NumberInputComponent], imports: [ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule], exports: [FieldInputComponent, NumberInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldInputModule, imports: [ButtonsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldInputModule, imports: [ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldInputComponent, NumberInputComponent],
@@ -264,16 +264,16 @@ class FieldFileUploadComponent extends FieldComponent {
         this.disabled = false;
         this.restrictions = this.defaultFileRestrictions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldFileUploadComponent, isStandalone: false, selector: "field-file-upload", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: 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\">\n    <kendo-upload\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [autoUpload]=\"autoUpload\"\n      [saveUrl]=\"saveUrl\"\n      [removeUrl]=\"removeUrl\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-upload>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i4.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldFileUploadComponent, isStandalone: false, selector: "field-file-upload", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", autoUpload: "autoUpload", disabled: "disabled", saveUrl: "saveUrl", removeUrl: "removeUrl", restrictions: "restrictions" }, usesInheritance: 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\">\n    <kendo-upload\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [autoUpload]=\"autoUpload\"\n      [saveUrl]=\"saveUrl\"\n      [removeUrl]=\"removeUrl\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-upload>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i3.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-file-upload', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], standalone: false, 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\">\n    <kendo-upload\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [autoUpload]=\"autoUpload\"\n      [saveUrl]=\"saveUrl\"\n      [removeUrl]=\"removeUrl\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-upload>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
+                    ], standalone: false, 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\">\n    <kendo-upload\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [autoUpload]=\"autoUpload\"\n      [saveUrl]=\"saveUrl\"\n      [removeUrl]=\"removeUrl\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-upload>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
@@ -297,8 +297,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadModule, declarations: [FieldFileUploadComponent], imports: [ReactiveFormsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadModule, declarations: [FieldFileUploadComponent], imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
@@ -307,7 +307,7 @@ class FieldFileUploadModule {
             UploadsModule,
             InputsModule,
             ButtonsModule], exports: [FieldFileUploadComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadModule, imports: [ReactiveFormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadModule, imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
@@ -317,7 +317,7 @@ class FieldFileUploadModule {
             InputsModule,
             ButtonsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldFileUploadComponent],
@@ -344,16 +344,16 @@ class FieldTextAreaComponent extends FieldComponent {
         this.readonly = false;
         this.height = 200;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldTextAreaComponent, isStandalone: false, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly", height: "height", rebind: "rebind" }, usesInheritance: 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\">\n    <textarea\n      id=\"{{ '_' + fieldName }}\"\n      class=\"k-input textarea-with-scroll\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      [style.height.px]=\"height\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></textarea>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".textarea-with-scroll{overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldTextAreaComponent, isStandalone: false, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly", height: "height", rebind: "rebind" }, usesInheritance: 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\">\n    <textarea\n      id=\"{{ '_' + fieldName }}\"\n      class=\"k-input textarea-with-scroll\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      [style.height.px]=\"height\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></textarea>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".textarea-with-scroll{overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-textarea', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], standalone: false, 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\">\n    <textarea\n      id=\"{{ '_' + fieldName }}\"\n      class=\"k-input textarea-with-scroll\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      [style.height.px]=\"height\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></textarea>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".textarea-with-scroll{overflow:auto}\n"] }]
+                    ], standalone: false, 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\">\n    <textarea\n      id=\"{{ '_' + fieldName }}\"\n      class=\"k-input textarea-with-scroll\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      [style.height.px]=\"height\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></textarea>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".textarea-with-scroll{overflow:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
@@ -369,19 +369,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldTextAreaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaModule, declarations: [FieldTextAreaComponent], imports: [ReactiveFormsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaModule, declarations: [FieldTextAreaComponent], imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
             HttpClientModule], exports: [FieldTextAreaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaModule, imports: [ReactiveFormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaModule, imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
             HttpClientModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldTextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldTextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldTextAreaComponent],
@@ -414,16 +414,16 @@ class FieldFileSelectComponent extends FieldComponent {
         this.restrictions = this.defaultFileRestrictions;
         this.filesSelected = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldFileSelectComponent, isStandalone: false, selector: "field-file-select", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, outputs: { filesSelected: "filesSelected" }, usesInheritance: 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\">\n    <kendo-fileselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n      (select)=\"onFilesSelected($event)\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-fileselect>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FileSelectComponent, selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "component", type: i4.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldFileSelectComponent, isStandalone: false, selector: "field-file-select", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", restrictions: "restrictions" }, outputs: { filesSelected: "filesSelected" }, usesInheritance: 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\">\n    <kendo-fileselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n      (select)=\"onFilesSelected($event)\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-fileselect>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.FileSelectComponent, selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "component", type: i3.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-file-select', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], standalone: false, 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\">\n    <kendo-fileselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n      (select)=\"onFilesSelected($event)\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-fileselect>\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['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
+                    ], standalone: false, 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\">\n    <kendo-fileselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n      (select)=\"onFilesSelected($event)\"\n    >\n      <kendo-upload-messages\n        select=\"{{ placeholderKey | translate }}\"\n      ></kendo-upload-messages>\n    </kendo-fileselect>\n    <ng-content></ng-content>\n    @if (parent.form.get(fieldName) &&\n    parent.form.get(fieldName).invalid &&\n    parent.form.get(fieldName).touched) {\n      <div class=\"bg-danger\">\n        @if (parent.form.get(fieldName).errors['required']) {\n          <span>{{ \"Required\" | translate : { param0: labelKey | translate } }}</span>\n        }\n        @if (parent.form.get(fieldName).errors['serverErrorMsg']) {\n          <span>{{ parent.form.get(fieldName).errors[\"serverErrorMsg\"] }}</span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [".k-upload.ng-invalid{border-color:#00000014}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
@@ -443,15 +443,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldFileSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectModule, declarations: [FieldFileSelectComponent], imports: [ReactiveFormsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectModule, declarations: [FieldFileSelectComponent], imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
             FieldInputModule,
             HttpClientModule,
             UploadsModule], exports: [FieldFileSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectModule, imports: [ReactiveFormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectModule, imports: [ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             CommonModule,
@@ -459,7 +459,7 @@ class FieldFileSelectModule {
             HttpClientModule,
             UploadsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldFileSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldFileSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldFileSelectComponent],
@@ -518,12 +518,12 @@ class FieldNumericTextBoxInputComponent extends FieldComponent {
             this.control?.setValue(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldNumericTextBoxInputComponent, isStandalone: false, selector: "field-numerictextbox-input", inputs: { min: "min", max: "max", step: "step", format: "format", selectedValue: "selectedValue", placeholder: "placeholder" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n  >\n    {{ labelKey | translate }}\n  </label>\n\n  <div class=\"col-md-9\">\n    <kendo-numerictextbox\n      id=\"{{ '_' + fieldName }}\"\n      [format]=\"format\"\n      [step]=\"step\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [placeholder]=\"placeholder\"\n      formControlName=\"{{ fieldName }}\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-numerictextbox>\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: FieldNumericTextBoxInputComponent, isStandalone: false, selector: "field-numerictextbox-input", inputs: { min: "min", max: "max", step: "step", format: "format", selectedValue: "selectedValue", placeholder: "placeholder" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n  >\n    {{ labelKey | translate }}\n  </label>\n\n  <div class=\"col-md-9\">\n    <kendo-numerictextbox\n      id=\"{{ '_' + fieldName }}\"\n      [format]=\"format\"\n      [step]=\"step\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [placeholder]=\"placeholder\"\n      formControlName=\"{{ fieldName }}\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-numerictextbox>\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3$1.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-numerictextbox-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
@@ -545,19 +545,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldNumericTextBoxInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputModule, declarations: [FieldNumericTextBoxInputComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputModule, declarations: [FieldNumericTextBoxInputComponent], imports: [CommonModule,
             ReactiveFormsModule,
             TranslateModule,
             InputsModule,
             LabelModule], exports: [FieldNumericTextBoxInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputModule, imports: [CommonModule,
             ReactiveFormsModule,
             TranslateModule,
             InputsModule,
             LabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldNumericTextBoxInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldNumericTextBoxInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldNumericTextBoxInputComponent],
@@ -614,12 +614,12 @@ class FieldCheckBoxInputComponent extends FieldComponent {
     emitSelectedEntity(entity) {
         this.selectedChange.emit(entity);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: FieldCheckBoxInputComponent, isStandalone: false, selector: "field-checkbox-input", inputs: { selectedValue: "selectedValue" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    >{{ labelKey | translate }}</label\n  >\n\n  @if (control) {\n    <div class=\"col-md-9\">\n      <input\n        id=\"{{ '_' + fieldName }}\"\n        type=\"checkbox\"\n        kendoCheckBox\n        [formControlName]=\"fieldName\"\n        (ngModelChange)=\"onValueChange($event)\"\n        #selectedValue\n      />\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldCheckBoxInputComponent, isStandalone: false, selector: "field-checkbox-input", inputs: { selectedValue: "selectedValue" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    >{{ labelKey | translate }}</label\n  >\n\n  @if (control) {\n    <div class=\"col-md-9\">\n      <input\n        id=\"{{ '_' + fieldName }}\"\n        type=\"checkbox\"\n        kendoCheckBox\n        [formControlName]=\"fieldName\"\n        (ngModelChange)=\"onValueChange($event)\"\n        #selectedValue\n      />\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3$1.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-checkbox-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
@@ -631,19 +631,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldCheckBoxInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputModule, declarations: [FieldCheckBoxInputComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputModule, declarations: [FieldCheckBoxInputComponent], imports: [CommonModule,
             ReactiveFormsModule,
             TranslateModule,
             InputsModule,
             LabelModule], exports: [FieldCheckBoxInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputModule, imports: [CommonModule,
             ReactiveFormsModule,
             TranslateModule,
             InputsModule,
             LabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldCheckBoxInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldCheckBoxInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldCheckBoxInputComponent],
@@ -853,10 +853,10 @@ class DebounceDirective {
         event.stopPropagation();
         this.keyUp.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DebounceDirective, isStandalone: false, selector: "[appDebounce]", inputs: { debounceTime: "debounceTime" }, outputs: { debounceKeyup: "debounceKeyup" }, host: { listeners: { "keyup": "keyUpEvent($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DebounceDirective, isStandalone: false, selector: "[appDebounce]", inputs: { debounceTime: "debounceTime" }, outputs: { debounceKeyup: "debounceKeyup" }, host: { listeners: { "keyup": "keyUpEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DebounceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DebounceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appDebounce]',
@@ -872,11 +872,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class DebounceModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DebounceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: DebounceModule, declarations: [DebounceDirective], imports: [CommonModule], exports: [DebounceDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DebounceModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DebounceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: DebounceModule, declarations: [DebounceDirective], imports: [CommonModule], exports: [DebounceDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DebounceModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DebounceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DebounceModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DebounceDirective],
@@ -923,12 +923,12 @@ class GeneralErrorsComponent {
     ngOnChanges() {
         this.form.setErrors({ _general_errors_: this.errors });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: GeneralErrorsComponent, isStandalone: false, selector: "app-general-errors", inputs: { form: "form", errors: "errors" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"form\" [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", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: GeneralErrorsComponent, isStandalone: false, selector: "app-general-errors", inputs: { form: "form", errors: "errors" }, usesOnChanges: true, ngImport: i0, template: "@if (form) {\n  <div [formGroup]=\"form\">\n    @if (form.invalid && errors.length) {\n      <div class=\"bg-danger\">\n        <ul class=\"custom-error\">\n          @for (error of errors; track error) {\n            <li>{{ error }}</li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-general-errors', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"form\" [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" }]
+            args: [{ selector: 'app-general-errors', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (form) {\n  <div [formGroup]=\"form\">\n    @if (form.invalid && errors.length) {\n      <div class=\"bg-danger\">\n        <ul class=\"custom-error\">\n          @for (error of errors; track error) {\n            <li>{{ error }}</li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n}\n" }]
         }], propDecorators: { form: [{
                 type: Input
             }], errors: [{
@@ -936,15 +936,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class GeneralErrorsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsModule, declarations: [GeneralErrorsComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsModule, declarations: [GeneralErrorsComponent], imports: [CommonModule,
             ReactiveFormsModule,
             FormsModule], exports: [GeneralErrorsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsModule, imports: [CommonModule,
             ReactiveFormsModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: GeneralErrorsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: GeneralErrorsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GeneralErrorsComponent],
@@ -958,10 +958,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class AppSettings {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppSettings, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppSettings, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppSettings, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppSettings, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -986,10 +986,10 @@ const HttpMethods = [
 ];
 
 class IndiginaConfiguration {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaConfiguration, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaConfiguration, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaConfiguration, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaConfiguration, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1006,10 +1006,10 @@ class AppToastrService {
     showSuccess(message, title = '') {
         this.toastr.success(message, title, { timeOut: this.timeout });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppToastrService, deps: [{ token: i1$1.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppToastrService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppToastrService, deps: [{ token: i1$1.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppToastrService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppToastrService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppToastrService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1053,10 +1053,10 @@ class SettingsService {
     getToken() {
         return localStorage.getItem(tokenKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SettingsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SettingsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1136,13 +1136,13 @@ class HttpService {
     showSuccessMessage(message) {
         this.appToastrService.showSuccess(this.translate.instant(message));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2$3.HttpClient }, { token: AppSettings }, { token: i2.TranslateService }, { token: i1$2.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: HttpService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2$2.HttpClient }, { token: AppSettings }, { token: i2.TranslateService }, { token: i1$2.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: HttpService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: HttpService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: AppToastrService }, { type: i2$3.HttpClient }, { type: AppSettings }, { type: i2.TranslateService }, { type: i1$2.Router }, { type: SettingsService }] });
+        }], ctorParameters: () => [{ type: AppToastrService }, { type: i2$2.HttpClient }, { type: AppSettings }, { type: i2.TranslateService }, { type: i1$2.Router }, { type: SettingsService }] });
 
 const languageKey = 'language';
 class LocaleSettingsService {
@@ -1176,10 +1176,10 @@ class LocaleSettingsService {
             localStorage.setItem(languageKey, locale);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocaleSettingsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LocaleSettingsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LocaleSettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LocaleSettingsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1195,10 +1195,10 @@ class LiveUpdatesControlComponent {
             ? this.subscription.pause()
             : this.subscription.resume();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LiveUpdatesControlComponent, isStandalone: false, 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: LiveUpdatesControlComponent, isStandalone: false, 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: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'live-updates-control', standalone: false, 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: [{
@@ -1206,11 +1206,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class LiveUpdatesControlModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlModule, declarations: [LiveUpdatesControlComponent], imports: [CommonModule, TranslateModule], exports: [LiveUpdatesControlComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlModule, declarations: [LiveUpdatesControlComponent], imports: [CommonModule, TranslateModule], exports: [LiveUpdatesControlComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlModule, imports: [CommonModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LiveUpdatesControlModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LiveUpdatesControlModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LiveUpdatesControlComponent],
@@ -1266,12 +1266,12 @@ class MenuItemGroupComponent {
             this.setItemExpand();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: MenuItemGroupComponent, isStandalone: false, 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\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\n        ngClass=\"nav nav-third-level collapse\"\n        menu-item-group\n        [item]=\"item\"\n      ></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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: MenuItemGroupComponent, isStandalone: false, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "@if (item.items && item.items.length) {\n  <a (click)=\"collapseChild(item, $event)\">\n    @if (!item.iconClass) {\n      {{ item.text | translate }}\n    } @else {\n      <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n      <span class=\"nav-label\">{{ item.text | translate }}</span>\n    }\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    @for (item of item.items; track item) {\n      <li\n        ngClass=\"nav nav-third-level collapse\"\n        menu-item-group\n        [item]=\"item\"\n      ></li>\n    }\n  </ul>\n}\n@if (!item.items || !item.items.length) {\n  @if (item.link) {\n    <a\n      routerLink=\"{{ item.link }}\"\n      routerLinkActive=\"active-route\"\n      class=\"sub-menu-link\"\n      (click)=\"collapseChild(item, $event)\"\n    >\n      @if (!item.iconClass) {\n        {{ item.text | translate }}\n      } @else {\n        <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n        <span class=\"nav-label\">{{ item.text | translate }}</span>\n      }\n    </a>\n  }\n  @if (item.url) {\n    <a\n      class=\"sub-menu-link\"\n      href=\"{{ item.url }}\"\n      target=\"_blank\"\n      (click)=\"collapseChild(item, $event)\"\n    >\n      @if (!item.iconClass) {\n        {{ item.text | translate }}\n      } @else {\n        <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n        <span class=\"nav-label\">{{ item.text | translate }}</span>\n      }\n    </a>\n  }\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[menu-item-group]', standalone: false, 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\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\n        ngClass=\"nav nav-third-level collapse\"\n        menu-item-group\n        [item]=\"item\"\n      ></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" }]
+            args: [{ selector: '[menu-item-group]', standalone: false, template: "@if (item.items && item.items.length) {\n  <a (click)=\"collapseChild(item, $event)\">\n    @if (!item.iconClass) {\n      {{ item.text | translate }}\n    } @else {\n      <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n      <span class=\"nav-label\">{{ item.text | translate }}</span>\n    }\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    @for (item of item.items; track item) {\n      <li\n        ngClass=\"nav nav-third-level collapse\"\n        menu-item-group\n        [item]=\"item\"\n      ></li>\n    }\n  </ul>\n}\n@if (!item.items || !item.items.length) {\n  @if (item.link) {\n    <a\n      routerLink=\"{{ item.link }}\"\n      routerLinkActive=\"active-route\"\n      class=\"sub-menu-link\"\n      (click)=\"collapseChild(item, $event)\"\n    >\n      @if (!item.iconClass) {\n        {{ item.text | translate }}\n      } @else {\n        <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n        <span class=\"nav-label\">{{ item.text | translate }}</span>\n      }\n    </a>\n  }\n  @if (item.url) {\n    <a\n      class=\"sub-menu-link\"\n      href=\"{{ item.url }}\"\n      target=\"_blank\"\n      (click)=\"collapseChild(item, $event)\"\n    >\n      @if (!item.iconClass) {\n        {{ item.text | translate }}\n      } @else {\n        <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n        <span class=\"nav-label\">{{ item.text | translate }}</span>\n      }\n    </a>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { item: [{
                 type: Input
             }] } });
@@ -1297,12 +1297,12 @@ class SideMenuComponent {
             itemComponent.collapsed = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: SideMenuComponent, isStandalone: false, 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 [routerLink]=\"['/']\" 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: SideMenuComponent, isStandalone: false, 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 [routerLink]=\"['/']\" 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        @for (item of items; track item) {\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        }\n      </ul>\n    </div>\n  </div>\n</nav>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'side-menu', standalone: false, 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 [routerLink]=\"['/']\" 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" }]
+            args: [{ selector: 'side-menu', standalone: false, 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 [routerLink]=\"['/']\" 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        @for (item of items; track item) {\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        }\n      </ul>\n    </div>\n  </div>\n</nav>\n" }]
         }], propDecorators: { items: [{
                 type: Input
             }], logoClick: [{
@@ -1331,12 +1331,12 @@ class TreeViewNodeComponent {
         }
         this.treeViewProps.forEach((x) => x.collapseAll());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: TreeViewNodeComponent, isStandalone: false, 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;word-wrap:break-word}.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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TreeViewNodeComponent, isStandalone: false, 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  @if (node.isPrimitive) {\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  } @else {\n    <span>\n      @if (hasExpand) {\n        <em\n          [ngClass]=\"\n            expanded\n            ? 'fa fa-caret-down node-toggler'\n            : 'fa fa-caret-right node-toggler'\n          \"\n          (click)=\"toggleExpand()\"\n        ></em>\n      }\n      @if (!expanded && !node.startTag) {\n        <span class=\"ellipsis\">...</span>\n      }\n      <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n        @for (child of node.children; track child) {\n          <li class=\"tree-view-prop\">\n            <span class=\"prop-name\">{{ child.startTag }}</span>\n            @if (child.isPrimitive) {\n              <span [ngClass]=\"child.nodeType\">{{\n                  child.value\n                }}</span>\n            }\n            @if (child.isComplex) {\n              <tree-view-node\n                [node]=\"child\"\n                [hasExpand]=\"true\"\n                #node\n              ></tree-view-node>\n            }\n            <span class=\"prop-name\">{{ child.endTag }}</span>\n          </li>\n        }\n      </ul>\n    </span>\n  }\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\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;word-wrap:break-word}.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: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tree-view-node', standalone: false, 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;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
+            args: [{ selector: 'tree-view-node', standalone: false, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  @if (node.isPrimitive) {\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  } @else {\n    <span>\n      @if (hasExpand) {\n        <em\n          [ngClass]=\"\n            expanded\n            ? 'fa fa-caret-down node-toggler'\n            : 'fa fa-caret-right node-toggler'\n          \"\n          (click)=\"toggleExpand()\"\n        ></em>\n      }\n      @if (!expanded && !node.startTag) {\n        <span class=\"ellipsis\">...</span>\n      }\n      <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n        @for (child of node.children; track child) {\n          <li class=\"tree-view-prop\">\n            <span class=\"prop-name\">{{ child.startTag }}</span>\n            @if (child.isPrimitive) {\n              <span [ngClass]=\"child.nodeType\">{{\n                  child.value\n                }}</span>\n            }\n            @if (child.isComplex) {\n              <tree-view-node\n                [node]=\"child\"\n                [hasExpand]=\"true\"\n                #node\n              ></tree-view-node>\n            }\n            <span class=\"prop-name\">{{ child.endTag }}</span>\n          </li>\n        }\n      </ul>\n    </span>\n  }\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\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;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
         }], propDecorators: { treeViewProps: [{
                 type: ViewChildren,
                 args: ['node']
@@ -1649,16 +1649,22 @@ class TreeViewComponent {
     get format() {
         return !this.rawView ? this.resolved.format : ContentTypesFormat.Text;
     }
+    get isShowingCustomContent() {
+        return this.activeCustomView !== null;
+    }
     constructor(clipboardService) {
         this.clipboardService = clipboardService;
         this.maxTextLength = 1200;
         this.maxRootItems = 10;
+        this.customButtons = [];
+        this.activeCustomView = null;
         this.ContentTypesFormat = ContentTypesFormat;
     }
     ngOnChanges() {
         const contentResolver = new ContentResolver();
         this.allShow = false;
         this.rawView = false;
+        this.activeCustomView = null;
         this.resolved = this.data && contentResolver.resolve(this.data);
         this.collapsed = this.hasCollapse;
     }
@@ -1677,6 +1683,9 @@ class TreeViewComponent {
     }
     toggleRawView() {
         this.rawView = !this.rawView;
+        if (this.rawView) {
+            this.activeCustomView = null;
+        }
     }
     copyToClipboard() {
         this.clipboardService.copy(this.data);
@@ -1684,6 +1693,32 @@ class TreeViewComponent {
     prettyCopyToClipboard() {
         this.clipboardService.copy(PrettifierFactory.Create(this.format).prettify(this.data));
     }
+    onCustomButtonClick(button) {
+        if (button.action && !button.disabled) {
+            if (button.isToggle) {
+                if (this.activeCustomView === button.id) {
+                    this.activeCustomView = null;
+                }
+                else {
+                    this.activeCustomView = button.id;
+                    this.rawView = false;
+                }
+            }
+            button.action();
+        }
+    }
+    isCustomButtonVisible(button) {
+        return button.visible !== false;
+    }
+    isCustomButtonActive(button) {
+        return this.activeCustomView === button.id;
+    }
+    getArrayData() {
+        return this.resolved.data;
+    }
+    getSingleNodeData() {
+        return this.resolved.data;
+    }
     hasTextCollapse() {
         return this.data.length > this.maxTextLength;
     }
@@ -1693,13 +1728,13 @@ class TreeViewComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$3.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: TreeViewComponent, isStandalone: false, 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      title=\"{{\n        (collapsed ? 'TreeViewMessages.Expand' : 'TreeViewMessages.Collapse')\n          | translate\n      }}\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button\n      (click)=\"copyToClipboard()\"\n      class=\"tree-view-action\"\n      title=\"{{ 'TreeViewMessages.CopyToClipboard' | translate }}\"\n    >\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"prettyCopyToClipboard()\"\n      class=\"tree-view-action\"\n      title=\"{{ 'TreeViewMessages.PrettyCopyToClipboard' | translate }}\"\n    >\n      <i class=\"fa fa-magic\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      title=\"{{\n        (rawView\n          ? 'TreeViewMessages.ToJsonView'\n          : 'TreeViewMessages.ToFormattedView'\n        ) | translate\n      }}\"\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,#fff 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$4.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TreeViewComponent, isStandalone: false, selector: "tree-view", inputs: { data: "data", maxTextLength: "maxTextLength", maxRootItems: "maxRootItems", customButtons: "customButtons" }, viewQueries: [{ propertyName: "treeViewNodes", predicate: ["node"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (data) {\n  <div\n    class=\"tree-view\"\n    [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n    [class]=\"format\"\n  >\n    @if (format != ContentTypesFormat.Text) {\n      <div>\n        <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n      </div>\n      <div class=\"tree-view-main-content\">\n        @if (isShowingCustomContent) {\n          <div class=\"custom-content-container\">\n            <div class=\"custom-content-body\">\n              <ng-content select=\"[slot=custom-content]\"></ng-content>\n            </div>\n          </div>\n        } @else {\n          <div\n            [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\"\n          >\n            @if (IsArray) {\n              @for (node of getArrayData(); track node) {\n                <tree-view-node\n                  class=\"array-node\"\n                  [node]=\"node\"\n                  [hasExpand]=\"true\"\n                  #node\n                >\n                </tree-view-node>\n              }\n            } @else {\n              <tree-view-node\n                [node]=\"getSingleNodeData()\"\n                #node\n              >\n              </tree-view-node>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n      <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n    }\n    <ng-template #defaultActions>\n      @if (resolved.format !== ContentTypesFormat.Text) {\n        <button\n          class=\"tree-view-action\"\n          title=\"{{\n            (collapsed\n              ? 'TreeViewMessages.Expand'\n              : 'TreeViewMessages.Collapse'\n            ) | translate\n          }}\"\n          [disabled]=\"rawView || isShowingCustomContent\"\n          (click)=\"toggleExpandAll()\"\n        >\n          <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n        </button>\n      }\n      <button\n        class=\"tree-view-action\"\n        title=\"{{ 'TreeViewMessages.CopyToClipboard' | translate }}\"\n        (click)=\"copyToClipboard()\"\n      >\n        <i class=\"fa fa-clipboard\"></i>\n      </button>\n      <button\n        class=\"tree-view-action\"\n        title=\"{{ 'TreeViewMessages.PrettyCopyToClipboard' | translate }}\"\n        (click)=\"prettyCopyToClipboard()\"\n      >\n        <i class=\"fa fa-magic\"></i>\n      </button>\n      @if (resolved.format !== ContentTypesFormat.Text) {\n        <button\n          class=\"tree-view-action\"\n          title=\"{{\n            (rawView\n              ? 'TreeViewMessages.ToJsonView'\n              : 'TreeViewMessages.ToFormattedView'\n            ) | translate\n          }}\"\n          [ngClass]=\"rawView ? 'pressed' : ''\"\n          (click)=\"toggleRawView()\"\n        >\n          <i class=\"fa fa-file-text-o\"></i>\n        </button>\n      }\n      @for (button of customButtons; track button) {\n        <button\n          [disabled]=\"button.disabled\"\n          [style.display]=\"\n            isCustomButtonVisible(button) ? 'inline-block' : 'none'\n          \"\n          [ngClass]=\"[\n            'tree-view-action',\n            isCustomButtonActive(button) ? 'pressed' : '',\n          ]\"\n          [title]=\"button.title\"\n          (click)=\"onCustomButtonClick(button)\"\n        >\n          <i [class]=\"button.icon\"></i>\n        </button>\n      }\n    </ng-template>\n    @if (hasCollapse) {\n      <div>\n        <button\n          class=\"expand-toggler\"\n          (click)=\"expandToggle()\"\n        >\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    }\n  </div>\n}\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,#fff 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: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TreeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tree-view', standalone: false, 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      title=\"{{\n        (collapsed ? 'TreeViewMessages.Expand' : 'TreeViewMessages.Collapse')\n          | translate\n      }}\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button\n      (click)=\"copyToClipboard()\"\n      class=\"tree-view-action\"\n      title=\"{{ 'TreeViewMessages.CopyToClipboard' | translate }}\"\n    >\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"prettyCopyToClipboard()\"\n      class=\"tree-view-action\"\n      title=\"{{ 'TreeViewMessages.PrettyCopyToClipboard' | translate }}\"\n    >\n      <i class=\"fa fa-magic\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      title=\"{{\n        (rawView\n          ? 'TreeViewMessages.ToJsonView'\n          : 'TreeViewMessages.ToFormattedView'\n        ) | translate\n      }}\"\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,#fff 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: () => [{ type: i1$3.ClipboardService }], propDecorators: { treeViewNodes: [{
+            args: [{ selector: 'tree-view', standalone: false, template: "@if (data) {\n  <div\n    class=\"tree-view\"\n    [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n    [class]=\"format\"\n  >\n    @if (format != ContentTypesFormat.Text) {\n      <div>\n        <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n      </div>\n      <div class=\"tree-view-main-content\">\n        @if (isShowingCustomContent) {\n          <div class=\"custom-content-container\">\n            <div class=\"custom-content-body\">\n              <ng-content select=\"[slot=custom-content]\"></ng-content>\n            </div>\n          </div>\n        } @else {\n          <div\n            [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\"\n          >\n            @if (IsArray) {\n              @for (node of getArrayData(); track node) {\n                <tree-view-node\n                  class=\"array-node\"\n                  [node]=\"node\"\n                  [hasExpand]=\"true\"\n                  #node\n                >\n                </tree-view-node>\n              }\n            } @else {\n              <tree-view-node\n                [node]=\"getSingleNodeData()\"\n                #node\n              >\n              </tree-view-node>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n      <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n    }\n    <ng-template #defaultActions>\n      @if (resolved.format !== ContentTypesFormat.Text) {\n        <button\n          class=\"tree-view-action\"\n          title=\"{{\n            (collapsed\n              ? 'TreeViewMessages.Expand'\n              : 'TreeViewMessages.Collapse'\n            ) | translate\n          }}\"\n          [disabled]=\"rawView || isShowingCustomContent\"\n          (click)=\"toggleExpandAll()\"\n        >\n          <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n        </button>\n      }\n      <button\n        class=\"tree-view-action\"\n        title=\"{{ 'TreeViewMessages.CopyToClipboard' | translate }}\"\n        (click)=\"copyToClipboard()\"\n      >\n        <i class=\"fa fa-clipboard\"></i>\n      </button>\n      <button\n        class=\"tree-view-action\"\n        title=\"{{ 'TreeViewMessages.PrettyCopyToClipboard' | translate }}\"\n        (click)=\"prettyCopyToClipboard()\"\n      >\n        <i class=\"fa fa-magic\"></i>\n      </button>\n      @if (resolved.format !== ContentTypesFormat.Text) {\n        <button\n          class=\"tree-view-action\"\n          title=\"{{\n            (rawView\n              ? 'TreeViewMessages.ToJsonView'\n              : 'TreeViewMessages.ToFormattedView'\n            ) | translate\n          }}\"\n          [ngClass]=\"rawView ? 'pressed' : ''\"\n          (click)=\"toggleRawView()\"\n        >\n          <i class=\"fa fa-file-text-o\"></i>\n        </button>\n      }\n      @for (button of customButtons; track button) {\n        <button\n          [disabled]=\"button.disabled\"\n          [style.display]=\"\n            isCustomButtonVisible(button) ? 'inline-block' : 'none'\n          \"\n          [ngClass]=\"[\n            'tree-view-action',\n            isCustomButtonActive(button) ? 'pressed' : '',\n          ]\"\n          [title]=\"button.title\"\n          (click)=\"onCustomButtonClick(button)\"\n        >\n          <i [class]=\"button.icon\"></i>\n        </button>\n      }\n    </ng-template>\n    @if (hasCollapse) {\n      <div>\n        <button\n          class=\"expand-toggler\"\n          (click)=\"expandToggle()\"\n        >\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    }\n  </div>\n}\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,#fff 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: () => [{ type: i1$4.ClipboardService }], propDecorators: { treeViewNodes: [{
                 type: ViewChildren,
                 args: ['node']
             }], data: [{
@@ -1708,14 +1743,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Input
             }], maxRootItems: [{
                 type: Input
+            }], customButtons: [{
+                type: Input
             }] } });
 
 class IndiginaTreeViewModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: IndiginaTreeViewModule, declarations: [TreeViewComponent, TreeViewNodeComponent], imports: [CommonModule, TranslateModule, TreeViewModule], exports: [TreeViewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaTreeViewModule, imports: [CommonModule, TranslateModule, TreeViewModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: IndiginaTreeViewModule, declarations: [TreeViewComponent, TreeViewNodeComponent], imports: [CommonModule, TranslateModule, TreeViewModule], exports: [TreeViewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaTreeViewModule, imports: [CommonModule, TranslateModule, TreeViewModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IndiginaTreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IndiginaTreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TreeViewComponent, TreeViewNodeComponent],
@@ -1780,15 +1817,15 @@ class AuthProviderResolver {
             this.AuthProvider$.next(provider);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthProviderResolver, deps: [{ token: i1$4.MsalService }, { token: SettingsService }, { token: IndiginaConfiguration }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthProviderResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthProviderResolver, deps: [{ token: i1$5.MsalService }, { token: SettingsService }, { token: IndiginaConfiguration }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthProviderResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthProviderResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthProviderResolver, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$4.MsalService }, { type: SettingsService }, { type: IndiginaConfiguration }] });
+        }], ctorParameters: () => [{ type: i1$5.MsalService }, { type: SettingsService }, { type: IndiginaConfiguration }] });
 
 class SignalRService {
     constructor(appSettings) {
@@ -1850,10 +1887,10 @@ class SignalRService {
         }
         return this.eventEmitters[eventName];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SignalRService, deps: [{ token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SignalRService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalRService, deps: [{ token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalRService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SignalRService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SignalRService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: AppSettings }] });
@@ -1863,12 +1900,12 @@ class AccountService extends BaseAccountService {
     constructor(resolver, httpService, settingsService, signalRService) {
         super(resolver, httpService, settingsService, signalRService);
         this.resolver = resolver;
-        this.isAdmin = (member) => member?.type === adminKey ?? false;
+        this.isAdmin = (member) => member?.type === adminKey || false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountService, deps: [{ token: AuthProviderResolver }, { token: HttpService }, { token: SettingsService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountService, deps: [{ token: AuthProviderResolver }, { token: HttpService }, { token: SettingsService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1898,12 +1935,12 @@ class LanguageSelectorComponent {
             this.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LanguageSelectorComponent, isStandalone: false, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window *ngIf=\"visible\"\n              class=\"language-selector\"\n              [draggable]=\"false\"\n              [resizable]=\"false\">\n  <kendo-window-titlebar>\n    <div>{{ \"ChangeLanguage\" | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div *ngIf=\"languages\" class=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span *ngIf=\"currentLanguageCode === language.code\"\n              class=\"fa fa-check\" 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: LanguageSelectorComponent, isStandalone: false, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "@if (visible) {\n  <kendo-window\n    class=\"language-selector\"\n    [draggable]=\"false\"\n    [resizable]=\"false\">\n    <kendo-window-titlebar>\n      <div>{{ \"ChangeLanguage\" | translate }}</div>\n      <button kendoWindowCloseAction (click)=\"close()\"></button>\n    </kendo-window-titlebar>\n    @if (languages) {\n      <div class=\"languages\">\n        @for (language of languages; track language) {\n          <div class=\"language-change-action\">\n            <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n              @if (currentLanguageCode === language.code) {\n                <span\n                  class=\"fa fa-check\" aria-hidden=\"true\"\n                ></span>\n              }\n              {{ language.name }}\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </kendo-window>\n}\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: "component", type: i2$3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i2$3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i2$3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'language-selector', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<kendo-window *ngIf=\"visible\"\n              class=\"language-selector\"\n              [draggable]=\"false\"\n              [resizable]=\"false\">\n  <kendo-window-titlebar>\n    <div>{{ \"ChangeLanguage\" | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div *ngIf=\"languages\" class=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span *ngIf=\"currentLanguageCode === language.code\"\n              class=\"fa fa-check\" 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"] }]
+            args: [{ selector: 'language-selector', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (visible) {\n  <kendo-window\n    class=\"language-selector\"\n    [draggable]=\"false\"\n    [resizable]=\"false\">\n    <kendo-window-titlebar>\n      <div>{{ \"ChangeLanguage\" | translate }}</div>\n      <button kendoWindowCloseAction (click)=\"close()\"></button>\n    </kendo-window-titlebar>\n    @if (languages) {\n      <div class=\"languages\">\n        @for (language of languages; track language) {\n          <div class=\"language-change-action\">\n            <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n              @if (currentLanguageCode === language.code) {\n                <span\n                  class=\"fa fa-check\" aria-hidden=\"true\"\n                ></span>\n              }\n              {{ language.name }}\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </kendo-window>\n}\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: () => [{ type: i0.ElementRef }, { type: LocaleSettingsService }], propDecorators: { visible: [{
                 type: Input
             }], visibleChange: [{
@@ -1943,12 +1980,12 @@ class AccountMenuComponent {
             this.toggle();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuComponent, deps: [{ token: i0.ElementRef }, { token: AccountService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: AccountMenuComponent, isStandalone: false, selector: "account-menu", inputs: { user: "user", menuItems: "menuItems" }, 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)=\"toggle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  <kendo-popup *ngIf=\"expand\"\n               [anchor]=\"accountMenu\"\n               popupClass=\"k-widget dropdown open\">\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <div class=\"img-circle\"></div>\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 data-icon=\"globe\" (click)=\"openLanguageSelector($event)\">\n          {{ \"ChangeLanguage\" | translate }}</a>\n      </li>\n      <li>\n        <a data-icon=\"desktop\" translate=\"Account\" [href]=\"accountUrl\"></a>\n      </li>\n      <li *ngFor=\"let menuItem of menuItems\">\n        <a *ngIf=\"menuItem.useRouter; else hrefLink\"\n           [routerLink]=\"menuItem.link\"\n           [attr.data-icon]=\"menuItem.iconClass\">\n          {{ menuItem.text | translate }}\n        </a>\n        <ng-template #hrefLink>\n          <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">\n            {{ menuItem.text | translate }}\n          </a>\n        </ng-template>\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\"\n  ></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuComponent, deps: [{ token: i0.ElementRef }, { token: AccountService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AccountMenuComponent, isStandalone: false, selector: "account-menu", inputs: { user: "user", menuItems: "menuItems" }, 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)=\"toggle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  @if (expand) {\n    <kendo-popup\n      [anchor]=\"accountMenu\"\n      popupClass=\"k-widget dropdown open\">\n      <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n        <li class=\"top-bar-header-row media\">\n          <div class=\"media-left\">\n            <div class=\"img-circle\"></div>\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 data-icon=\"globe\" (click)=\"openLanguageSelector($event)\">\n          {{ \"ChangeLanguage\" | translate }}</a>\n        </li>\n        <li>\n          <a data-icon=\"desktop\" translate=\"Account\" [href]=\"accountUrl\"></a>\n        </li>\n        @for (menuItem of menuItems; track menuItem) {\n          <li>\n            @if (menuItem.useRouter) {\n              <a\n                [routerLink]=\"menuItem.link\"\n                [attr.data-icon]=\"menuItem.iconClass\">\n                {{ menuItem.text | translate }}\n              </a>\n            } @else {\n              <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">\n                {{ menuItem.text | translate }}\n              </a>\n            }\n          </li>\n        }\n        <li>\n          <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n        </li>\n      </ul>\n    </kendo-popup>\n  }\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"\n  ></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3$2.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'account-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toggle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  <kendo-popup *ngIf=\"expand\"\n               [anchor]=\"accountMenu\"\n               popupClass=\"k-widget dropdown open\">\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <div class=\"img-circle\"></div>\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 data-icon=\"globe\" (click)=\"openLanguageSelector($event)\">\n          {{ \"ChangeLanguage\" | translate }}</a>\n      </li>\n      <li>\n        <a data-icon=\"desktop\" translate=\"Account\" [href]=\"accountUrl\"></a>\n      </li>\n      <li *ngFor=\"let menuItem of menuItems\">\n        <a *ngIf=\"menuItem.useRouter; else hrefLink\"\n           [routerLink]=\"menuItem.link\"\n           [attr.data-icon]=\"menuItem.iconClass\">\n          {{ menuItem.text | translate }}\n        </a>\n        <ng-template #hrefLink>\n          <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">\n            {{ menuItem.text | translate }}\n          </a>\n        </ng-template>\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\"\n  ></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"] }]
+            args: [{ selector: 'account-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toggle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  @if (expand) {\n    <kendo-popup\n      [anchor]=\"accountMenu\"\n      popupClass=\"k-widget dropdown open\">\n      <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n        <li class=\"top-bar-header-row media\">\n          <div class=\"media-left\">\n            <div class=\"img-circle\"></div>\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 data-icon=\"globe\" (click)=\"openLanguageSelector($event)\">\n          {{ \"ChangeLanguage\" | translate }}</a>\n        </li>\n        <li>\n          <a data-icon=\"desktop\" translate=\"Account\" [href]=\"accountUrl\"></a>\n        </li>\n        @for (menuItem of menuItems; track menuItem) {\n          <li>\n            @if (menuItem.useRouter) {\n              <a\n                [routerLink]=\"menuItem.link\"\n                [attr.data-icon]=\"menuItem.iconClass\">\n                {{ menuItem.text | translate }}\n              </a>\n            } @else {\n              <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">\n                {{ menuItem.text | translate }}\n              </a>\n            }\n          </li>\n        }\n        <li>\n          <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n        </li>\n      </ul>\n    </kendo-popup>\n  }\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"\n  ></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: AccountService }, { type: AppSettings }], propDecorators: { accountMenu: [{
                 type: ViewChild,
                 args: ['accountMenuElement']
@@ -1962,15 +1999,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class LanguageSelectorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorModule, declarations: [LanguageSelectorComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorModule, declarations: [LanguageSelectorComponent], imports: [CommonModule,
             WindowModule,
             TranslateModule], exports: [LanguageSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorModule, imports: [CommonModule,
             WindowModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: LanguageSelectorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1988,19 +2025,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class AccountMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuModule, declarations: [AccountMenuComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuModule, declarations: [AccountMenuComponent], imports: [CommonModule,
             PopupModule,
             TranslateModule,
             RouterModule,
             LanguageSelectorModule], exports: [AccountMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuModule, imports: [CommonModule,
             PopupModule,
             TranslateModule,
             RouterModule,
             LanguageSelectorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AccountMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2042,17 +2079,17 @@ class AzureLoginCallbackComponent {
     logout() {
         this.authService.logout();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1$4.MsalService }, { token: SettingsService }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: AzureLoginCallbackComponent, isStandalone: false, selector: "lib-azure-login", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1$5.MsalService }, { token: SettingsService }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AzureLoginCallbackComponent, isStandalone: false, selector: "lib-azure-login", ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AzureLoginCallbackComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AzureLoginCallbackComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-azure-login',
                     template: '',
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i1$4.MsalService }, { type: SettingsService }, { type: i1$2.Router }] });
+        }], ctorParameters: () => [{ type: i1$5.MsalService }, { type: SettingsService }, { type: i1$2.Router }] });
 
 const isIE = window.navigator.userAgent.includes('MSIE ') ||
     window.navigator.userAgent.includes('Trident/');
@@ -2121,10 +2158,10 @@ class PermissionsService {
             return permissions;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PermissionsService, deps: [{ token: HttpService }, { token: AccountService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PermissionsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PermissionsService, deps: [{ token: HttpService }, { token: AccountService }, { token: SignalRService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PermissionsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PermissionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PermissionsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: HttpService }, { type: AccountService }, { type: SignalRService }] });
 
@@ -2176,10 +2213,10 @@ class RequirePermissionDirective {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$2.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: RequirePermissionDirective, isStandalone: false, selector: "[requirePermission]", inputs: { permissionType: "permissionType", permissionCategory: "permissionCategory" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$2.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: RequirePermissionDirective, isStandalone: false, selector: "[requirePermission]", inputs: { permissionType: "permissionType", permissionCategory: "permissionCategory" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[requirePermission]',
@@ -2192,11 +2229,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class RequirePermissionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionModule, declarations: [RequirePermissionDirective], exports: [RequirePermissionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionModule, declarations: [RequirePermissionDirective], exports: [RequirePermissionDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RequirePermissionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RequirePermissionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RequirePermissionDirective],
@@ -2581,10 +2618,10 @@ class ActivityFilterService {
             this.currentFilter.customFilters.push(filter);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: dateFilterParameter }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: dateFilterParameter }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: undefined, decorators: [{
                     type: Inject,
@@ -2632,10 +2669,10 @@ class CurrentTimezoneComponent {
         const timeZone = momentModule.tz.guess();
         this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CurrentTimezoneComponent, isStandalone: false, 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: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: CurrentTimezoneComponent, isStandalone: false, 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: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'current-timezone', standalone: false, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n" }]
         }] });
@@ -2741,12 +2778,12 @@ class ActivityFilterComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ActivityFilterComponent, isStandalone: false, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService", onClearCallback: "onClearCallback" }, 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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ActivityFilterComponent, isStandalone: false, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService", onClearCallback: "onClearCallback" }, 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      @if (showArchiveSwitcher) {\n        <div class=\"flag\">\n          <div class=\"checkbox\">\n            <label>\n              <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n              {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n            </label>\n          </div>\n        </div>\n      }\n      @if (showSearhText) {\n        <div>\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      }\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    @for (field of customFilterElements; track field) {\n      @switch (field.fieldType) {\n        @case (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        }\n        @case (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        }\n        @case (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        }\n        @case (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        }\n      }\n    }\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: i1.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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'activity-filter', standalone: false, 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"] }]
+            args: [{ selector: 'activity-filter', standalone: false, 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      @if (showArchiveSwitcher) {\n        <div class=\"flag\">\n          <div class=\"checkbox\">\n            <label>\n              <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n              {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n            </label>\n          </div>\n        </div>\n      }\n      @if (showSearhText) {\n        <div>\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      }\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    @for (field of customFilterElements; track field) {\n      @switch (field.fieldType) {\n        @case (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        }\n        @case (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        }\n        @case (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        }\n        @case (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        }\n      }\n    }\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: () => [{ type: i2.TranslateService }], propDecorators: { showArchiveSwitcher: [{
                 type: Input
             }], showSearhText: [{
@@ -2760,11 +2797,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class CurrentTimeZoneModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimeZoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimeZoneModule, declarations: [CurrentTimezoneComponent], imports: [TranslateModule], exports: [CurrentTimezoneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimeZoneModule, imports: [TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimeZoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimeZoneModule, declarations: [CurrentTimezoneComponent], imports: [TranslateModule], exports: [CurrentTimezoneComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimeZoneModule, imports: [TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CurrentTimeZoneModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CurrentTimeZoneModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CurrentTimezoneComponent],
@@ -2785,15 +2822,15 @@ class ActivityFilterModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterModule, declarations: [ActivityFilterComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterModule, declarations: [ActivityFilterComponent], imports: [CommonModule,
             ReactiveFormsModule,
             FormsModule,
             TranslateModule,
             DateInputsModule,
             DropDownsModule,
             CurrentTimeZoneModule], exports: [ActivityFilterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterModule, imports: [CommonModule,
             ReactiveFormsModule,
             FormsModule,
             TranslateModule,
@@ -2801,7 +2838,7 @@ class ActivityFilterModule {
             DropDownsModule,
             CurrentTimeZoneModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ActivityFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ActivityFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ActivityFilterComponent],
@@ -2837,23 +2874,23 @@ class ConfirmDialogComponent {
             actions: this.dialogActions,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3$1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ConfirmDialogComponent, isStandalone: false, 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", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i2$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ConfirmDialogComponent, isStandalone: false, 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", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$3.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'confirm-dialog', standalone: false, 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: () => [{ type: i3$1.DialogService }], propDecorators: { dialogActions: [{
+        }], ctorParameters: () => [{ type: i2$3.DialogService }], propDecorators: { dialogActions: [{
                 type: ViewChild,
                 args: ['dialogActions', { static: true }]
             }] } });
 
 class ConfirmDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ConfirmDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ConfirmDialogComponent],
@@ -2867,10 +2904,10 @@ class EntityEditButtonsBarComponent {
         this.save = new EventEmitter();
         this.permissionTypes = [PermissionTypes.Create];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: EntityEditButtonsBarComponent, isStandalone: false, selector: "entity-edit-buttons-bar", inputs: { valid: "valid", defaultCreateButtonText: "defaultCreateButtonText" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4 left-buttons\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"{{ defaultCreateButtonText ?? 'CreateNew' }}\"\n      requirePermission\n      [permissionType]=\"permissionTypes\"\n    ></a>\n    <div class=\"custom-buttons-wrapper\">\n      <ng-content select=\"[custom-buttons]\"></ng-content>\n    </div>\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', 'Set']\"\n    ></button>\n  </div>\n</div>\n", styles: [".left-buttons{display:flex;gap:5px}.custom-buttons-wrapper{display:flex;gap:5px;position:relative;z-index:10}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: EntityEditButtonsBarComponent, isStandalone: false, selector: "entity-edit-buttons-bar", inputs: { valid: "valid", defaultCreateButtonText: "defaultCreateButtonText" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4 left-buttons\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"{{ defaultCreateButtonText ?? 'CreateNew' }}\"\n      requirePermission\n      [permissionType]=\"permissionTypes\"\n    ></a>\n    <div class=\"custom-buttons-wrapper\">\n      <ng-content select=\"[custom-buttons]\"></ng-content>\n    </div>\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', 'Set']\"\n    ></button>\n  </div>\n</div>\n", styles: [".left-buttons{display:flex;gap:5px}.custom-buttons-wrapper{display:flex;gap:5px;position:relative;z-index:10}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-edit-buttons-bar', standalone: false, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4 left-buttons\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"{{ defaultCreateButtonText ?? 'CreateNew' }}\"\n      requirePermission\n      [permissionType]=\"permissionTypes\"\n    ></a>\n    <div class=\"custom-buttons-wrapper\">\n      <ng-content select=\"[custom-buttons]\"></ng-content>\n    </div>\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', 'Set']\"\n    ></button>\n  </div>\n</div>\n", styles: [".left-buttons{display:flex;gap:5px}.custom-buttons-wrapper{display:flex;gap:5px;position:relative;z-index:10}\n"] }]
         }], propDecorators: { valid: [{
@@ -2882,11 +2919,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class EntityEditButtonsBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarModule, declarations: [EntityEditButtonsBarComponent], imports: [RouterModule, RequirePermissionModule, TranslateModule], exports: [EntityEditButtonsBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarModule, imports: [RouterModule, RequirePermissionModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarModule, declarations: [EntityEditButtonsBarComponent], imports: [RouterModule, RequirePermissionModule, TranslateModule], exports: [EntityEditButtonsBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarModule, imports: [RouterModule, RequirePermissionModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditButtonsBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditButtonsBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityEditButtonsBarComponent],
@@ -2956,12 +2993,12 @@ class EntityEditFormComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: EntityEditFormComponent, isStandalone: false, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, usesOnChanges: 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      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n        [defaultCreateButtonText]=\"createButtonText\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid", "defaultCreateButtonText"], outputs: ["save"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: EntityEditFormComponent, isStandalone: false, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, usesOnChanges: 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    @if (formGroup | async; as form) {\n      <form\n        class=\"form-horizontal\"\n        [formGroup]=\"form\"\n        novalidate\n        autocomplete=\"off\"\n        >\n        <div class=\"col-md-3\"></div>\n        <div class=\"col-md-9\">\n          <app-general-errors\n            [form]=\"form\"\n            [errors]=\"form.generalErrors\"\n          ></app-general-errors>\n        </div>\n        <ng-content></ng-content>\n        <entity-edit-buttons-bar\n          (save)=\"save()\"\n          [valid]=\"form.valid && form.dirty && !saveInProgress\"\n          [defaultCreateButtonText]=\"createButtonText\"\n          >\n        </entity-edit-buttons-bar>\n      </form>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid", "defaultCreateButtonText"], outputs: ["save"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-edit-form', standalone: false, 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      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n        [defaultCreateButtonText]=\"createButtonText\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'entity-edit-form', standalone: false, 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    @if (formGroup | async; as form) {\n      <form\n        class=\"form-horizontal\"\n        [formGroup]=\"form\"\n        novalidate\n        autocomplete=\"off\"\n        >\n        <div class=\"col-md-3\"></div>\n        <div class=\"col-md-9\">\n          <app-general-errors\n            [form]=\"form\"\n            [errors]=\"form.generalErrors\"\n          ></app-general-errors>\n        </div>\n        <ng-content></ng-content>\n        <entity-edit-buttons-bar\n          (save)=\"save()\"\n          [valid]=\"form.valid && form.dirty && !saveInProgress\"\n          [defaultCreateButtonText]=\"createButtonText\"\n          >\n        </entity-edit-buttons-bar>\n      </form>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }], propDecorators: { title: [{
                 type: Input
             }], entityId: [{
@@ -2971,21 +3008,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class EntityEditFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormModule, declarations: [EntityEditFormComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormModule, declarations: [EntityEditFormComponent], imports: [CommonModule,
             TranslateModule,
             GeneralErrorsModule,
             EntityEditButtonsBarModule,
             FormsModule,
             ReactiveFormsModule], exports: [EntityEditFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormModule, imports: [CommonModule,
             TranslateModule,
             GeneralErrorsModule,
             EntityEditButtonsBarModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityEditFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityEditFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityEditFormComponent],
@@ -3131,16 +3168,16 @@ class FieldDropdownComponent extends FieldComponent {
     writeSelectedEntityValue(value) {
         this.kendoDropDown?.writeValue(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldDropdownComponent, isStandalone: false, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", sort: "sort", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField", valueField: "valueField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\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", dependencies: [{ kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldDropdownComponent, isStandalone: false, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", sort: "sort", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField", valueField: "valueField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-dropdownlist\n        id=\"{{ '_' + fieldName }}\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        [defaultItem]=\"defaultItem\"\n        (valueChange)=\"onValueChange($event)\"\n        #inputElement\n        >\n      </kendo-dropdownlist>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>{{\n              \"Required\" | translate : { param0: labelKey | translate }\n            }}</span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>{{\n              control.errors[\"serverErrorMsg\"]\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-dropdownlist\n        id=\"{{ '_' + fieldName }}\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        [defaultItem]=\"defaultItem\"\n        (valueChange)=\"onValueChange($event)\"\n        #inputElement\n        >\n      </kendo-dropdownlist>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>{{\n              \"Required\" | translate : { param0: labelKey | translate }\n            }}</span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>{{\n              control.errors[\"serverErrorMsg\"]\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }, { type: i2.TranslateService }], propDecorators: { service: [{
                 type: Input
             }], rebind: [{
@@ -3222,16 +3259,16 @@ class ObjectDropdownComponent extends FieldComponent {
     setControlValue(value) {
         this.control.setValue(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ObjectDropdownComponent, isStandalone: false, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\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", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ObjectDropdownComponent, isStandalone: false, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-dropdownlist\n        id=\"{{ '_' + fieldName }}\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [textField]=\"'description'\"\n        [valueField]=\"'value'\"\n        [valuePrimitive]=\"true\"\n        [defaultItem]=\"defaultItem\"\n        (valueChange)=\"onValueChange($event)\"\n        >\n      </kendo-dropdownlist>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>{{\n              \"Required\" | translate : { param0: labelKey | translate }\n            }}</span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>{{\n              control.errors[\"serverErrorMsg\"]\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'object-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"form-group\">\n  <label for=\"{{ '_' + fieldName }}\" class=\"col-md-3 control-label\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-dropdownlist\n        id=\"{{ '_' + fieldName }}\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [textField]=\"'description'\"\n        [valueField]=\"'value'\"\n        [valuePrimitive]=\"true\"\n        [defaultItem]=\"defaultItem\"\n        (valueChange)=\"onValueChange($event)\"\n        >\n      </kendo-dropdownlist>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>{{\n              \"Required\" | translate : { param0: labelKey | translate }\n            }}</span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>{{\n              control.errors[\"serverErrorMsg\"]\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }, { type: i2.TranslateService }], propDecorators: { fieldName: [{
                 type: Input
             }], labelKey: [{
@@ -3299,22 +3336,22 @@ class FieldMultiSelectComponent extends FieldComponent {
     getData() {
         return this.service.getPage(this.filter ? { filter: this.filter } : {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldMultiSelectComponent, isStandalone: false, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", data: "data", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\" [for]=\"'_' + fieldName\">{{\n    labelKey | translate\n  }}</label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      [id]=\"'_' + fieldName\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: FieldMultiSelectComponent, isStandalone: false, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", data: "data", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\" [for]=\"'_' + fieldName\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n        (valueChange)=\"onValueChange($event)\"\n      ></kendo-multiselect>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>\n              {{ \"Required\" | translate : { param0: labelKey | translate } }}\n            </span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>\n              {{ control.errors[\"serverErrorMsg\"] }}\n            </span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], viewProviders: [
             {
                 provide: ControlContainer,
                 useExisting: FormGroupDirective,
             },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
                         {
                             provide: ControlContainer,
                             useExisting: FormGroupDirective,
                         },
-                    ], standalone: false, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\" [for]=\"'_' + fieldName\">{{\n    labelKey | translate\n  }}</label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      [id]=\"'_' + fieldName\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\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" }]
+                    ], standalone: false, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\" [for]=\"'_' + fieldName\">{{\n    labelKey | translate\n  }}</label>\n  @if (control) {\n    <div class=\"col-md-9\">\n      <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data$ | async\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n        (valueChange)=\"onValueChange($event)\"\n      ></kendo-multiselect>\n      @if (control.invalid && control.touched) {\n        <div class=\"bg-danger\">\n          @if (control.errors['required']) {\n            <span>\n              {{ \"Required\" | translate : { param0: labelKey | translate } }}\n            </span>\n          }\n          @if (control.errors['serverErrorMsg']) {\n            <span>\n              {{ control.errors[\"serverErrorMsg\"] }}\n            </span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { service: [{
                 type: Input
             }], rebind: [{
@@ -3336,17 +3373,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldMultiselectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiselectModule, declarations: [FieldMultiSelectComponent], imports: [ReactiveFormsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiselectModule, declarations: [FieldMultiSelectComponent], imports: [ReactiveFormsModule,
             MultiSelectModule,
             TranslateModule,
             CommonModule], exports: [FieldMultiSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiselectModule, imports: [ReactiveFormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiselectModule, imports: [ReactiveFormsModule,
             MultiSelectModule,
             TranslateModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldMultiselectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldMultiselectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3368,18 +3405,18 @@ class PartnerService extends EntityService {
     constructor(httpService) {
         super(httpService, endpoints.partners);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PartnerService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PartnerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PartnerService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PartnerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PartnerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PartnerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: HttpService }] });
 
 class ExcelExportButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ExcelExportButtonComponent, isStandalone: false, 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: "component", type: i6.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ExcelExportButtonComponent, isStandalone: false, 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: "component", type: i5.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'excel-export-button', standalone: false, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n" }]
         }] });
@@ -3580,12 +3617,12 @@ class EntityListComponent {
         this.onFilterChange();
         this.getData();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityListComponent, deps: [{ token: i2.TranslateService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: EntityListComponent, isStandalone: false, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort", mapItemFn: "mapItemFn", pageButtonsCount: "pageButtonsCount" }, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\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          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: [".pager{display:flex;justify-content:center;align-items:center;width:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "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: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6.GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityListComponent, deps: [{ token: i2.TranslateService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: EntityListComponent, isStandalone: false, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort", mapItemFn: "mapItemFn", pageButtonsCount: "pageButtonsCount" }, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            @if (!dataItem.suppressDeletion) {\n              <button\n                kendoGridRemoveCommand\n                requirePermission\n                permissionType=\"Delete\"\n              >\n                <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n              </button>\n            }\n          </ng-template>\n        </kendo-grid-command-column>\n        @for (field of gridFields; track field) {\n          <kendo-grid-column\n            field=\"{{ field.name }}\"\n            title=\"{{ field.label | translate }}\"\n            [sortable]=\"field.sortable !== false\"\n            >\n          </kendo-grid-column>\n        }\n        @if (commands.length > 0) {\n          <kendo-grid-command-column width=\"65\">\n            <ng-template kendoGridCellTemplate let-dataItem>\n              @for (command of commands; track command) {\n                <button\n                  (click)=\"command.handler(dataItem)\"\n                  title=\"{{ command.title | translate }}\"\n                  class=\"k-button\"\n                  >\n                  @if (command.iconClass) {\n                    <em\n                      class=\"{{ command.iconClass }}\"\n                    ></em>\n                  }\n                  {{ command.name | translate }}\n                </button>\n              }\n            </ng-template>\n          </kendo-grid-command-column>\n        }\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: [".pager{display:flex;justify-content:center;align-items:center;width:100%}\n"], dependencies: [{ kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i4$1.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i4$1.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i4$1.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i4$1.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i4$1.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "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.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5.GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i5.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i5.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-list', standalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\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          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: [".pager{display:flex;justify-content:center;align-items:center;width:100%}\n"] }]
+            args: [{ selector: 'entity-list', standalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            @if (!dataItem.suppressDeletion) {\n              <button\n                kendoGridRemoveCommand\n                requirePermission\n                permissionType=\"Delete\"\n              >\n                <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n              </button>\n            }\n          </ng-template>\n        </kendo-grid-command-column>\n        @for (field of gridFields; track field) {\n          <kendo-grid-column\n            field=\"{{ field.name }}\"\n            title=\"{{ field.label | translate }}\"\n            [sortable]=\"field.sortable !== false\"\n            >\n          </kendo-grid-column>\n        }\n        @if (commands.length > 0) {\n          <kendo-grid-command-column width=\"65\">\n            <ng-template kendoGridCellTemplate let-dataItem>\n              @for (command of commands; track command) {\n                <button\n                  (click)=\"command.handler(dataItem)\"\n                  title=\"{{ command.title | translate }}\"\n                  class=\"k-button\"\n                  >\n                  @if (command.iconClass) {\n                    <em\n                      class=\"{{ command.iconClass }}\"\n                    ></em>\n                  }\n                  {{ command.name | translate }}\n                </button>\n              }\n            </ng-template>\n          </kendo-grid-command-column>\n        }\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: [".pager{display:flex;justify-content:center;align-items:center;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i2.TranslateService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }], propDecorators: { service: [{
                 type: Input
             }], filters: [{
@@ -3624,20 +3661,20 @@ class UserListAdminComponent extends EntityListComponent {
             }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i2.TranslateService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: UserListAdminComponent, isStandalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\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          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "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: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6.GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i2.TranslateService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: UserListAdminComponent, isStandalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            @if (!dataItem.suppressDeletion) {\n              <button\n                kendoGridRemoveCommand\n                requirePermission\n                permissionType=\"Delete\"\n              >\n                <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n              </button>\n            }\n          </ng-template>\n        </kendo-grid-command-column>\n        @for (field of gridFields; track field) {\n          <kendo-grid-column\n            field=\"{{ field.name }}\"\n            title=\"{{ field.label | translate }}\"\n            [sortable]=\"field.sortable !== false\"\n            >\n          </kendo-grid-column>\n        }\n        @if (commands.length > 0) {\n          <kendo-grid-command-column width=\"65\">\n            <ng-template kendoGridCellTemplate let-dataItem>\n              @for (command of commands; track command) {\n                <button\n                  (click)=\"command.handler(dataItem)\"\n                  title=\"{{ command.title | translate }}\"\n                  class=\"k-button\"\n                  >\n                  @if (command.iconClass) {\n                    <em\n                      class=\"{{ command.iconClass }}\"\n                    ></em>\n                  }\n                  {{ command.name | translate }}\n                </button>\n              }\n            </ng-template>\n          </kendo-grid-command-column>\n        }\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i4$1.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i4$1.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i4$1.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i4$1.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i4$1.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "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.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5.GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i5.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i5.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: UserListAdminComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: UserListAdminComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-user-list-admin', providers: [PartnerService], standalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\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          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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], standalone: false, 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\">{{\n          \"Search\" | translate\n        }}</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\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\n          [fileName]=\"generateDateBasedExcelFileName()\"\n          [fetchData]=\"getAllData\"\n        ></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            @if (!dataItem.suppressDeletion) {\n              <button\n                kendoGridRemoveCommand\n                requirePermission\n                permissionType=\"Delete\"\n              >\n                <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n              </button>\n            }\n          </ng-template>\n        </kendo-grid-command-column>\n        @for (field of gridFields; track field) {\n          <kendo-grid-column\n            field=\"{{ field.name }}\"\n            title=\"{{ field.label | translate }}\"\n            [sortable]=\"field.sortable !== false\"\n            >\n          </kendo-grid-column>\n        }\n        @if (commands.length > 0) {\n          <kendo-grid-command-column width=\"65\">\n            <ng-template kendoGridCellTemplate let-dataItem>\n              @for (command of commands; track command) {\n                <button\n                  (click)=\"command.handler(dataItem)\"\n                  title=\"{{ command.title | translate }}\"\n                  class=\"k-button\"\n                  >\n                  @if (command.iconClass) {\n                    <em\n                      class=\"{{ command.iconClass }}\"\n                    ></em>\n                  }\n                  {{ command.name | translate }}\n                </button>\n              }\n            </ng-template>\n          </kendo-grid-command-column>\n        }\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <div class=\"pager\">\n            <kendo-grid-spacer></kendo-grid-spacer>\n            <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n            <kendo-pager-numeric-buttons\n              [buttonCount]=\"pageButtonsCount\"\n            ></kendo-pager-numeric-buttons>\n            <kendo-pager-next-buttons></kendo-pager-next-buttons>\n            <kendo-pager-info></kendo-pager-info>\n          </div>\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: () => [{ type: i2.TranslateService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: PartnerService }] });
 
 class ExcelExportButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonModule, declarations: [ExcelExportButtonComponent], imports: [TranslateModule, ExcelModule], exports: [ExcelExportButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonModule, imports: [TranslateModule, ExcelModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonModule, declarations: [ExcelExportButtonComponent], imports: [TranslateModule, ExcelModule], exports: [ExcelExportButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonModule, imports: [TranslateModule, ExcelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ExcelExportButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ExcelExportButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ExcelExportButtonComponent],
@@ -3658,24 +3695,24 @@ class CreateNewComponent {
             this.defaultLabelKey = labelKeyFromRoute;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CreateNewComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CreateNewComponent, isStandalone: false, selector: "create-new", ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\"></header>\n  <div class=\"panel editor-area hero-unit\">\n    <div class=\"form-horizontal\">\n      <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            requirePermission\n            translate=\"{{ defaultLabelKey }}\"\n            [permissionType]=\"permissionTypes\"\n          >\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CreateNewComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: CreateNewComponent, isStandalone: false, selector: "create-new", ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\"></header>\n  <div class=\"panel editor-area hero-unit\">\n    <div class=\"form-horizontal\">\n      <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            requirePermission\n            translate=\"{{ defaultLabelKey }}\"\n            [permissionType]=\"permissionTypes\"\n          >\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CreateNewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CreateNewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'create-new', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\"></header>\n  <div class=\"panel editor-area hero-unit\">\n    <div class=\"form-horizontal\">\n      <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            requirePermission\n            translate=\"{{ defaultLabelKey }}\"\n            [permissionType]=\"permissionTypes\"\n          >\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }] });
 
 class CreateNewModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CreateNewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: CreateNewModule, declarations: [CreateNewComponent], imports: [RouterModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CreateNewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: CreateNewModule, declarations: [CreateNewComponent], imports: [RouterModule,
             RequirePermissionModule,
             TranslateModule], exports: [CreateNewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CreateNewModule, imports: [RouterModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CreateNewModule, imports: [RouterModule,
             RequirePermissionModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CreateNewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CreateNewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CreateNewComponent],
@@ -3689,8 +3726,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class EntityListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: EntityListModule, declarations: [EntityListComponent, UserListAdminComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: EntityListModule, declarations: [EntityListComponent, UserListAdminComponent], imports: [CommonModule,
             TranslateModule,
             ConfirmDialogModule,
             RouterModule,
@@ -3704,7 +3741,7 @@ class EntityListModule {
             RequirePermissionModule,
             FormsModule,
             InputsModule], exports: [EntityListComponent, UserListAdminComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityListModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityListModule, imports: [CommonModule,
             TranslateModule,
             ConfirmDialogModule,
             RouterModule,
@@ -3719,7 +3756,7 @@ class EntityListModule {
             FormsModule,
             InputsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: EntityListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityListComponent, UserListAdminComponent],
@@ -3775,10 +3812,10 @@ class FieldDropdownlistComponent {
     initSelectedId(id) {
         this.initialSelectedId = id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FieldDropdownlistComponent, isStandalone: false, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort", filter: "filter", initialSelectedId: "initialSelectedId" }, 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: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: FieldDropdownlistComponent, isStandalone: false, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort", filter: "filter", initialSelectedId: "initialSelectedId" }, 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: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdownlist', standalone: false, 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: () => [{ type: i2.TranslateService }], propDecorators: { service: [{
@@ -3799,11 +3836,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class FieldDropdownlistModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistModule, declarations: [FieldDropdownlistComponent], imports: [DropDownListModule], exports: [FieldDropdownlistComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistModule, imports: [DropDownListModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistModule, declarations: [FieldDropdownlistComponent], imports: [DropDownListModule], exports: [FieldDropdownlistComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistModule, imports: [DropDownListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownlistModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownlistModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldDropdownlistComponent],
@@ -3813,20 +3850,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class FooterBarComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: FooterBarComponent, isStandalone: false, 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: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: FooterBarComponent, isStandalone: false, 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: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FooterBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FooterBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'footer-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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 FooterBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FooterBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FooterBarModule, declarations: [FooterBarComponent], exports: [FooterBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FooterBarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FooterBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FooterBarModule, declarations: [FooterBarComponent], exports: [FooterBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FooterBarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FooterBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FooterBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3851,12 +3888,12 @@ class ModalWindowComponent {
             fragment: this.route.snapshot?.fragment,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ModalWindowComponent, isStandalone: false, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, 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\" [translate]=\"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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ModalWindowComponent, isStandalone: false, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  @if (opened) {\n    <div class=\"k-overlay\" (click)=\"close()\"></div>\n  }\n  @if (opened) {\n    <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\">\n      <kendo-window-titlebar>\n        <div class=\"k-window-title\" [translate]=\"title\"></div>\n        <button kendoWindowCloseAction></button>\n      </kendo-window-titlebar>\n      <ng-content></ng-content>\n    </kendo-window>\n  }\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "component", type: i2$3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i2$3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i2$3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'modal-window', standalone: false, 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\" [translate]=\"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"] }]
+            args: [{ selector: 'modal-window', standalone: false, template: "<div class=\"modal-window window-wrapper\">\n  @if (opened) {\n    <div class=\"k-overlay\" (click)=\"close()\"></div>\n  }\n  @if (opened) {\n    <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\">\n      <kendo-window-titlebar>\n        <div class=\"k-window-title\" [translate]=\"title\"></div>\n        <button kendoWindowCloseAction></button>\n      </kendo-window-titlebar>\n      <ng-content></ng-content>\n    </kendo-window>\n  }\n</div>\n", styles: [".modal-window{z-index:11002}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }], propDecorators: { callbackPath: [{
                 type: Input
             }], title: [{
@@ -3864,11 +3901,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class ModalWindowModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowModule, declarations: [ModalWindowComponent], imports: [CommonModule, RouterModule, WindowModule, TranslateModule], exports: [ModalWindowComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowModule, imports: [CommonModule, RouterModule, WindowModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowModule, declarations: [ModalWindowComponent], imports: [CommonModule, RouterModule, WindowModule, TranslateModule], exports: [ModalWindowComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowModule, imports: [CommonModule, RouterModule, WindowModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ModalWindowModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ModalWindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ModalWindowComponent],
@@ -3938,12 +3975,12 @@ class MulticheckFilterComponent {
             }),
         ], 'name');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: MulticheckFilterComponent, isStandalone: false, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField", operator: "operator" }, 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: MulticheckFilterComponent, isStandalone: false, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField", operator: "operator" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  @if (showFilter) {\n    <li>\n      <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n    </li>\n  }\n  @for (item of currentData; track item) {\n    <li\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  }\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: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'multicheck-filter', standalone: false, 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"] }]
+            args: [{ selector: 'multicheck-filter', standalone: false, template: "<ul>\n  @if (showFilter) {\n    <li>\n      <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n    </li>\n  }\n  @for (item of currentData; track item) {\n    <li\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  }\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: [{
                 type: Input
             }], data: [{
@@ -3961,11 +3998,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class MulticheckFilterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterModule, declarations: [MulticheckFilterComponent], imports: [CommonModule], exports: [MulticheckFilterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterModule, declarations: [MulticheckFilterComponent], imports: [CommonModule], exports: [MulticheckFilterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MulticheckFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MulticheckFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MulticheckFilterComponent],
@@ -3978,12 +4015,12 @@ class TopMenuComponent {
     toggleButtonClick() {
         document.body.classList.toggle('mini-navbar');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: TopMenuComponent, isStandalone: false, selector: "top-bar", inputs: { currentUser: "currentUser", menuItems: "menuItems" }, ngImport: i0, template: "<div id=\"supply-top-navbar\" class=\"top-bar 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\"\n              class=\"navbar-minimalize minimalize-style-2 btn btn-primary\"\n              (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix top-bar-user\" *ngIf=\"currentUser != null\">\n      <a class=\"message-icons left container-login\"\n         [routerLink]=\"['/security/admins', currentUser.id]\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">\n          {{ currentUser.userName }}\n        </span>\n        <ng-content select=\".pad5left\"></ng-content>\n      </a>\n      <account-menu [user]=\"currentUser\"\n                    [menuItems]=\"menuItems\"\n      ></account-menu>\n    </div>\n  </nav>\n</div>\n", styles: [".top-bar-user{display:flex;align-items:center}.top-bar .container-login{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AccountMenuComponent, selector: "account-menu", inputs: ["user", "menuItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TopMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: TopMenuComponent, isStandalone: false, selector: "top-bar", inputs: { currentUser: "currentUser", menuItems: "menuItems" }, ngImport: i0, template: "<div id=\"supply-top-navbar\" class=\"top-bar supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button\n        type=\"button\"\n        class=\"navbar-minimalize minimalize-style-2 btn btn-primary\"\n        (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    @if (currentUser != null) {\n      <div id=\"topBarIcons\" class=\"clearfix top-bar-user\">\n        <a class=\"message-icons left container-login\"\n          [routerLink]=\"['/security/admins', currentUser.id]\">\n          <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"pad5left\">\n            {{ currentUser.userName }}\n          </span>\n          <ng-content select=\".pad5left\"></ng-content>\n        </a>\n        <account-menu [user]=\"currentUser\"\n          [menuItems]=\"menuItems\"\n        ></account-menu>\n      </div>\n    }\n  </nav>\n</div>\n", styles: [".top-bar-user{display:flex;align-items:center}.top-bar .container-login{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AccountMenuComponent, selector: "account-menu", inputs: ["user", "menuItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TopMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'top-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"supply-top-navbar\" class=\"top-bar 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\"\n              class=\"navbar-minimalize minimalize-style-2 btn btn-primary\"\n              (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    <div id=\"topBarIcons\" class=\"clearfix top-bar-user\" *ngIf=\"currentUser != null\">\n      <a class=\"message-icons left container-login\"\n         [routerLink]=\"['/security/admins', currentUser.id]\">\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">\n          {{ currentUser.userName }}\n        </span>\n        <ng-content select=\".pad5left\"></ng-content>\n      </a>\n      <account-menu [user]=\"currentUser\"\n                    [menuItems]=\"menuItems\"\n      ></account-menu>\n    </div>\n  </nav>\n</div>\n", styles: [".top-bar-user{display:flex;align-items:center}.top-bar .container-login{padding-top:0}\n"] }]
+            args: [{ selector: 'top-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"supply-top-navbar\" class=\"top-bar supply-nav-margin\">\n  <nav class=\"navbar navbar-static-top white-bg\">\n    <div class=\"navbar-header\" [style.display]=\"currentUser != null\">\n      <button\n        type=\"button\"\n        class=\"navbar-minimalize minimalize-style-2 btn btn-primary\"\n        (click)=\"toggleButtonClick()\">\n        <i class=\"fa fa-bars\"></i>\n      </button>\n    </div>\n    <ng-content></ng-content>\n    @if (currentUser != null) {\n      <div id=\"topBarIcons\" class=\"clearfix top-bar-user\">\n        <a class=\"message-icons left container-login\"\n          [routerLink]=\"['/security/admins', currentUser.id]\">\n          <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"pad5left\">\n            {{ currentUser.userName }}\n          </span>\n          <ng-content select=\".pad5left\"></ng-content>\n        </a>\n        <account-menu [user]=\"currentUser\"\n          [menuItems]=\"menuItems\"\n        ></account-menu>\n      </div>\n    }\n  </nav>\n</div>\n", styles: [".top-bar-user{display:flex;align-items:center}.top-bar .container-login{padding-top:0}\n"] }]
         }], propDecorators: { currentUser: [{
                 type: Input
             }], menuItems: [{
@@ -3991,15 +4028,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
             }] } });
 
 class TopBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: TopBarModule, declarations: [TopMenuComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TopBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: TopBarModule, declarations: [TopMenuComponent], imports: [CommonModule,
             RouterModule,
             AccountMenuModule], exports: [TopMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopBarModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TopBarModule, imports: [CommonModule,
             RouterModule,
             AccountMenuModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TopBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4017,17 +4054,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class FieldDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownModule, declarations: [FieldDropdownComponent], imports: [TranslateModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownModule, declarations: [FieldDropdownComponent], imports: [TranslateModule,
             DropDownsModule,
             ReactiveFormsModule,
             CommonModule], exports: [FieldDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownModule, imports: [TranslateModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownModule, imports: [TranslateModule,
             DropDownsModule,
             ReactiveFormsModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FieldDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FieldDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldDropdownComponent],
@@ -4042,17 +4079,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
         }] });
 
 class ObjectDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownModule, declarations: [ObjectDropdownComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownModule, declarations: [ObjectDropdownComponent], imports: [CommonModule,
             TranslateModule,
             DropDownsModule,
             ReactiveFormsModule], exports: [ObjectDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownModule, imports: [CommonModule,
             TranslateModule,
             DropDownsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ObjectDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ObjectDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ObjectDropdownComponent],
@@ -4073,20 +4110,20 @@ class ForbiddenComponent {
     logout() {
         this.accountService.logout();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ForbiddenComponent, deps: [{ token: AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: ForbiddenComponent, isStandalone: false, selector: "app-forbidden", ngImport: i0, template: "<div class=\"container body-content\">\n  <h2>Forbidden</h2>\n  <h4>\n    You do not have permission to view this page. Please contact your\n    administrator.\n  </h4>\n  <h4>\n    <button\n      class=\"btn btn-success\"\n      (click)=\"logout()\"\n      translate=\"Logout\"\n      data-icon=\"sign-out\"\n    ></button>\n  </h4>\n</div>\n", styles: ["::ng-deep #preloader{display:none!important}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ForbiddenComponent, deps: [{ token: AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ForbiddenComponent, isStandalone: false, selector: "app-forbidden", ngImport: i0, template: "<div class=\"container body-content\">\n  <h2>Forbidden</h2>\n  <h4>\n    You do not have permission to view this page. Please contact your\n    administrator.\n  </h4>\n  <h4>\n    <button\n      class=\"btn btn-success\"\n      (click)=\"logout()\"\n      translate=\"Logout\"\n      data-icon=\"sign-out\"\n    ></button>\n  </h4>\n</div>\n", styles: ["::ng-deep #preloader{display:none!important}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ForbiddenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ForbiddenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-forbidden', standalone: false, template: "<div class=\"container body-content\">\n  <h2>Forbidden</h2>\n  <h4>\n    You do not have permission to view this page. Please contact your\n    administrator.\n  </h4>\n  <h4>\n    <button\n      class=\"btn btn-success\"\n      (click)=\"logout()\"\n      translate=\"Logout\"\n      data-icon=\"sign-out\"\n    ></button>\n  </h4>\n</div>\n", styles: ["::ng-deep #preloader{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: AccountService }] });
 
 class SideMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: SideMenuModule, declarations: [SideMenuComponent, MenuItemGroupComponent], imports: [CommonModule, TranslateModule, RouterModule, FormsModule, LoadingBarHttpClientModule], exports: [SideMenuComponent, MenuItemGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuModule, imports: [CommonModule, TranslateModule, RouterModule, FormsModule, LoadingBarHttpClientModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: SideMenuModule, declarations: [SideMenuComponent, MenuItemGroupComponent], imports: [CommonModule, TranslateModule, RouterModule, FormsModule, LoadingBarHttpClientModule], exports: [SideMenuComponent, MenuItemGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SideMenuModule, imports: [CommonModule, TranslateModule, RouterModule, FormsModule, LoadingBarHttpClientModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SideMenuComponent, MenuItemGroupComponent],
@@ -4117,10 +4154,10 @@ class AuthHeadersInterceptor {
         }
         return next.handle(request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthHeadersInterceptor, deps: [{ token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthHeadersInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthHeadersInterceptor, deps: [{ token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthHeadersInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AuthHeadersInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AuthHeadersInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: SettingsService }] });
 
@@ -4157,12 +4194,12 @@ class AppCoreModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: AppCoreModule, imports: [i2.TranslateModule, LoadingBarHttpClientModule, i1$1.ToastrModule], exports: [TranslateModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AppCoreModule, imports: [i2.TranslateModule, LoadingBarHttpClientModule, i1$1.ToastrModule, MsalModule], exports: [TranslateModule,
             ClipboardModule,
             LoadingBarHttpClientModule,
             ToastrModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppCoreModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppCoreModule, providers: [
             provideAppInitializer(() => {
                 const initializerFn = (LocaleServiceSettingsFactory)(inject(LocaleSettingsService));
                 return initializerFn();
@@ -4187,7 +4224,7 @@ class AppCoreModule {
             PermissionsService,
             SignalRService,
             provideHttpClient(withInterceptorsFromDi()),
-        ], imports: [TranslateModule.forChild({
+        ], imports: [TranslateModule.forRoot({
                 loader: {
                     provide: TranslateLoader,
                     useFactory: TranslateLoaderFactory,
@@ -4198,12 +4235,13 @@ class AppCoreModule {
                 },
             }),
             LoadingBarHttpClientModule,
-            ToastrModule.forRoot(), TranslateModule,
+            ToastrModule.forRoot(),
+            MsalModule, TranslateModule,
             ClipboardModule,
             LoadingBarHttpClientModule,
             ToastrModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AppCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AppCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -4213,7 +4251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                         ToastrModule,
                     ],
                     imports: [
-                        TranslateModule.forChild({
+                        TranslateModule.forRoot({
                             loader: {
                                 provide: TranslateLoader,
                                 useFactory: TranslateLoaderFactory,
@@ -4225,6 +4263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                         }),
                         LoadingBarHttpClientModule,
                         ToastrModule.forRoot(),
+                        MsalModule,
                     ],
                     providers: [
                         provideAppInitializer(() => {