@indigina/kendo 1.2.30 → 1.2.32

package/fesm2022/indigina-kendo.mjs

@@ -39,13 +39,13 @@ import * as i3$1 from '@progress/kendo-angular-buttons';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
-import * as i5 from '@progress/kendo-angular-popup';
+import * as i6 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
 import * as i3 from '@progress/kendo-angular-dialog';
 import { DialogsModule, WindowModule } from '@progress/kendo-angular-dialog';
-import * as i5$1 from '@progress/kendo-angular-grid';
+import * as i5 from '@progress/kendo-angular-grid';
 import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
-import * as i5$2 from '@progress/kendo-angular-dateinputs';
+import * as i5$1 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';
@@ -1033,7 +1033,7 @@ class FieldFileUploadComponent extends FieldComponent {
         this.restrictions = this.defaultFileRestrictions;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", type: FieldFileUploadComponent, selector: "field-file-upload", inputs: { labelKey: "labelKey", 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=\"{{ labelKey | 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1041,9 +1041,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
             type: Component,
             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=\"{{ labelKey | 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"] }]
+                    ], 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: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
                 type: Input
+            }], placeholderKey: [{
+                type: Input
             }], fieldName: [{
                 type: Input
             }], multiple: [{
@@ -1110,7 +1112,7 @@ class FieldTextAreaComponent extends FieldComponent {
         this.readonly = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", type: FieldTextAreaComponent, selector: "field-textarea", inputs: { labelKey: "labelKey", 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=\"{{ labelKey | 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1118,9 +1120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
             type: Component,
             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=\"{{ labelKey | 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"] }]
+                    ], 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: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
                 type: Input
+            }], placeholderKey: [{
+                type: Input
             }], fieldName: [{
                 type: Input
             }], readonly: [{
@@ -1165,6 +1169,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
         }] });
 
 class FieldFileSelectComponent extends FieldComponent {
+    onFilesSelected(event) {
+        const selectedFiles = event.files.map((file) => file.rawFile);
+        this.filesSelected.emit(selectedFiles);
+    }
     constructor(parent, eref) {
         super(parent, eref, null);
         this.parent = parent;
@@ -1176,9 +1184,10 @@ class FieldFileSelectComponent extends FieldComponent {
         this.showFileList = true;
         this.disabled = false;
         this.restrictions = this.defaultFileRestrictions;
+        this.filesSelected = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", type: FieldFileSelectComponent, selector: "field-file-select", inputs: { labelKey: "labelKey", fieldName: "fieldName", multiple: "multiple", showFileList: "showFileList", disabled: "disabled", 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-fileselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControlName]=\"fieldName\"\n      [multiple]=\"multiple\"\n      [showFileList]=\"showFileList\"\n      [restrictions]=\"restrictions\"\n      [attr.disabled]=\"disabled\"\n    >\n      <kendo-upload-messages\n        select=\"{{ labelKey | 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ] }); }
 }
@@ -1186,9 +1195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
             type: Component,
             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    >\n      <kendo-upload-messages\n        select=\"{{ labelKey | 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"] }]
+                    ], 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: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
                 type: Input
+            }], placeholderKey: [{
+                type: Input
             }], fieldName: [{
                 type: Input
             }], multiple: [{
@@ -1199,6 +1210,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 type: Input
             }], restrictions: [{
                 type: Input
+            }], filesSelected: [{
+                type: Output
             }] } });
 
 class FieldFileSelectModule {
@@ -1833,11 +1846,11 @@ class AccountMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", 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          [href]=\"menuItem.link\"\n          [attr.data-icon]=\"menuItem.iconClass\"\n        >{{ menuItem.text | translate }}</a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: LanguageSelectorComponent, selector: "language-selector", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AccountMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'account-menu', template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <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          [href]=\"menuItem.link\"\n          [attr.data-icon]=\"menuItem.iconClass\"\n        >{{ menuItem.text | translate }}</a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n", styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"] }]
+            args: [{ selector: 'account-menu', 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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AccountService }, { type: AppSettings }]; }, propDecorators: { accountMenu: [{
                 type: ViewChild,
                 args: ['accountMenuElement']
@@ -2155,7 +2168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
 
 class ExcelExportButtonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ExcelExportButtonComponent, selector: "excel-export-button", ngImport: i0, template: "<button type=\"button\" kendoGridExcelCommand>\n  <em ngClass=\"fa fa-file-excel-o\"></em>\n  {{ 'Buttons.ExcelExport' | translate }}\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5$1.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5$1.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
             type: Component,
@@ -2345,7 +2358,7 @@ class EntityListComponent {
         this.getData();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", 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$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: i5$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i5$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i5$1.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i5$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: 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: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
@@ -2389,7 +2402,7 @@ class UserListAdminComponent extends EntityListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", 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$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: i5$1.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i5$1.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i5$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i5$1.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i5$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5$1.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5$1.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i5$1.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5$1.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5$1.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5$1.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5$1.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i5$1.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i5$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: 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: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: "component", type: ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "directive", type: RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UserListAdminComponent, decorators: [{
             type: Component,
@@ -2547,7 +2560,7 @@ class ActivityFilterComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: i5$2.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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: i5$1.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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
@@ -2787,13 +2800,15 @@ class ModalWindowComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", 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: "16.2.11", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", 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.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: "16.2.11", ngImport: i0, type: ModalWindowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'modal-window', template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"] }]
+            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: function () { return [{ type: i1$5.ActivatedRoute }, { type: i1$5.Router }]; }, propDecorators: { callbackPath: [{
                 type: Input
+            }], title: [{
+                type: Input
             }] } });
 
 const defaultValueKey = 'id';