@indigina/kendo 1.2.52 → 1.2.54

package/fesm2022/indigina-kendo.mjs

@@ -30,6 +30,7 @@ import { Subject, of, BehaviorSubject, throwError, from, tap as tap$1, map as ma
 import { debounceTime, map, mergeMap, catchError, tap, filter, take, finalize } from 'rxjs/operators';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import XmlBeautify from 'xml-beautify';
+import { TreeViewModule } from '@progress/kendo-angular-treeview';
 import * as i4 from '@progress/kendo-angular-upload';
 import { UploadsModule } from '@progress/kendo-angular-upload';
 import * as i4$1 from '@progress/kendo-angular-inputs';
@@ -42,9 +43,9 @@ import * as i3 from '@progress/kendo-angular-dialog';
 import { WindowModule, DialogModule, DialogsModule } from '@progress/kendo-angular-dialog';
 import * as i6 from '@progress/kendo-angular-grid';
 import { PagerModule, GridModule, ExcelModule } from '@progress/kendo-angular-grid';
-import * as i5 from '@progress/kendo-angular-dateinputs';
+import * as i4$3 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
-import * as i4$3 from '@progress/kendo-angular-dropdowns';
+import * as i5 from '@progress/kendo-angular-dropdowns';
 import { DropDownListModule, DropDownsModule, MultiSelectModule } from '@progress/kendo-angular-dropdowns';
 import { TooltipModule } from '@progress/kendo-angular-tooltip';
 
@@ -891,6 +892,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 type: Input
             }] } });
 
+class IndiginaTreeViewModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IndiginaTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: IndiginaTreeViewModule, declarations: [TreeViewComponent, TreeViewNodeComponent], imports: [CommonModule, TranslateModule, TreeViewModule], exports: [TreeViewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IndiginaTreeViewModule, imports: [CommonModule, TranslateModule, TreeViewModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IndiginaTreeViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TreeViewComponent, TreeViewNodeComponent],
+                    imports: [CommonModule, TranslateModule, TreeViewModule],
+                    exports: [TreeViewComponent],
+                }]
+        }] });
+
 let defaultConfig = {
     langs: {
         getTranslation() {
@@ -928,15 +943,14 @@ class IndiginaModule {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IndiginaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: IndiginaModule, declarations: [SideMenuComponent,
-            MenuItemGroupComponent,
-            TreeViewComponent,
-            TreeViewNodeComponent], imports: [HttpClientModule, i2.TranslateModule, LoadingBarHttpClientModule,
+            MenuItemGroupComponent], imports: [HttpClientModule, i2.TranslateModule, LoadingBarHttpClientModule,
             CommonModule,
             RouterModule,
             ReactiveFormsModule, i1$2.ToastrModule, FieldInputModule,
             GeneralErrorsModule,
-            DebounceModule], exports: [SideMenuComponent,
-            TreeViewComponent,
+            DebounceModule,
+            IndiginaTreeViewModule], exports: [SideMenuComponent,
+            IndiginaTreeViewModule,
             DebounceModule,
             GeneralErrorsModule,
             TranslateModule,
@@ -976,7 +990,9 @@ class IndiginaModule {
             ToastrModule.forRoot(),
             FieldInputModule,
             GeneralErrorsModule,
-            DebounceModule, DebounceModule,
+            DebounceModule,
+            IndiginaTreeViewModule, IndiginaTreeViewModule,
+            DebounceModule,
             GeneralErrorsModule,
             TranslateModule,
             ClipboardModule,
@@ -990,8 +1006,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                     declarations: [
                         SideMenuComponent,
                         MenuItemGroupComponent,
-                        TreeViewComponent,
-                        TreeViewNodeComponent,
                     ],
                     imports: [
                         HttpClientModule,
@@ -1010,6 +1024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                         FieldInputModule,
                         GeneralErrorsModule,
                         DebounceModule,
+                        IndiginaTreeViewModule,
                     ],
                     providers: [
                         {
@@ -1031,7 +1046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                     ],
                     exports: [
                         SideMenuComponent,
-                        TreeViewComponent,
+                        IndiginaTreeViewModule,
                         DebounceModule,
                         GeneralErrorsModule,
                         TranslateModule,
@@ -1664,6 +1679,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 type: Input
             }] } });
 
+class LiveUpdatesControlModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: LiveUpdatesControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: LiveUpdatesControlModule, declarations: [LiveUpdatesControlComponent], imports: [CommonModule, TranslateModule], exports: [LiveUpdatesControlComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: LiveUpdatesControlModule, imports: [CommonModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: LiveUpdatesControlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LiveUpdatesControlComponent],
+                    imports: [CommonModule, TranslateModule],
+                    exports: [LiveUpdatesControlComponent],
+                }]
+        }] });
+
 class AuthProvider {
 }
 
