@indigina/kendo 1.2.46 → 1.2.48

package/fesm2022/indigina-kendo.mjs

@@ -8,30 +8,28 @@ import * as signalR from '@microsoft/signalr';
 export { LogLevel } from '@microsoft/signalr';
 import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client';
 export * from '@ngx-loading-bar/http-client';
-import * as i1$1 from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
 import { TranslateModule, TranslateStore, TranslateLoader } from '@ngx-translate/core';
 export * from '@ngx-translate/core';
-import * as i1$2 from 'ngx-clipboard';
+import * as i1$1 from 'ngx-clipboard';
 import { ClipboardModule } from 'ngx-clipboard';
 export * from 'ngx-clipboard';
-import * as i1$3 from 'ngx-toastr';
+import * as i1$2 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
 export * from 'ngx-toastr';
-import * as i2 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2$1 from '@angular/common/http';
+import * as i2$2 from '@angular/common/http';
 import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, HostListener, Component, ChangeDetectionStrategy, NgModule, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, InjectionToken, Inject } from '@angular/core';
-import * as i1$4 from '@angular/forms';
+import { EventEmitter, Directive, Input, Output, HostListener, NgModule, Component, ChangeDetectionStrategy, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, InjectionToken, Inject } from '@angular/core';
+import * as i1$3 from '@angular/forms';
 import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
-import * as i1$5 from '@angular/router';
+import * as i1$4 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { Subject, of, BehaviorSubject, throwError, from, tap as tap$1, map as map$1 } from 'rxjs';
 import { debounceTime, map, mergeMap, catchError, tap, filter, take, finalize } from 'rxjs/operators';
-import * as i3 from '@progress/kendo-angular-dateinputs';
-import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import XmlBeautify from 'xml-beautify';
 import * as i4 from '@progress/kendo-angular-upload';
@@ -42,10 +40,12 @@ import { toODataString, filterBy, distinct } from '@progress/kendo-data-query';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
 import * as i6 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import * as i3$1 from '@progress/kendo-angular-dialog';
+import * as i3 from '@progress/kendo-angular-dialog';
 import { DialogModule, DialogsModule, WindowModule } from '@progress/kendo-angular-dialog';
-import * as i5 from '@progress/kendo-angular-grid';
-import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
+import * as i6$1 from '@progress/kendo-angular-grid';
+import { PagerModule, GridModule, ExcelModule } from '@progress/kendo-angular-grid';
+import * as i5 from '@progress/kendo-angular-dateinputs';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import * as i4$2 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { TooltipModule } from '@progress/kendo-angular-tooltip';
@@ -57,10 +57,12 @@ class DebounceDirective {
         this.keyUp = new Subject();
     }
     ngOnInit() {
-        this.subscription = this.keyUp.pipe(debounceTime(this.debounceTime)).subscribe(e => this.debounceKeyup.emit(e));
+        this.subscription = this.keyUp
+            .pipe(debounceTime(this.debounceTime))
+            .subscribe((e) => this.debounceKeyup.emit(e));
     }
     ngOnDestroy() {
-        this.subscription.unsubscribe();
+        this.subscription?.unsubscribe();
     }
     keyUpEvent(event) {
         event.preventDefault();
@@ -75,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{
                     selector: '[appDebounce]',
                 }]
-        }], ctorParameters: () => [], propDecorators: { debounceTime: [{
+        }], propDecorators: { debounceTime: [{
                 type: Input
             }], debounceKeyup: [{
                 type: Output
@@ -84,6 +86,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 args: ['keyup', ['$event']]
             }] } });
 
+class DebounceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DebounceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: DebounceModule, declarations: [DebounceDirective], imports: [CommonModule], exports: [DebounceDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DebounceModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DebounceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DebounceDirective],
+                    exports: [DebounceDirective],
+                    imports: [CommonModule],
+                }]
+        }] });
+
 let id = 0;
 const disabledKey = 'disabled';
 class FieldComponent {
@@ -147,7 +163,7 @@ class FieldComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: undefined }], propDecorators: { labelKey: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }, { type: undefined }], propDecorators: { labelKey: [{
                 type: Input
             }], fieldName: [{
                 type: Input
@@ -171,8 +187,8 @@ class FieldInputComponent extends FieldComponent {
         }
         return super.setAttribute(name, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -181,7 +197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'field-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], fieldName: [{
                 type: Input
@@ -246,8 +262,8 @@ class NumberInputComponent extends FieldInputComponent {
             return notValid ? { forbiddenName: { value: control.value } } : null;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -256,122 +272,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'number-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { isPositive: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { isPositive: [{
                 type: Input
             }] } });
 
