@indigina/kendo 1.2.45 → 1.2.47

package/fesm2022/indigina-kendo.mjs

@@ -22,7 +22,7 @@ import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/common/http';
 import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, HostListener, Component, ChangeDetectionStrategy, NgModule, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, InjectionToken, Inject } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, Component, NgModule, ChangeDetectionStrategy, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, InjectionToken, Inject } from '@angular/core';
 import * as i1$4 from '@angular/forms';
 import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
@@ -30,8 +30,6 @@ import * as i1$5 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { Subject, of, BehaviorSubject, throwError, from, tap as tap$1, map as map$1 } from 'rxjs';
 import { debounceTime, map, mergeMap, catchError, tap, filter, take, finalize } from 'rxjs/operators';
-import * as i3 from '@progress/kendo-angular-dateinputs';
-import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import XmlBeautify from 'xml-beautify';
 import * as i4 from '@progress/kendo-angular-upload';
@@ -42,10 +40,12 @@ import { toODataString, filterBy, distinct } from '@progress/kendo-data-query';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
 import * as i6 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import * as i3$1 from '@progress/kendo-angular-dialog';
+import * as i3 from '@progress/kendo-angular-dialog';
 import { DialogModule, DialogsModule, WindowModule } from '@progress/kendo-angular-dialog';
 import * as i5 from '@progress/kendo-angular-grid';
 import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
+import * as i5$1 from '@progress/kendo-angular-dateinputs';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
 import * as i4$2 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { TooltipModule } from '@progress/kendo-angular-tooltip';
@@ -260,118 +260,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 type: Input
             }] } });
 
-class FieldDateInputComponent extends FieldComponent {
-    get control() {
-        return this.parent.form.get(this.fieldName);
-    }
-    constructor(parent, eref) {
-        super(parent, eref, null);
-        this.parent = parent;
-        this.eref = eref;
-        this.calendarType = 'classic';
-        this.readonly = false;
-        this.disabled = false;
-        this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
-    }
-    onValueChange(event) {
-        this.emitSelectedEntity(event);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.writeSelectedDateValueIfExists(this.selectedDate);
-    }
-    ngOnChanges() {
-        super.ngOnChanges();
-        this.writeSelectedDateValueIfExists(this.selectedDate);
-    }
-    emitSelectedEntity(entity) {
-        this.selectedChange.emit(entity);
-    }
-    writeSelectedDateValueIfExists(selectedDate) {
-        if (this.canUpdateWithSelectedDate()) {
-            this.setControlValue(selectedDate);
-        }
-        this.setFirstLoadFalse();
-    }
-    canUpdateWithSelectedDate() {
-        return this.selectedDate && this.firstLoad;
-    }
-    setControlValue(value) {
-        this.control.setValue(value);
-    }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDateInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDateInputComponent, selector: "field-date-input", inputs: { labelKey: "labelKey", fieldName: "fieldName", placeholderKey: "placeholderKey", min: "min", max: "max", calendarType: "calendarType", selectedDate: "selectedDate", readonly: "readonly", disabled: "disabled" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-datepicker\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [calendarType]=\"calendarType\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <ng-content></ng-content>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
-            { provide: ControlContainer, useExisting: FormGroupDirective },
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDateInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'field-date-input', viewProviders: [
-                        { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-datepicker\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [calendarType]=\"calendarType\"\n      placeholder=\"{{ placeholderKey | translate }}\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <ng-content></ng-content>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }], propDecorators: { labelKey: [{
-                type: Input
-            }], fieldName: [{
-                type: Input
-            }], placeholderKey: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], calendarType: [{
-                type: Input
-            }], selectedDate: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }] } });
-
 class FieldInputModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent,