@@ -2545,142 +2574,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: SettingsService }] });
 
-var FieldTypes;
-(function (FieldTypes) {
-    FieldTypes[FieldTypes["Text"] = 0] = "Text";
-    FieldTypes[FieldTypes["Checkbox"] = 1] = "Checkbox";
-    FieldTypes[FieldTypes["Dropdown"] = 2] = "Dropdown";
-    FieldTypes[FieldTypes["Multiselect"] = 3] = "Multiselect";
-})(FieldTypes || (FieldTypes = {}));
-
-const moment = momentModule['default'] || momentModule;
-class CurrentTimezoneComponent {
-    ngOnInit() {
-        const timeZone = moment.tz.guess();
-        this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'current-timezone', template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n" }]
-        }] });
-
-const allKey = 'All';
-const defaultValueField = 'id';
-class ActivityFilterComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this.showArchiveSwitcher = true;
-        this.showSearhText = true;
-        this.FieldTypes = FieldTypes;
-        this.defaultNamedModel = {
-            name: this.translate.instant(allKey),
-            id: null,
-        };
-    }
-    ngOnInit() {
-        this.customFilterElements?.forEach((element) => (element.valueField = element.valueField
-            ? element.valueField
-            : defaultValueField));
-        this.filterService.filter$.subscribe((filter) => {
-            this.filter = filter;
-            this.changeFilter();
-        });
-    }
-    ngOnChanges() {
-        this.changeFilter();
-    }
-    setTodayFilter() {
-        this.filterService.setToday();
-    }
-    clearFilter() {
-        this.customFilterElements?.forEach((element) => {
-            element.filter.value = null;
-            if (element.filter.values) {
-                element.filter.values = [];
-            }
-        });
-        this.filterService.reset();
-        this.emitChangeEvents();
-    }
-    applyFilter() {
-        this.setCustomFilters();
-        this.filterService.applyFilter(this.filter);
-    }
-    fieldChange(value, element) {
-        if (element.change) {
-            element.change(value);
-        }
-    }
-    fillFilter() {
-        if (!this.filter) {
-            return;
-        }
-        this.customFilterElements?.forEach((element) => {
-            element.filter = { ...element.filter, value: null, values: null };
-        });
-        this.filter.customFilters?.forEach((filter) => {
-            const element = this.customFilterElements?.find((x) => x.filter.field === filter.field &&
-                x.filter.filterTarget === filter.filterTarget);
-            if (element) {
-                element.filter = Object.assign({}, filter);
-            }
-        });
-    }
-    setCustomFilters() {
-        this.customFilterElements?.forEach((element) => {
-            const index = this.filter.customFilters?.findIndex((x) => x.field === element.filter.field);
-            if (index !== -1) {
-                this.filter.customFilters.splice(index, 1);
-            }
-        });
-        this.customFilterElements?.forEach((element) => this.filter.customFilters.push(element.filter));
-    }
-    fixMultiselectFilters() {
-        const multiSelectFilters = this.customFilterElements?.map((element) => {
-            if (element.fieldType === FieldTypes.Multiselect) {
-                return element.filter;
-            }
-        });
-        if (multiSelectFilters) {
-            multiSelectFilters.forEach((filter) => {
-                if (filter?.value) {
-                    filter.values = [filter.value];
-                    filter.value = null;
-                }
-            });
-        }
-    }
-    changeFilter() {
-        this.fillFilter();
-        this.fixMultiselectFilters();
-        this.emitChangeEvents();
-    }
-    emitChangeEvents() {
-        this.customFilterElements?.forEach((element) => {
-            if (element.filter.value || element.filter.values) {
-                this.fieldChange(element.filter.value ?? element.filter.values, element);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$3.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$3.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$3.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'activity-filter', template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"] }]
-        }], ctorParameters: () => [{ type: i2.TranslateService }], propDecorators: { showArchiveSwitcher: [{
-                type: Input
-            }], showSearhText: [{
-                type: Input
-            }], customFilterElements: [{
-                type: Input
-            }], filterService: [{
-                type: Input
-            }] } });
-
 class EntityEditButtonsBarComponent {
     constructor() {
         this.save = new EventEmitter();
@@ -2950,7 +2843,7 @@ class FieldDropdownlistComponent {
         this.initialSelectedId = id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort", filter: "filter" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i4$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort", filter: "filter" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
             type: Component,
@@ -2984,112 +2877,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 }]
         }] });
 