-class FieldDateInputComponent extends FieldComponent {
-    get control() {
-        return this.parent.form.get(this.fieldName);
-    }
-    constructor(parent, eref) {
-        super(parent, eref, null);
-        this.parent = parent;
-        this.eref = eref;
-        this.calendarType = 'classic';
-        this.readonly = false;
-        this.disabled = false;
-        this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
-    }
-    onValueChange(event) {
-        this.emitSelectedEntity(event);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.writeSelectedDateValueIfExists(this.selectedDate);
-    }
-    ngOnChanges() {
-        super.ngOnChanges();
-        this.writeSelectedDateValueIfExists(this.selectedDate);
-    }
-    emitSelectedEntity(entity) {
-        this.selectedChange.emit(entity);
-    }
-    writeSelectedDateValueIfExists(selectedDate) {
-        if (this.canUpdateWithSelectedDate()) {
-            this.setControlValue(selectedDate);
-        }
-        this.setFirstLoadFalse();
-    }
-    canUpdateWithSelectedDate() {
-        return this.selectedDate && this.firstLoad;
-    }
-    setControlValue(value) {
-        this.control.setValue(value);
-    }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDateInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDateInputComponent, selector: "field-date-input", inputs: { labelKey: "labelKey", fieldName: "fieldName", placeholderKey: "placeholderKey", min: "min", max: "max", calendarType: "calendarType", selectedDate: "selectedDate", readonly: "readonly", disabled: "disabled" }, 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    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-datepicker\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [calendarType]=\"calendarType\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <ng-content></ng-content>\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", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
-            { provide: ControlContainer, useExisting: FormGroupDirective },
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDateInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'field-date-input', viewProviders: [
-                        { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-datepicker\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [calendarType]=\"calendarType\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <ng-content></ng-content>\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" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
-                type: Input
-            }], fieldName: [{
-                type: Input
-            }], placeholderKey: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], calendarType: [{
-                type: Input
-            }], selectedDate: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }] } });
-
 class FieldInputModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent,
-            NumberInputComponent,
-            FieldDateInputComponent], imports: [BrowserModule,
-            BrowserAnimationsModule,
-            ButtonsModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent, NumberInputComponent], imports: [ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
-            DateInputsModule,
             TranslateModule,
-            CommonModule], exports: [FieldInputComponent, NumberInputComponent, FieldDateInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, imports: [BrowserModule,
-            BrowserAnimationsModule,
-            ButtonsModule,
+            CommonModule], exports: [FieldInputComponent, NumberInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, imports: [ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
-            DateInputsModule,
             TranslateModule,
             CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        FieldInputComponent,
-                        NumberInputComponent,
-                        FieldDateInputComponent,
-                    ],
-                    exports: [FieldInputComponent, NumberInputComponent, FieldDateInputComponent],
+                    declarations: [FieldInputComponent, NumberInputComponent],
+                    exports: [FieldInputComponent, NumberInputComponent],
                     imports: [
-                        BrowserModule,
-                        BrowserAnimationsModule,
                         ButtonsModule,
                         ReactiveFormsModule,
                         FormsModule,
-                        DateInputsModule,
                         TranslateModule,
                         CommonModule,
                     ],
@@ -386,7 +312,7 @@ class GeneralErrorsComponent {
         this.form.setErrors({ _general_errors_: this.errors });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: GeneralErrorsComponent, 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: GeneralErrorsComponent, 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$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
             type: Component,
@@ -397,6 +323,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 type: Input
             }] } });
 
+class GeneralErrorsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsModule, declarations: [GeneralErrorsComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule], exports: [GeneralErrorsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsModule, imports: [CommonModule, ReactiveFormsModule, FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: GeneralErrorsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [GeneralErrorsComponent],
+                    exports: [GeneralErrorsComponent],
+                    imports: [CommonModule, ReactiveFormsModule, FormsModule],
+                }]
+        }] });
+
 class AppSettings {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppSettings, providedIn: 'root' }); }
@@ -449,7 +389,7 @@ class LocaleSettingsService {
             localStorage.setItem(languageKey, locale);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LocaleSettingsService, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LocaleSettingsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LocaleSettingsService, decorators: [{
@@ -457,7 +397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: i2.TranslateService }] });
 
 const urlDelimiter = '/';
 const collapsedEvent$1 = 'collapsed';
@@ -509,13 +449,13 @@ class MenuItemGroupComponent {
             this.setItemExpand();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$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$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$4.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: "17.0.6", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: '[menu-item-group]', template: "<ng-container *ngIf=\"item.items && item.items.length\">\n  <a (click)=\"collapseChild(item, $event)\">\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <ul\n    [ngClass]=\"\n      item.expanded == true\n        ? 'nav nav-second-level collapse in'\n        : 'nav nav-second-level collapse'\n    \"\n  >\n    <ng-template ngFor let-item [ngForOf]=\"item.items\">\n      <li menu-item-group [item]=\"item\"></li>\n    </ng-template>\n  </ul>\n</ng-container>\n<ng-container *ngIf=\"!item.items || !item.items.length\">\n  <a\n    *ngIf=\"item.link\"\n    routerLink=\"{{ item.link }}\"\n    routerLinkActive=\"active-route\"\n    class=\"sub-menu-link\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n  <a\n    *ngIf=\"item.url\"\n    class=\"sub-menu-link\"\n    href=\"{{ item.url }}\"\n    target=\"_blank\"\n    (click)=\"collapseChild(item, $event)\"\n  >\n    <ng-container *ngIf=\"!item.iconClass; else labelWithIcon\">\n      {{ item.text | translate }}\n    </ng-container>\n  </a>\n</ng-container>\n<ng-template #labelWithIcon>\n  <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n  <span class=\"nav-label\">{{ item.text | translate }}</span>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$5.Router }], propDecorators: { item: [{
+        }], ctorParameters: () => [{ type: i1$4.Router }], propDecorators: { item: [{
                 type: Input
             }] } });
 