-            NumberInputComponent,
-            FieldDateInputComponent], imports: [BrowserModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent, NumberInputComponent], imports: [BrowserModule,
             BrowserAnimationsModule,
             ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
-            DateInputsModule,
             TranslateModule,
-            CommonModule], exports: [FieldInputComponent, NumberInputComponent, FieldDateInputComponent] }); }
+            CommonModule], exports: [FieldInputComponent, NumberInputComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, imports: [BrowserModule,
             BrowserAnimationsModule,
             ButtonsModule,
             ReactiveFormsModule,
             FormsModule,
-            DateInputsModule,
             TranslateModule,
             CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        FieldInputComponent,
-                        NumberInputComponent,
-                        FieldDateInputComponent,
-                    ],
-                    exports: [FieldInputComponent, NumberInputComponent, FieldDateInputComponent],
+                    declarations: [FieldInputComponent, NumberInputComponent],
+                    exports: [FieldInputComponent, NumberInputComponent],
                     imports: [
                         BrowserModule,
                         BrowserAnimationsModule,
                         ButtonsModule,
                         ReactiveFormsModule,
                         FormsModule,
-                        DateInputsModule,
                         TranslateModule,
                         CommonModule,
                     ],
@@ -1906,7 +1822,7 @@ class LanguageSelectorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: LocaleSettingsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: LanguageSelectorComponent, selector: "language-selector", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:click": "clickedOutside($event)" } }, ngImport: i0, template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n", styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
@@ -2271,13 +2187,13 @@ class ConfirmDialogComponent {
             actions: this.dialogActions,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3$1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i3.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'confirm-dialog', template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n" }]
-        }], ctorParameters: () => [{ type: i3$1.DialogService }], propDecorators: { dialogActions: [{
+        }], ctorParameters: () => [{ type: i3.DialogService }], propDecorators: { dialogActions: [{
                 type: ViewChild,
                 args: ['dialogActions', { static: true }]
             }] } });