-class ModalWindowComponent {
-    constructor(route, router) {
-        this.route = route;
-        this.router = router;
-        this.opened = true;
-    }
-    close() {
-        this.opened = false;
-        this.router.navigate([this.callbackPath], {
-            relativeTo: this.route,
-            fragment: this.route.snapshot?.fragment,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'modal-window', template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i1$4.Router }], propDecorators: { callbackPath: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }] } });
-
-const defaultValueKey = 'id';
-class MulticheckFilterComponent {
-    constructor() {
-        this.valueChange = new EventEmitter();
-        this.showFilter = true;
-        this.value = [];
-        this.filters = [];
-    }
-    get ValueKey() {
-        return this.valueField ? this.valueField : defaultValueKey;
-    }
-    ngAfterViewInit() {
-        this.currentData = this.data;
-        if (this.currentData && this.currentData.length) {
-            this.traverseFilters(this.currentFilter);
-            this.value = this.filters.map((f) => f.value);
-            this.showFilter = typeof this.currentData[0].name === 'string';
-        }
-    }
-    traverseFilters(filters) {
-        let compositeFilterDescriptor = filters;
-        if (compositeFilterDescriptor.filters) {
-            for (let i = 0; i < compositeFilterDescriptor.filters.length; i++) {
-                const innerFilter = compositeFilterDescriptor.filters[i];
-                if (innerFilter.value && innerFilter.field === this.field) {
-                    this.filters.push(innerFilter);
-                }
-                this.traverseFilters(innerFilter);
-            }
-        }
-    }
-    isItemSelected(item) {
-        return this.value.some((x) => x === item[this.ValueKey]);
-    }
-    onSelectionChange(item) {
-        const selectedValue = item[this.ValueKey];
-        if (this.value.some((x) => x === selectedValue)) {
-            this.value = this.value.filter((x) => x !== selectedValue);
-        }
-        else {
-            this.value.push(selectedValue);
-        }
-        this.filterService.filter({
-            filters: this.value.map((value) => ({
-                field: this.field,
-                operator: 'eq',
-                value,
-            })),
-            logic: 'or',
-        });
-    }
-    onInput(e) {
-        this.currentData = distinct([
-            ...this.currentData.filter((dataItem) => this.value.some((val) => val === dataItem.id)),
-            ...filterBy(this.data, {
-                operator: 'contains',
-                field: 'name',
-                value: e.target.value,
-            }),
-        ], 'name');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'multicheck-filter', template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"] }]
-        }], propDecorators: { currentFilter: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], filterService: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
 const SelectValue$1 = 'Select value';
 const defaultFieldName = 'name';
 class FieldDropdownComponent extends FieldComponent {
@@ -3195,7 +2982,7 @@ class FieldDropdownComponent extends FieldComponent {
         this.kendoDropDown.writeValue(selectedEntityId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -3270,7 +3057,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             args: [{ selector: 'app-forbidden', template: "<div class=\"container body-content\">\n  <h2>Forbidden</h2>\n  <h4>\n    You do not have permission to view this page. Please contact your\n    administrator.\n  </h4>\n  <h4>\n    <button\n      class=\"btn btn-success\"\n      (click)=\"logout()\"\n      translate=\"Logout\"\n      data-icon=\"sign-out\"\n    ></button>\n  </h4>\n</div>\n", styles: ["::ng-deep #preloader{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: AccountService }] });
 
-class CurrentTimeZoneModule {
+const moment = momentModule['default'] || momentModule;
+class CurrentTimezoneComponent {
+    ngOnInit() {
+        const timeZone = moment.tz.guess();
+        this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'current-timezone', template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n" }]
+        }] });
+
+class CurrentTimeZoneModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, declarations: [CurrentTimezoneComponent], imports: [TranslateModule], exports: [CurrentTimezoneComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, imports: [TranslateModule] }); }
@@ -3311,11 +3112,14 @@ class FieldMultiSelectComponent extends FieldComponent {
         }
         this.control.value.length > 0 && event.preventDefault();
     }
+    onValueChange(value) {
+        this.changed.emit(value);
+    }
     getData() {
         return this.service.getPage(this.filter ? { filter: this.filter } : {});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\"\n         [translate]=\"labelKey\"\n         [for]=\"'_' + fieldName\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">\n        {{ \"Required\" | translate : { param0: labelKey | translate } }}\n      </span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">\n        {{ control.errors['serverErrorMsg'] }}\n      </span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.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: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\"\n         [translate]=\"labelKey\"\n         [for]=\"'_' + fieldName\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n        (valueChange)=\"onValueChange($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">\n        {{ \"Required\" | translate : { param0: labelKey | translate } }}\n      </span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">\n        {{ control.errors['serverErrorMsg'] }}\n      </span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             {
                 provide: ControlContainer,
                 useExisting: FormGroupDirective,
@@ -3329,7 +3133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                             provide: ControlContainer,
                             useExisting: FormGroupDirective,
                         },
-                    ], template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\"\n         [translate]=\"labelKey\"\n         [for]=\"'_' + fieldName\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">\n        {{ \"Required\" | translate : { param0: labelKey | translate } }}\n      </span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">\n        {{ control.errors['serverErrorMsg'] }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"form-group\">\n  <label class=\"col-md-3 control-label\"\n         [translate]=\"labelKey\"\n         [for]=\"'_' + fieldName\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n        [id]=\"'_' + fieldName\"\n        [formControl]=\"control\"\n        [data]=\"data\"\n        [autoClose]=\"autoClose\"\n        [textField]=\"textField\"\n        [valueField]=\"valueField\"\n        [valuePrimitive]=\"true\"\n        (open)=\"onPopupOpen($event)\"\n        (valueChange)=\"onValueChange($event)\"\n    ></kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">\n        {{ \"Required\" | translate : { param0: labelKey | translate } }}\n      </span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">\n        {{ control.errors['serverErrorMsg'] }}\n      </span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$3.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { service: [{
                 type: Input
             }], rebind: [{
@@ -3445,6 +3249,296 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 }]
         }] });
 
+var FieldTypes;
+(function (FieldTypes) {
+    FieldTypes[FieldTypes["Text"] = 0] = "Text";
+    FieldTypes[FieldTypes["Checkbox"] = 1] = "Checkbox";
+    FieldTypes[FieldTypes["Dropdown"] = 2] = "Dropdown";
+    FieldTypes[FieldTypes["Multiselect"] = 3] = "Multiselect";
+})(FieldTypes || (FieldTypes = {}));
+
+const allKey = 'All';
+const defaultValueField = 'id';
+class ActivityFilterComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.showArchiveSwitcher = true;
+        this.showSearhText = true;
+        this.FieldTypes = FieldTypes;
+        this.defaultNamedModel = {
+            name: this.translate.instant(allKey),
+            id: null,
+        };
+    }
+    ngOnInit() {
+        this.customFilterElements?.forEach((element) => (element.valueField = element.valueField
+            ? element.valueField
+            : defaultValueField));
+        this.filterService.filter$.subscribe((filter) => {
+            this.filter = filter;
+            this.changeFilter();
+        });
+    }
+    ngOnChanges() {
+        this.changeFilter();
+    }
+    setTodayFilter() {
+        this.filterService.setToday();
+    }
+    clearFilter() {
+        this.customFilterElements?.forEach((element) => {
+            element.filter.value = null;
+            if (element.filter.values) {
+                element.filter.values = [];
+            }
+        });
+        this.filterService.reset();
+        this.emitChangeEvents();
+    }
+    applyFilter() {
+        this.setCustomFilters();
+        this.filterService.applyFilter(this.filter);
+    }
+    fieldChange(value, element) {
+        if (element.change) {
+            element.change(value);
+        }
+    }
+    fillFilter() {
+        if (!this.filter) {
+            return;
+        }
+        this.customFilterElements?.forEach((element) => {
+            element.filter = { ...element.filter, value: null, values: null };
+        });
+        this.filter.customFilters?.forEach((filter) => {
+            const element = this.customFilterElements?.find((x) => x.filter.field === filter.field &&
+                x.filter.filterTarget === filter.filterTarget);
+            if (element) {
+                element.filter = Object.assign({}, filter);
+            }
+        });
+    }
+    setCustomFilters() {
+        this.customFilterElements?.forEach((element) => {
+            const index = this.filter.customFilters?.findIndex((x) => x.field === element.filter.field);
+            if (index !== -1) {
+                this.filter.customFilters.splice(index, 1);
+            }
+        });
+        this.customFilterElements?.forEach((element) => this.filter.customFilters.push(element.filter));
+    }
+    fixMultiselectFilters() {
+        const multiSelectFilters = this.customFilterElements?.map((element) => {
+            if (element.fieldType === FieldTypes.Multiselect) {
+                return element.filter;
+            }
+        });
+        if (multiSelectFilters) {
+            multiSelectFilters.forEach((filter) => {
+                if (filter?.value) {
+                    filter.values = [filter.value];
+                    filter.value = null;
+                }
+            });
+        }
+    }
+    changeFilter() {
+        this.fillFilter();
+        this.fixMultiselectFilters();
+        this.emitChangeEvents();
+    }
+    emitChangeEvents() {
+        this.customFilterElements?.forEach((element) => {
+            if (element.filter.value || element.filter.values) {
+                this.fieldChange(element.filter.value ?? element.filter.values, element);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$3.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: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i5.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'activity-filter', template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i2.TranslateService }], propDecorators: { showArchiveSwitcher: [{
+                type: Input
+            }], showSearhText: [{
+                type: Input
+            }], customFilterElements: [{
+                type: Input
+            }], filterService: [{
+                type: Input
+            }] } });
+
+class ActivityFilterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterModule, declarations: [ActivityFilterComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            FormsModule,
+            TranslateModule,
+            DateInputsModule,
+            DropDownsModule,
+            CurrentTimeZoneModule], exports: [ActivityFilterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            FormsModule,
+            TranslateModule,
+            DateInputsModule,
+            DropDownsModule,
+            CurrentTimeZoneModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ActivityFilterComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TranslateModule,
+                        DateInputsModule,
+                        DropDownsModule,
+                        CurrentTimeZoneModule,
+                    ],
+                    exports: [ActivityFilterComponent],
+                }]
+        }] });
+
+class ModalWindowComponent {
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+        this.opened = true;
+    }
+    close() {
+        this.opened = false;
+        this.router.navigate([this.callbackPath], {
+            relativeTo: this.route,
+            fragment: this.route.snapshot?.fragment,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'modal-window', template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"] }]
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i1$4.Router }], propDecorators: { callbackPath: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class ModalWindowModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowModule, declarations: [ModalWindowComponent], imports: [CommonModule, RouterModule, WindowModule], exports: [ModalWindowComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowModule, imports: [CommonModule, RouterModule, WindowModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ModalWindowModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ModalWindowComponent],
+                    imports: [CommonModule, RouterModule, WindowModule],
+                    exports: [ModalWindowComponent],
+                }]
+        }] });
+
+const defaultValueKey = 'id';
+class MulticheckFilterComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+        this.showFilter = true;
+        this.value = [];
+        this.filters = [];
+    }
+    get ValueKey() {
+        return this.valueField ? this.valueField : defaultValueKey;
+    }
+    ngAfterViewInit() {
+        this.currentData = this.data;
+        if (this.currentData && this.currentData.length) {
+            this.traverseFilters(this.currentFilter);
+            this.value = this.filters.map((f) => f.value);
+            this.showFilter = typeof this.currentData[0].name === 'string';
+        }
+    }
+    traverseFilters(filters) {
+        let compositeFilterDescriptor = filters;
+        if (compositeFilterDescriptor.filters) {
+            for (let i = 0; i < compositeFilterDescriptor.filters.length; i++) {
+                const innerFilter = compositeFilterDescriptor.filters[i];
+                if (innerFilter.value && innerFilter.field === this.field) {
+                    this.filters.push(innerFilter);
+                }
+                this.traverseFilters(innerFilter);
+            }
+        }
+    }
+    isItemSelected(item) {
+        return this.value.some((x) => x === item[this.ValueKey]);
+    }
+    onSelectionChange(item) {
+        const selectedValue = item[this.ValueKey];
+        if (this.value.some((x) => x === selectedValue)) {
+            this.value = this.value.filter((x) => x !== selectedValue);
+        }
+        else {
+            this.value.push(selectedValue);
+        }
+        this.filterService.filter({
+            filters: this.value.map((value) => ({
+                field: this.field,
+                operator: 'eq',
+                value,
+            })),
+            logic: 'or',
+        });
+    }
+    onInput(e) {
+        this.currentData = distinct([
+            ...this.currentData.filter((dataItem) => this.value.some((val) => val === dataItem.id)),
+            ...filterBy(this.data, {
+                operator: 'contains',
+                field: 'name',
+                value: e.target.value,
+            }),
+        ], 'name');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: MulticheckFilterComponent, selector: "multicheck-filter", inputs: { currentFilter: "currentFilter", data: "data", filterService: "filterService", field: "field", valueField: "valueField" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'multicheck-filter', template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n", styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"] }]
+        }], propDecorators: { currentFilter: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], filterService: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], valueField: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class MulticheckFilterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterModule, declarations: [MulticheckFilterComponent], imports: [CommonModule], exports: [MulticheckFilterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MulticheckFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MulticheckFilterComponent],
+                    imports: [CommonModule],
+                    exports: [MulticheckFilterComponent],
+                }]
+        }] });
+
 class KendoModule {
     static forRoot(config, servicesConfig) {
         let module = {
@@ -3471,11 +3565,7 @@ class KendoModule {
         return module;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: KendoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: KendoModule, declarations: [MulticheckFilterComponent,
-            ActivityFilterComponent,
-            ModalWindowComponent,
-            LiveUpdatesControlComponent,
-            AzureLoginCallbackComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: KendoModule, declarations: [AzureLoginCallbackComponent,
             UserListAdminComponent,
             ForbiddenComponent], imports: [CommonModule,
             RouterModule,
@@ -3499,6 +3589,7 @@ class KendoModule {
             CurrentTimeZoneModule,
             ConfirmDialogModule,
             RequirePermissionModule,
+            ActivityFilterModule,
             EntityListModule,
             ExcelExportButtonModule,
             EntityEditFormModule,
@@ -3508,7 +3599,10 @@ class KendoModule {
             FooterBarModule,
             TopBarModule,
             AccountMenuModule,
-            LanguageSelectorModule], exports: [IndiginaModule,
+            LanguageSelectorModule,
+            ModalWindowModule,
+            MulticheckFilterModule,
+            LiveUpdatesControlModule], exports: [IndiginaModule,
             PopupModule,
             DropDownsModule,
             TooltipModule,
@@ -3525,12 +3619,11 @@ class KendoModule {
             FieldDropdownlistModule,
             ConfirmDialogModule,
             ExcelExportButtonModule,
-            MulticheckFilterComponent,
+            MulticheckFilterModule,
             RequirePermissionModule,
-            ActivityFilterComponent,
+            ActivityFilterModule,
             CurrentTimeZoneModule,
-            ModalWindowComponent,
-            LiveUpdatesControlComponent,
+            LiveUpdatesControlModule,
             MsalModule,
             AzureLoginCallbackComponent,
             UserListAdminComponent,
@@ -3538,7 +3631,8 @@ class KendoModule {
             ForbiddenComponent,
             FieldMultiselectModule,
             AccountMenuModule,
-            LanguageSelectorModule] }); }
+            LanguageSelectorModule,
+            ModalWindowModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: KendoModule, providers: [
             {
                 provide: HTTP_INTERCEPTORS,
@@ -3571,6 +3665,7 @@ class KendoModule {
             CurrentTimeZoneModule,
             ConfirmDialogModule,
             RequirePermissionModule,
+            ActivityFilterModule,
             EntityListModule,
             ExcelExportButtonModule,
             EntityEditFormModule,
@@ -3580,7 +3675,10 @@ class KendoModule {
             FooterBarModule,
             TopBarModule,
             AccountMenuModule,
-            LanguageSelectorModule, IndiginaModule,
+            LanguageSelectorModule,
+            ModalWindowModule,
+            MulticheckFilterModule,
+            LiveUpdatesControlModule, IndiginaModule,
             PopupModule,
             DropDownsModule,
             TooltipModule,
@@ -3597,22 +3695,22 @@ class KendoModule {
             FieldDropdownlistModule,
             ConfirmDialogModule,
             ExcelExportButtonModule,
+            MulticheckFilterModule,
             RequirePermissionModule,
+            ActivityFilterModule,
             CurrentTimeZoneModule,
+            LiveUpdatesControlModule,
             MsalModule,
             FieldDropdownModule,
             FieldMultiselectModule,
             AccountMenuModule,
-            LanguageSelectorModule] }); }
+            LanguageSelectorModule,
+            ModalWindowModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: KendoModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        MulticheckFilterComponent,
-                        ActivityFilterComponent,
-                        ModalWindowComponent,
-                        LiveUpdatesControlComponent,
                         AzureLoginCallbackComponent,
                         UserListAdminComponent,
                         ForbiddenComponent,
@@ -3640,6 +3738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                         CurrentTimeZoneModule,
                         ConfirmDialogModule,
                         RequirePermissionModule,
+                        ActivityFilterModule,
                         EntityListModule,
                         ExcelExportButtonModule,
                         EntityEditFormModule,
@@ -3650,6 +3749,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                         TopBarModule,
                         AccountMenuModule,
                         LanguageSelectorModule,
+                        ModalWindowModule,
+                        MulticheckFilterModule,
+                        LiveUpdatesControlModule,
                     ],
                     providers: [
                         {
@@ -3680,12 +3782,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                         FieldDropdownlistModule,
                         ConfirmDialogModule,
                         ExcelExportButtonModule,
-                        MulticheckFilterComponent,
+                        MulticheckFilterModule,
                         RequirePermissionModule,
-                        ActivityFilterComponent,
+                        ActivityFilterModule,
                         CurrentTimeZoneModule,
-                        ModalWindowComponent,
-                        LiveUpdatesControlComponent,
+                        LiveUpdatesControlModule,
                         MsalModule,
                         AzureLoginCallbackComponent,
                         UserListAdminComponent,
@@ -3694,6 +3795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                         FieldMultiselectModule,
                         AccountMenuModule,
                         LanguageSelectorModule,
+                        ModalWindowModule,
                     ],
                 }]
         }] });
@@ -4067,7 +4169,7 @@ class ObjectDropdownComponent extends FieldComponent {
         this.control.setValue(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1$3.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4123,5 +4225,5 @@ const momentTimezone = momentModule;
  * Generated bundle index. Do not edit.
  */
 
-export { AccountMenuComponent, AccountMenuModule, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, DebounceModule, EntityEditButtonsBarComponent, EntityEditButtonsBarModule, EntityEditComponent, EntityEditFormComponent, EntityEditFormModule, EntityListComponent, EntityListModule, EntityService, EventNames, ExcelExportButtonComponent, ExcelExportButtonModule, FieldComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldDropdownlistModule, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldMultiselectModule, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, FooterBarModule, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, GeneralErrorsModule, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LanguageSelectorModule, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopBarModule, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
+export { AccountMenuComponent, AccountMenuModule, AccountService, ActivityFilterComponent, ActivityFilterModule, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, DebounceModule, EntityEditButtonsBarComponent, EntityEditButtonsBarModule, EntityEditComponent, EntityEditFormComponent, EntityEditFormModule, EntityListComponent, EntityListModule, EntityService, EventNames, ExcelExportButtonComponent, ExcelExportButtonModule, FieldComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldDropdownlistModule, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldMultiselectModule, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, FooterBarModule, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, GeneralErrorsModule, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, IndiginaTreeViewModule, KendoModule, LanguageSelectorComponent, LanguageSelectorModule, LiveUpdatesControlComponent, LiveUpdatesControlModule, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, ModalWindowModule, MulticheckFilterComponent, MulticheckFilterModule, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopBarModule, TopMenuComponent, TreeViewComponent, TreeViewNodeComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
 //# sourceMappingURL=indigina-kendo.mjs.map