@@ -541,7 +481,7 @@ class SideMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: SideMenuComponent, selector: "side-menu", inputs: { items: "items" }, outputs: { logoClick: "logoClick" }, ngImport: i0, template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a [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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: SideMenuComponent, selector: "side-menu", inputs: { items: "items" }, outputs: { logoClick: "logoClick" }, ngImport: i0, template: "<nav\n  id=\"menu-left\"\n  class=\"navbar-default navbar-main navbar-static-side open\"\n  role=\"navigation\"\n>\n  <div class=\"sidebar-collapse\">\n    <ul id=\"side-menu\" class=\"nav\">\n      <li class=\"nav-header\">\n        <div class=\"profile-element\">\n          <a [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$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
@@ -575,7 +515,7 @@ class TreeViewNodeComponent {
         this.treeViewProps.forEach((x) => x.collapseAll());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  <ng-container\n    *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n  ></ng-container>\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n  <span class=\"tree-view-prop\">\n    {{ node.startTag }}\n    <span [ngClass]=\"node.nodeType\">\n      {{ node.value }}\n    </span>\n    {{ node.endTag }}\n  </span>\n</ng-template>\n\n<ng-template #baseNode>\n  <span>\n    <em\n      [ngClass]=\"\n        expanded\n          ? 'fa fa-caret-down node-toggler'\n          : 'fa fa-caret-right node-toggler'\n      \"\n      *ngIf=\"hasExpand\"\n      (click)=\"toggleExpand()\"\n    ></em>\n    <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n    <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n      <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n        <span class=\"prop-name\">{{ child.startTag }}</span>\n        <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n          child.value\n        }}</span>\n        <ng-container *ngIf=\"child.isComplex\">\n          <tree-view-node\n            [node]=\"child\"\n            [hasExpand]=\"true\"\n            #node\n          ></tree-view-node>\n        </ng-container>\n        <span class=\"prop-name\">{{ child.endTag }}</span>\n      </li>\n    </ul>\n  </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  <ng-container\n    *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n  ></ng-container>\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n  <span class=\"tree-view-prop\">\n    {{ node.startTag }}\n    <span [ngClass]=\"node.nodeType\">\n      {{ node.value }}\n    </span>\n    {{ node.endTag }}\n  </span>\n</ng-template>\n\n<ng-template #baseNode>\n  <span>\n    <em\n      [ngClass]=\"\n        expanded\n          ? 'fa fa-caret-down node-toggler'\n          : 'fa fa-caret-right node-toggler'\n      \"\n      *ngIf=\"hasExpand\"\n      (click)=\"toggleExpand()\"\n    ></em>\n    <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n    <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n      <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n        <span class=\"prop-name\">{{ child.startTag }}</span>\n        <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n          child.value\n        }}</span>\n        <ng-container *ngIf=\"child.isComplex\">\n          <tree-view-node\n            [node]=\"child\"\n            [hasExpand]=\"true\"\n            #node\n          ></tree-view-node>\n        </ng-container>\n        <span class=\"prop-name\">{{ child.endTag }}</span>\n      </li>\n    </ul>\n  </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
             type: Component,
@@ -936,13 +876,13 @@ class TreeViewComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$2.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TreeViewComponent, selector: "tree-view", inputs: { data: "data", maxTextLength: "maxTextLength", maxRootItems: "maxRootItems" }, viewQueries: [{ propertyName: "treeViewNodes", predicate: ["node"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n      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,#ffff 45%);max-width:100%;padding:0;left:0;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TreeViewComponent, deps: [{ token: i1$1.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TreeViewComponent, selector: "tree-view", inputs: { data: "data", maxTextLength: "maxTextLength", maxRootItems: "maxRootItems" }, viewQueries: [{ propertyName: "treeViewNodes", predicate: ["node"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n      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,#ffff 45%);max-width:100%;padding:0;left:0;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"], dependencies: [{ kind: "directive", type: i2$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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tree-view', template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n      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,#ffff 45%);max-width:100%;padding:0;left:0;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.ClipboardService }], propDecorators: { treeViewNodes: [{
+        }], ctorParameters: () => [{ type: i1$1.ClipboardService }], propDecorators: { treeViewNodes: [{
                 type: ViewChildren,
                 args: ['node']
             }], data: [{
@@ -992,17 +932,17 @@ class IndiginaModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: IndiginaModule, declarations: [SideMenuComponent,
             MenuItemGroupComponent,
             TreeViewComponent,
-            TreeViewNodeComponent,
-            DebounceDirective,
-            GeneralErrorsComponent], imports: [BrowserModule,
-            HttpClientModule, i1$1.TranslateModule, LoadingBarHttpClientModule,
+            TreeViewNodeComponent], imports: [BrowserModule,
+            HttpClientModule, i2.TranslateModule, LoadingBarHttpClientModule,
             CommonModule,
             RouterModule,
-            ReactiveFormsModule, i1$3.ToastrModule, BrowserAnimationsModule,
-            FieldInputModule], exports: [SideMenuComponent,
+            ReactiveFormsModule, i1$2.ToastrModule, BrowserAnimationsModule,
+            FieldInputModule,
+            GeneralErrorsModule,
+            DebounceModule], exports: [SideMenuComponent,
             TreeViewComponent,
-            DebounceDirective,
-            GeneralErrorsComponent,
+            DebounceModule,
+            GeneralErrorsModule,
             TranslateModule,
             ClipboardModule,
             LoadingBarHttpClientModule,
@@ -1041,7 +981,11 @@ class IndiginaModule {
             ReactiveFormsModule,
             ToastrModule.forRoot(),
             BrowserAnimationsModule,
-            FieldInputModule, TranslateModule,
+            FieldInputModule,
+            GeneralErrorsModule,
+            DebounceModule, DebounceModule,
+            GeneralErrorsModule,
+            TranslateModule,
             ClipboardModule,
             LoadingBarHttpClientModule,
             ToastrModule,
@@ -1056,8 +1000,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                         MenuItemGroupComponent,
                         TreeViewComponent,
                         TreeViewNodeComponent,
-                        DebounceDirective,
-                        GeneralErrorsComponent,
                     ],
                     imports: [
                         BrowserModule,
@@ -1076,6 +1018,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                         ToastrModule.forRoot(),
                         BrowserAnimationsModule,
                         FieldInputModule,
+                        GeneralErrorsModule,
+                        DebounceModule,
                     ],
                     providers: [
                         {
@@ -1098,8 +1042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                     exports: [
                         SideMenuComponent,
                         TreeViewComponent,
-                        DebounceDirective,
-                        GeneralErrorsComponent,
+                        DebounceModule,
+                        GeneralErrorsModule,
                         TranslateModule,
                         ClipboardModule,
                         LoadingBarHttpClientModule,
@@ -1135,8 +1079,8 @@ class FieldFileUploadComponent extends FieldComponent {
         this.disabled = false;
         this.restrictions = this.defaultFileRestrictions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldFileUploadComponent, 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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.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", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldFileUploadComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldFileUploadComponent, 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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1145,7 +1089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'field-file-upload', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\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"] }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
                 type: Input
@@ -1214,8 +1158,8 @@ class FieldTextAreaComponent extends FieldComponent {
         this.eref = eref;
         this.readonly = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly" }, 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-textarea\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      style=\"height: auto\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></kendo-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: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldTextAreaComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", placeholderKey: "placeholderKey", fieldName: "fieldName", readonly: "readonly" }, 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-textarea\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      style=\"height: auto\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></kendo-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: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"], dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1224,7 +1168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'field-textarea', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <kendo-textarea\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [readonly]=\"readonly\"\n      style=\"height: auto\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n    ></kendo-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: [".k-textarea.ng-invalid{border:1px solid #cccccc;box-shadow:inset 0 1px 3px #ececec;border-radius:3px;color:#333}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
                 type: Input
@@ -1289,8 +1233,8 @@ class FieldFileSelectComponent extends FieldComponent {
         this.restrictions = this.defaultFileRestrictions;
         this.filesSelected = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldFileSelectComponent, 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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.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.FileSelectComponent, selector: "kendo-fileselect", inputs: ["accept", "disabled", "multiple", "name", "showFileList", "tabindex", "restrictions", "zoneId", "focusableId"], outputs: ["blur", "focus", "select", "remove", "valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldFileSelectComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldFileSelectComponent, 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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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.FileSelectComponent, selector: "kendo-fileselect", inputs: ["accept", "disabled", "multiple", "name", "showFileList", "tabindex", "restrictions", "zoneId", "focusableId"], outputs: ["blur", "focus", "select", "remove", "valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1299,7 +1243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'field-file-select', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\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"] }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
                 type: Input
             }], placeholderKey: [{
                 type: Input
@@ -1578,7 +1522,7 @@ class AppToastrService {
     showSuccess(message, title = '') {
         this.toastr.success(message, title, { timeOut: this.timeout });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppToastrService, deps: [{ token: i1$3.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppToastrService, deps: [{ token: i1$2.ToastrService }, { token: AppSettings }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppToastrService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppToastrService, decorators: [{
@@ -1586,7 +1530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.ToastrService }, { type: AppSettings }] });
+        }], ctorParameters: () => [{ type: i1$2.ToastrService }, { type: AppSettings }] });
 
 const callbackPathKey = 'callbackPath';
 const homePath = '/home';
@@ -1704,13 +1648,13 @@ class HttpService {
     showSuccessMessage(message) {
         this.appToastrService.showSuccess(this.translate.instant(message));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2$1.HttpClient }, { token: AppSettings }, { token: i1$1.TranslateService }, { token: i1$5.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: HttpService, deps: [{ token: AppToastrService }, { token: i2$2.HttpClient }, { token: AppSettings }, { token: i2.TranslateService }, { token: i1$4.Router }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: HttpService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: AppToastrService }, { type: i2$1.HttpClient }, { type: AppSettings }, { type: i1$1.TranslateService }, { type: i1$5.Router }, { type: SettingsService }] });
+        }], ctorParameters: () => [{ type: AppToastrService }, { type: i2$2.HttpClient }, { type: AppSettings }, { type: i2.TranslateService }, { type: i1$4.Router }, { type: SettingsService }] });
 
 class LiveUpdatesControlComponent {
     ngOnInit() {
@@ -1722,7 +1666,7 @@ class LiveUpdatesControlComponent {
             : this.subscription.resume();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LiveUpdatesControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LiveUpdatesControlComponent, selector: "live-updates-control", inputs: { subscription: "subscription" }, ngImport: i0, template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n", styles: [":host .fa{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LiveUpdatesControlComponent, selector: "live-updates-control", inputs: { subscription: "subscription" }, ngImport: i0, template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n", styles: [":host .fa{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LiveUpdatesControlComponent, decorators: [{
             type: Component,
@@ -1906,7 +1850,7 @@ class LanguageSelectorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$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: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"], dependencies: [{ kind: "directive", type: i2$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.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.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
@@ -1951,7 +1895,7 @@ class AccountMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", 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: "17.0.6", type: AccountMenuComponent, 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)=\"toogle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <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 (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li *ngFor=\"let menuItem of menuItems\">\n        <a\n          *ngIf=\"menuItem.useRouter; else hrefLink\"\n          [routerLink]=\"menuItem.link\"\n          [attr.data-icon]=\"menuItem.iconClass\"\n          >{{ menuItem.text | translate }}</a\n        >\n        <ng-template #hrefLink>\n          <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">{{\n            menuItem.text | translate\n          }}</a></ng-template\n        >\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: AccountMenuComponent, 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)=\"toogle()\">\n    <div class=\"img-circle top-bar-profile left\"></div>\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <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 (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li *ngFor=\"let menuItem of menuItems\">\n        <a\n          *ngIf=\"menuItem.useRouter; else hrefLink\"\n          [routerLink]=\"menuItem.link\"\n          [attr.data-icon]=\"menuItem.iconClass\"\n          >{{ menuItem.text | translate }}</a\n        >\n        <ng-template #hrefLink>\n          <a [href]=\"menuItem.link\" [attr.data-icon]=\"menuItem.iconClass\">{{\n            menuItem.text | translate\n          }}</a></ng-template\n        >\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$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$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AccountMenuComponent, decorators: [{
             type: Component,
@@ -1991,7 +1935,7 @@ class AzureLoginCallbackComponent {
     logout() {
         this.authService.logout();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1.MsalService }, { token: SettingsService }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AzureLoginCallbackComponent, deps: [{ token: i1.MsalService }, { token: SettingsService }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: AzureLoginCallbackComponent, selector: "lib-azure-login", ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AzureLoginCallbackComponent, decorators: [{
@@ -2000,7 +1944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                     selector: 'lib-azure-login',
                     template: '',
                 }]
-        }], ctorParameters: () => [{ type: i1.MsalService }, { type: SettingsService }, { type: i1$5.Router }] });
+        }], ctorParameters: () => [{ type: i1.MsalService }, { type: SettingsService }, { type: i1$4.Router }] });
 
 const isIE = window.navigator.userAgent.includes('MSIE ') ||
     window.navigator.userAgent.includes('Trident/');
@@ -2124,7 +2068,7 @@ class RequirePermissionDirective {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$5.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: RequirePermissionDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ActivatedRoute }, { token: PermissionsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: { permissionType: "permissionType", permissionCategory: "permissionCategory" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: RequirePermissionDirective, decorators: [{
@@ -2132,7 +2076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{
                     selector: '[requirePermission]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$5.ActivatedRoute }, { type: PermissionsService }, { type: i0.Renderer2 }], propDecorators: { permissionType: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.ActivatedRoute }, { type: PermissionsService }, { type: i0.Renderer2 }], propDecorators: { permissionType: [{
                 type: Input
             }], permissionCategory: [{
                 type: Input
@@ -2271,20 +2215,20 @@ class ConfirmDialogComponent {
             actions: this.dialogActions,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3$1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i1$1.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: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'confirm-dialog', template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n" }]
-        }], ctorParameters: () => [{ type: i3$1.DialogService }], propDecorators: { dialogActions: [{
+        }], ctorParameters: () => [{ type: i3.DialogService }], propDecorators: { dialogActions: [{
                 type: ViewChild,
                 args: ['dialogActions', { static: true }]
             }] } });
 
 class ExcelExportButtonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ExcelExportButtonComponent, selector: "excel-export-button", ngImport: i0, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ExcelExportButtonComponent, selector: "excel-export-button", ngImport: i0, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
             type: Component,
@@ -2473,13 +2417,13 @@ class EntityListComponent {
         this.onFilterChange();
         this.getData();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityListComponent, 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\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.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", "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: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-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.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i4$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListComponent, deps: [{ token: i2.TranslateService }, { token: i1$4.ActivatedRoute }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityListComponent, 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\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i1$4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i6$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i6$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i6$1.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", "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$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i6$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6$1.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-list', template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </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: i1$1.TranslateService }, { type: i1$5.ActivatedRoute }, { type: i1$5.Router }], propDecorators: { service: [{
+        }], ctorParameters: () => [{ type: i2.TranslateService }, { type: i1$4.ActivatedRoute }, { type: i1$4.Router }], propDecorators: { service: [{
                 type: Input
             }], filters: [{
                 type: Input
@@ -2517,13 +2461,13 @@ class UserListAdminComponent extends EntityListComponent {
             }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$5.ActivatedRoute }, { token: i1$5.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: UserListAdminComponent, selector: "lib-user-list-admin", providers: [PartnerService], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.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", "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: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-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.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i4$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: UserListAdminComponent, deps: [{ token: i2.TranslateService }, { token: i1$4.ActivatedRoute }, { token: i1$4.Router }, { token: PartnerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: UserListAdminComponent, selector: "lib-user-list-admin", providers: [PartnerService], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </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: "directive", type: i1$4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6$1.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", "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$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i6$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6$1.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i6$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i6$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i4$1.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: UserListAdminComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-user-list-admin', providers: [PartnerService], template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate 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          <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        </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: i1$1.TranslateService }, { type: i1$5.ActivatedRoute }, { type: i1$5.Router }, { type: PartnerService }] });
+        }], ctorParameters: () => [{ type: i2.TranslateService }, { type: i1$4.ActivatedRoute }, { type: i1$4.Router }, { type: PartnerService }] });
 
 const AuthorizationHeader = 'Authorization';
 class AuthHeadersInterceptor {
@@ -2569,7 +2513,7 @@ class CurrentTimezoneComponent {
         this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
             type: Component,
@@ -2674,13 +2618,13 @@ class ActivityFilterComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.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: i4$2.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"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4$2.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i3.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "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", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2$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$3.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$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.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: i4$2.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"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4$2.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "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", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'activity-filter', template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { showArchiveSwitcher: [{
+        }], ctorParameters: () => [{ type: i2.TranslateService }], propDecorators: { showArchiveSwitcher: [{
                 type: Input
             }], showSearhText: [{
                 type: Input
@@ -2695,7 +2639,7 @@ class EntityEditButtonsBarComponent {
         this.save = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create', 'Set']\"\n    ></button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create', 'Set']\"\n    ></button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
             type: Component,
@@ -2765,13 +2709,13 @@ class EntityEditFormComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditFormComponent, 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      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditFormComponent, 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      >\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: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *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      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$5.ActivatedRoute }], propDecorators: { title: [{
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }], propDecorators: { title: [{
                 type: Input
             }], entityId: [{
                 type: Input
@@ -2809,8 +2753,8 @@ class FieldMultiSelectComponent extends FieldComponent {
     getData() {
         return this.service.getPage(this.filter ? { filter: this.filter } : {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n    >\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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.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"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n    >\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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.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"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             {
                 provide: ControlContainer,
                 useExisting: FormGroupDirective,
@@ -2825,7 +2769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                             useExisting: FormGroupDirective,
                         },
                     ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n    >\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" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { service: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { service: [{
                 type: Input
             }], rebind: [{
                 type: Input
@@ -2843,6 +2787,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 type: Output
             }] } });
 
+class ConfirmDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ConfirmDialogComponent],
+                    imports: [TranslateModule, DialogModule],
+                    exports: [ConfirmDialogComponent],
+                }]
+        }] });
+
+class ExcelExportButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonModule, declarations: [ExcelExportButtonComponent], imports: [TranslateModule], exports: [ExcelExportButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonModule, imports: [TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ExcelExportButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ExcelExportButtonComponent],
+                    exports: [ExcelExportButtonComponent],
+                    imports: [TranslateModule],
+                }]
+        }] });
+
+class EntityListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, declarations: [EntityListComponent], imports: [CommonModule,
+            InputsModule,
+            TranslateModule,
+            ConfirmDialogModule,
+            RouterModule,
+            PagerModule,
+            GridModule,
+            ExcelModule,
+            FormsModule,
+            DebounceModule,
+            ExcelExportButtonModule,
+            RouterModule], exports: [EntityListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, imports: [CommonModule,
+            InputsModule,
+            TranslateModule,
+            ConfirmDialogModule,
+            RouterModule,
+            PagerModule,
+            GridModule,
+            ExcelModule,
+            FormsModule,
+            DebounceModule,
+            ExcelExportButtonModule,
+            RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EntityListComponent],
+                    exports: [EntityListComponent],
+                    imports: [
+                        CommonModule,
+                        InputsModule,
+                        TranslateModule,
+                        ConfirmDialogModule,
+                        RouterModule,
+                        PagerModule,
+                        GridModule,
+                        ExcelModule,
+                        FormsModule,
+                        DebounceModule,
+                        ExcelExportButtonModule,
+                        RouterModule,
+                    ],
+                }]
+        }] });
+
 const All = 'All';
 class FieldDropdownlistComponent {
     constructor(translate) {
@@ -2873,13 +2894,13 @@ class FieldDropdownlistComponent {
     initSelectedId(id) {
         this.initialSelectedId = id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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: "17.0.6", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdownlist', template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { service: [{
+        }], ctorParameters: () => [{ type: i2.TranslateService }], propDecorators: { service: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -2914,13 +2935,13 @@ class ModalWindowComponent {
             fragment: this.route.snapshot?.fragment,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ModalWindowComponent, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ModalWindowComponent, 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: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.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.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ModalWindowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'modal-window', template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [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"] }]
-        }], ctorParameters: () => [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }], propDecorators: { callbackPath: [{
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i1$4.Router }], propDecorators: { callbackPath: [{
                 type: Input
             }], title: [{
                 type: Input
@@ -2988,7 +3009,7 @@ class MulticheckFilterComponent {
         ], 'name');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
             type: Component,
@@ -3012,7 +3033,7 @@ class TopMenuComponent {
         document.body.classList.toggle('mini-navbar');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TopMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TopMenuComponent, 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      >\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\n        [routerLink]=\"['/security/admins', currentUser.id]\"\n        class=\"message-icons left container-login\"\n      >\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{ currentUser.userName }}</span>\n        <ng-content select=\".pad5left\"></ng-content>\n      </a>\n      <account-menu [user]=\"currentUser\" [menuItems]=\"menuItems\"></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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AccountMenuComponent, selector: "account-menu", inputs: ["user", "menuItems"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: TopMenuComponent, 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      >\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\n        [routerLink]=\"['/security/admins', currentUser.id]\"\n        class=\"message-icons left container-login\"\n      >\n        <span class=\"fa fa-user\" aria-hidden=\"true\"></span>\n        <span class=\"pad5left\">{{ currentUser.userName }}</span>\n        <ng-content select=\".pad5left\"></ng-content>\n      </a>\n      <account-menu [user]=\"currentUser\" [menuItems]=\"menuItems\"></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$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AccountMenuComponent, selector: "account-menu", inputs: ["user", "menuItems"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: TopMenuComponent, decorators: [{
             type: Component,
@@ -3036,7 +3057,6 @@ class FieldDropdownComponent extends FieldComponent {
         this.translate = translate;
         this.textField = defaultFieldName;
         this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -3080,14 +3100,12 @@ class FieldDropdownComponent extends FieldComponent {
                 .getPage(this.filter ? { filter: this.filter } : {})
                 .pipe(tap$1((x) => {
                 this.items = x.data;
-                if (this.canUpdateWithSelectedItem()) {
-                    const selectedItem = this.updateControlWithSelectedEntity(this.selectedItem.id);
-                    this.writeSelectedItemValueIfExists(selectedItem);
+                if (this.selectedItem) {
+                    this.handleSelectedEntityValues(this.selectedItem.id);
                 }
                 else {
                     this.updateControlWithSelectedEntity(this.control.value);
                 }
-                this.setFirstLoadFalse();
             }), map$1((x) => x.data));
         }
     }
@@ -3095,14 +3113,12 @@ class FieldDropdownComponent extends FieldComponent {
         let dataSubject = new BehaviorSubject(this.data);
         this.data$ = dataSubject.asObservable();
     }
-    canUpdateWithSelectedItem() {
-        return this.selectedItem && this.firstLoad;
-    }
-    getEntityById(entityId) {
-        return this.items.find((x) => x.id === entityId);
-    }
-    getEntityFromDataById(entityId) {
-        return this.data.find((x) => x.id === entityId);
+    handleSelectedEntityValues(entityId) {
+        const selectedEntity = this.updateControlWithSelectedEntity(entityId);
+        if (selectedEntity?.id) {
+            this.onValueChange(selectedEntity.id);
+            this.writeSelectedEntityValue(selectedEntity.id);
+        }
     }
     updateControlWithSelectedEntity(entityId) {
         const entity = this.getEntityById(entityId);
@@ -3114,6 +3130,12 @@ class FieldDropdownComponent extends FieldComponent {
         }
         return entity;
     }
+    getEntityFromDataById(entityId) {
+        return this.data.find((x) => x.id === entityId);
+    }
+    getEntityById(entityId) {
+        return this.items.find((x) => x.id === entityId);
+    }
     setControlValue(entity) {
         this.control.setValue(entity.id);
     }
@@ -3123,16 +3145,11 @@ class FieldDropdownComponent extends FieldComponent {
     emitSelectedEntity(entity) {
         this.selectedChange.emit(entity);
     }
-    writeSelectedItemValueIfExists(selectedItem) {
-        if (selectedItem) {
-            this.kendoDropDown.writeValue(selectedItem.id);
-        }
-    }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
+    writeSelectedEntityValue(selectedEntityId) {
+        this.kendoDropDown.writeValue(selectedEntityId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, 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\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\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: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, 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\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\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: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -3141,7 +3158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'field-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\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" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: i1$1.TranslateService }], propDecorators: { service: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }, { type: i2.TranslateService }], propDecorators: { service: [{
                 type: Input
             }], rebind: [{
                 type: Input
@@ -3200,7 +3217,7 @@ class ForbiddenComponent {
         this.accountService.logout();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ForbiddenComponent, deps: [{ token: AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ForbiddenComponent, 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"], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ForbiddenComponent, 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"], dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ForbiddenComponent, decorators: [{
             type: Component,
@@ -3221,20 +3238,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 }]
         }] });
 
-class ConfirmDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ConfirmDialogComponent],
-                    imports: [TranslateModule, DialogModule],
-                    exports: [ConfirmDialogComponent],
-                }]
-        }] });
-
 class KendoModule {
     static forRoot(config, servicesConfig) {
         let module = {
@@ -3267,10 +3270,8 @@ class KendoModule {
             LanguageSelectorComponent,
             EntityEditButtonsBarComponent,
             EntityEditFormComponent,
-            EntityListComponent,
             FieldMultiSelectComponent,
             FieldDropdownlistComponent,
-            ExcelExportButtonComponent,
             MulticheckFilterComponent,
             ActivityFilterComponent,
             ModalWindowComponent,
@@ -3298,7 +3299,9 @@ class KendoModule {
             FieldDropdownModule,
             CurrentTimeZoneModule,
             ConfirmDialogModule,
-            RequirePermissionModule], exports: [TopMenuComponent,
+            RequirePermissionModule,
+            EntityListModule,
+            ExcelExportButtonModule], exports: [TopMenuComponent,
             FooterBarComponent,
             AccountMenuComponent,
             LanguageSelectorComponent,
@@ -3315,11 +3318,11 @@ class KendoModule {
             ButtonsModule,
             EntityEditButtonsBarComponent,
             EntityEditFormComponent,
-            EntityListComponent,
+            EntityListModule,
             FieldMultiSelectComponent,
             FieldDropdownlistComponent,
             ConfirmDialogModule,
-            ExcelExportButtonComponent,
+            ExcelExportButtonModule,
             MulticheckFilterComponent,
             RequirePermissionModule,
             ActivityFilterComponent,
@@ -3362,7 +3365,9 @@ class KendoModule {
             FieldDropdownModule,
             CurrentTimeZoneModule,
             ConfirmDialogModule,
-            RequirePermissionModule, IndiginaModule,
+            RequirePermissionModule,
+            EntityListModule,
+            ExcelExportButtonModule, IndiginaModule,
             PopupModule,
             DropDownsModule,
             TooltipModule,
@@ -3373,7 +3378,9 @@ class KendoModule {
             ExcelModule,
             InputsModule,
             ButtonsModule,
+            EntityListModule,
             ConfirmDialogModule,
+            ExcelExportButtonModule,
             RequirePermissionModule,
             CurrentTimeZoneModule,
             MsalModule,
@@ -3389,10 +3396,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                         LanguageSelectorComponent,
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
-                        EntityListComponent,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
-                        ExcelExportButtonComponent,
                         MulticheckFilterComponent,
                         ActivityFilterComponent,
                         ModalWindowComponent,
@@ -3424,6 +3429,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                         CurrentTimeZoneModule,
                         ConfirmDialogModule,
                         RequirePermissionModule,
+                        EntityListModule,
+                        ExcelExportButtonModule,
                     ],
                     providers: [
                         {
@@ -3454,11 +3461,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                         ButtonsModule,
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
-                        EntityListComponent,
+                        EntityListModule,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
                         ConfirmDialogModule,
-                        ExcelExportButtonComponent,
+                        ExcelExportButtonModule,
                         MulticheckFilterComponent,
                         RequirePermissionModule,
                         ActivityFilterComponent,
@@ -3776,12 +3783,12 @@ class ActivityFilterService {
             this.currentFilter.customFilters.push(filter);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }, { token: dateFilterParameter }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterService, deps: [{ token: i1$4.ActivatedRoute }, { token: i1$4.Router }, { token: dateFilterParameter }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i1$4.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [dateFilterParameter]
                 }] }] });
@@ -3822,7 +3829,6 @@ class ObjectDropdownComponent extends FieldComponent {
         this.eref = eref;
         this.translate = translate;
         this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -3861,22 +3867,15 @@ class ObjectDropdownComponent extends FieldComponent {
         this.selectedChange.emit(entity);
     }
     writeSelectedItemIfExists(selectedItem) {
-        if (this.canUpdateWithSelectedItem()) {
+        if (this.selectedItem) {
             this.setControlValue(selectedItem);
         }
-        this.setFirstLoadFalse();
-    }
-    canUpdateWithSelectedItem() {
-        return this.selectedItem && this.firstLoad;
     }
     setControlValue(value) {
         this.control.setValue(value);
     }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ObjectDropdownComponent, 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\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ObjectDropdownComponent, 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\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | 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: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -3885,7 +3884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             args: [{ selector: 'object-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | 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" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: i1$1.TranslateService }], propDecorators: { fieldName: [{
+        }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }, { type: i2.TranslateService }], propDecorators: { fieldName: [{
                 type: Input
             }], labelKey: [{
                 type: Input
@@ -3932,5 +3931,5 @@ const momentTimezone = momentModule;
  * Generated bundle index. Do not edit.
  */
 
-export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityService, EventNames, ExcelExportButtonComponent, FieldComponent, FieldDateInputComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
+export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, DebounceModule, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityListModule, EntityService, EventNames, ExcelExportButtonComponent, ExcelExportButtonModule, FieldComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, GeneralErrorsModule, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
 //# sourceMappingURL=indigina-kendo.mjs.map