@@ -2675,7 +2591,7 @@ class ActivityFilterComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4$2.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4$2.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i3.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4$2.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4$2.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5$1.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
@@ -2915,7 +2831,7 @@ class ModalWindowComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ModalWindowComponent, deps: [{ token: i1$5.ActivatedRoute }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3$1.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3$1.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3$1.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ModalWindowComponent, selector: "modal-window", inputs: { callbackPath: "callbackPath", title: "title" }, ngImport: i0, template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\" [translate]=\"title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n", styles: [".modal-window{z-index:11002}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: i3.WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "component", type: i3.WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ModalWindowComponent, decorators: [{
             type: Component,
@@ -3036,7 +2952,6 @@ class FieldDropdownComponent extends FieldComponent {
         this.translate = translate;
         this.textField = defaultFieldName;
         this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -3080,14 +2995,12 @@ class FieldDropdownComponent extends FieldComponent {
                 .getPage(this.filter ? { filter: this.filter } : {})
                 .pipe(tap$1((x) => {
                 this.items = x.data;
-                if (this.canUpdateWithSelectedItem()) {
-                    const selectedItem = this.updateControlWithSelectedEntity(this.selectedItem.id);
-                    this.writeSelectedItemValueIfExists(selectedItem);
+                if (this.selectedItem) {
+                    this.handleSelectedEntityValues(this.selectedItem.id);
                 }
                 else {
                     this.updateControlWithSelectedEntity(this.control.value);
                 }
-                this.setFirstLoadFalse();
             }), map$1((x) => x.data));
         }
     }
@@ -3095,14 +3008,12 @@ class FieldDropdownComponent extends FieldComponent {
         let dataSubject = new BehaviorSubject(this.data);
         this.data$ = dataSubject.asObservable();
     }
-    canUpdateWithSelectedItem() {
-        return this.selectedItem && this.firstLoad;
-    }
-    getEntityById(entityId) {
-        return this.items.find((x) => x.id === entityId);
-    }
-    getEntityFromDataById(entityId) {
-        return this.data.find((x) => x.id === entityId);
+    handleSelectedEntityValues(entityId) {
+        const selectedEntity = this.updateControlWithSelectedEntity(entityId);
+        if (selectedEntity?.id) {
+            this.onValueChange(selectedEntity.id);
+            this.writeSelectedEntityValue(selectedEntity.id);
+        }
     }
     updateControlWithSelectedEntity(entityId) {
         const entity = this.getEntityById(entityId);
@@ -3114,6 +3025,12 @@ class FieldDropdownComponent extends FieldComponent {
         }
         return entity;
     }
+    getEntityFromDataById(entityId) {
+        return this.data.find((x) => x.id === entityId);
+    }
+    getEntityById(entityId) {
+        return this.items.find((x) => x.id === entityId);
+    }
     setControlValue(entity) {
         this.control.setValue(entity.id);
     }
@@ -3123,13 +3040,8 @@ class FieldDropdownComponent extends FieldComponent {
     emitSelectedEntity(entity) {
         this.selectedChange.emit(entity);
     }
-    writeSelectedItemValueIfExists(selectedItem) {
-        if (selectedItem) {
-            this.kendoDropDown.writeValue(selectedItem.id);
-        }
-    }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
+    writeSelectedEntityValue(selectedEntityId) {
+        this.kendoDropDown.writeValue(selectedEntityId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], viewProviders: [
@@ -3822,10 +3734,10 @@ class ObjectDropdownComponent extends FieldComponent {
         this.eref = eref;
         this.translate = translate;
         this.selectedChange = new EventEmitter();
-        this.firstLoad = true;
     }
     ngOnInit() {
         super.ngOnInit();
+        this.setInputData();
         this.writeSelectedItemIfExists(this.selectedItem);
         this.setDefaultItem();
     }
@@ -3837,8 +3749,13 @@ class ObjectDropdownComponent extends FieldComponent {
     }
     ngOnChanges() {
         super.ngOnChanges();
+        this.setInputData();
         this.writeSelectedItemIfExists(this.selectedItem);
     }
+    setInputData() {
+        let dataSubject = new BehaviorSubject(this.data);
+        this.data$ = dataSubject.asObservable();
+    }
     onValueChange(event) {
         if (event !== null) {
             const entity = this.getEntityByValue(event);
@@ -3855,22 +3772,15 @@ class ObjectDropdownComponent extends FieldComponent {
         this.selectedChange.emit(entity);
     }
     writeSelectedItemIfExists(selectedItem) {
-        if (this.canUpdateWithSelectedItem()) {
+        if (this.selectedItem) {
             this.setControlValue(selectedItem);
         }
-        this.setFirstLoadFalse();
-    }
-    canUpdateWithSelectedItem() {
-        return this.selectedItem && this.firstLoad;
     }
     setControlValue(value) {
         this.control.setValue(value);
     }
-    setFirstLoadFalse() {
-        this.firstLoad = false;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName" }, 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\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -3878,7 +3788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
             type: Component,
             args: [{ selector: 'object-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: i1$1.TranslateService }], propDecorators: { fieldName: [{
                 type: Input
             }], labelKey: [{
@@ -3889,6 +3799,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
                 type: Input
             }], defaultName: [{
                 type: Input
+            }], rebind: [{
+                type: Input
             }], selectedChange: [{
                 type: Output
             }] } });
@@ -3924,5 +3836,5 @@ const momentTimezone = momentModule;
  * Generated bundle index. Do not edit.
  */
 
-export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityService, EventNames, ExcelExportButtonComponent, FieldComponent, FieldDateInputComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
+export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ConfirmDialogModule, ContentTypesFormat, CurrentTimeZoneModule, CurrentTimezoneComponent, DebounceDirective, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityService, EventNames, ExcelExportButtonComponent, FieldComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldFileSelectComponent, FieldFileSelectModule, FieldFileUploadComponent, FieldFileUploadModule, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldTextAreaComponent, FieldTextAreaModule, FieldTypes, FilterTargets, FooterBarComponent, ForbiddenComponent, FormGroupWithErrors, GeneralErrorsComponent, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, ObjectDropdownComponent, ObjectDropdownModule, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, RequirePermissionModule, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
 //# sourceMappingURL=indigina-kendo.mjs.map