@indigina/kendo 1.2.0 → 1.2.3

package/fesm2020/indigina-kendo.mjs

@@ -22,13 +22,13 @@ 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, Injectable, ViewChildren, APP_INITIALIZER, NgModule, ViewChild } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, Component, NgModule, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, ChangeDetectionStrategy } from '@angular/core';
 import * as i1$4 from '@angular/forms';
-import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, UntypedFormGroup, FormsModule } from '@angular/forms';
+import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import * as i1$5 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
-import { Subject, of, BehaviorSubject, throwError, from } from 'rxjs';
+import { Subject, of, BehaviorSubject, throwError, from, tap as tap$1, map as map$1 } from 'rxjs';
 import { debounceTime, map, mergeMap, catchError, tap, filter, finalize } from 'rxjs/operators';
 import XmlBeautify from 'xml-beautify';
 import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
@@ -84,19 +84,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
             }] } });
 
 let id = 0;
+const disabledKey = 'disabled';
 class FieldComponent {
     constructor(parent, eref, defaultValue) {
         this.parent = parent;
         this.eref = eref;
         this.defaultValue = defaultValue;
         this.disabled = false;
-        this.disabledKey = 'disabled';
     }
     ngOnInit() {
+        this.id = '_' + this.fieldName + ++id;
+        this.setUp();
+    }
+    ngOnChanges() {
         this.setUp();
     }
     setUp() {
-        this.id = '_' + this.fieldName + ++id;
         const validators = [];
         for (const attr of this.eref.nativeElement.attributes) {
             const validator = this.setAttribute(attr.name, attr.value);
@@ -115,9 +118,10 @@ class FieldComponent {
         else {
             this.parent.form.addControl(this.fieldName, new UntypedFormControl(this.defaultValue, validators));
         }
+        this.updateState();
     }
     setAttribute(name, value) {
-        if (name === this.disabledKey) {
+        if (name === disabledKey) {
             this.disabled = true;
             return;
         }
@@ -125,9 +129,21 @@ class FieldComponent {
             return Validators.required;
         }
     }
+    updateState() {
+        const control = this.parent.form.get(this.fieldName);
+        if (!control) {
+            return;
+        }
+        if (this.disabled) {
+            control.disable();
+        }
+        else {
+            control.enable();
+        }
+    }
 }
 FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-FieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: FieldComponent, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, ngImport: i0 });
+FieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: FieldComponent, inputs: { labelKey: "labelKey", fieldName: "fieldName", disabled: "disabled" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }, { type: undefined }]; }, propDecorators: { labelKey: [{
@@ -156,14 +172,14 @@ class FieldInputComponent extends FieldComponent {
     }
 }
 FieldInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FieldInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+FieldInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FieldInputComponent, selector: "field-input", inputs: { labelKey: "labelKey", fieldName: "fieldName" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { labelKey: [{
                 type: Input
             }], fieldName: [{
@@ -231,18 +247,32 @@ class NumberInputComponent extends FieldInputComponent {
     }
 }
 NumberInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: NumberInputComponent, selector: "number-input", inputs: { isPositive: "isPositive" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
         { provide: ControlContainer, useExisting: FormGroupDirective },
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'number-input', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n      [attr.disabled]=\"disabled ? disabledKey : null\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        'Required' | translate: { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        'ValidEmail' | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ id }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\">\n    <input\n      [formControlName]=\"fieldName\"\n      id=\"{{ id }}\"\n      [type]=\"type\"\n      class=\"k-input\"\n      autocomplete=\"new-{{ fieldName }}\"\n      placeholder=\"{{ labelKey | translate }}\"\n    />\n    <ng-content></ng-content>\n    <div\n      class=\"bg-danger\"\n      *ngIf=\"\n        parent.form.get(fieldName) &&\n        parent.form.get(fieldName).invalid &&\n        parent.form.get(fieldName).touched\n      \"\n    >\n      <span *ngIf=\"parent.form.get(fieldName).errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['email']\">{{\n        \"ValidEmail\" | translate\n      }}</span>\n      <span *ngIf=\"parent.form.get(fieldName).errors['serverErrorMsg']\">{{\n        parent.form.get(fieldName).errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { isPositive: [{
                 type: Input
             }] } });
 
+class FieldInputModule {
+}
+FieldInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FieldInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FieldInputModule, declarations: [FieldInputComponent, NumberInputComponent], imports: [ReactiveFormsModule, FormsModule, TranslateModule, CommonModule], exports: [FieldInputComponent, NumberInputComponent] });
+FieldInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldInputModule, imports: [ReactiveFormsModule, FormsModule, TranslateModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FieldInputComponent, NumberInputComponent],
+                    exports: [FieldInputComponent, NumberInputComponent],
+                    imports: [ReactiveFormsModule, FormsModule, TranslateModule, CommonModule],
+                }]
+        }] });
+
 class GeneralErrorsComponent {
     constructor() {
         this.errors = [];
@@ -866,23 +896,21 @@ IndiginaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TreeViewComponent,
         TreeViewNodeComponent,
         DebounceDirective,
-        GeneralErrorsComponent,
-        FieldInputComponent,
-        NumberInputComponent], imports: [BrowserModule,
+        GeneralErrorsComponent], imports: [BrowserModule,
         HttpClientModule, i1$1.TranslateModule, LoadingBarHttpClientModule,
         CommonModule,
         RouterModule,
-        ReactiveFormsModule, i1$3.ToastrModule, BrowserAnimationsModule], exports: [SideMenuComponent,
+        ReactiveFormsModule, i1$3.ToastrModule, BrowserAnimationsModule,
+        FieldInputModule], exports: [SideMenuComponent,
         TreeViewComponent,
         DebounceDirective,
         GeneralErrorsComponent,
-        FieldInputComponent,
         TranslateModule,
         ClipboardModule,
         LoadingBarHttpClientModule,
         ToastrModule,
         BrowserAnimationsModule,
-        NumberInputComponent] });
+        FieldInputModule] });
 IndiginaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: IndiginaModule, providers: [
         {
             provide: APP_INITIALIZER,
@@ -914,11 +942,13 @@ IndiginaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         RouterModule,
         ReactiveFormsModule,
         ToastrModule.forRoot(),
-        BrowserAnimationsModule, TranslateModule,
+        BrowserAnimationsModule,
+        FieldInputModule, TranslateModule,
         ClipboardModule,
         LoadingBarHttpClientModule,
         ToastrModule,
-        BrowserAnimationsModule] });
+        BrowserAnimationsModule,
+        FieldInputModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: IndiginaModule, decorators: [{
             type: NgModule,
             args: [{
@@ -929,8 +959,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         TreeViewNodeComponent,
                         DebounceDirective,
                         GeneralErrorsComponent,
-                        FieldInputComponent,
-                        NumberInputComponent,
                     ],
                     imports: [
                         BrowserModule,
@@ -948,6 +976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         ReactiveFormsModule,
                         ToastrModule.forRoot(),
                         BrowserAnimationsModule,
+                        FieldInputModule,
                     ],
                     providers: [
                         {
@@ -972,13 +1001,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         TreeViewComponent,
                         DebounceDirective,
                         GeneralErrorsComponent,
-                        FieldInputComponent,
                         TranslateModule,
                         ClipboardModule,
                         LoadingBarHttpClientModule,
                         ToastrModule,
                         BrowserAnimationsModule,
-                        NumberInputComponent,
+                        FieldInputModule,
                     ],
                 }]
         }] });
@@ -2372,43 +2400,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                 type: Input
             }] } });
 
-class FieldDropdownComponent extends FieldComponent {
-    get control() {
-        return this.parent.form.get(this.fieldName);
-    }
-    constructor(parent, eref) {
-        super(parent, eref, '');
-        this.parent = parent;
-        this.eref = eref;
-        this.data = [];
-    }
-    async ngOnChanges() {
-        await this.getData();
-        this.control.setValue((this.data.find((d) => d.id === this.control.value) || this.data[0]).id);
-    }
-    getData() {
-        this.service
-            .getPage(this.filter ? { filter: this.filter } : {})
-            .subscribe((data) => (this.data = data.data));
-    }
-}
-FieldDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FieldDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter" }, 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=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [attr.disabled]=\"disabled ? 'disabled' : null\"\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", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
-        { provide: ControlContainer, useExisting: FormGroupDirective },
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'field-dropdown', viewProviders: [
-                        { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [attr.disabled]=\"disabled ? 'disabled' : null\"\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: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { service: [{
-                type: Input
-            }], rebind: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }] } });
-
 class FieldMultiSelectComponent extends FieldComponent {
     get control() {
         return this.parent.form.get(this.fieldName);
@@ -2628,6 +2619,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                 type: Input
             }] } });
 
+class FieldDropdownComponent extends FieldComponent {
+    get control() {
+        return this.parent.form.get(this.fieldName);
+    }
+    constructor(parent, eref) {
+        super(parent, eref, '');
+        this.parent = parent;
+        this.eref = eref;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.setData();
+    }
+    ngOnChanges() {
+        super.ngOnChanges();
+        this.setData();
+    }
+    setData() {
+        this.data$ = this.service
+            .getPage(this.filter ? { filter: this.filter } : {})
+            .pipe(tap$1((x) => {
+            const entity = x.data.find((d) => d.id === this.control.value) || x.data[0];
+            if (entity) {
+                this.control.setValue(entity.id);
+            }
+        }), map$1((x) => x.data));
+    }
+}
+FieldDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1$4.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FieldDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter" }, 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=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\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.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "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: [
+        { provide: ControlContainer, useExisting: FormGroupDirective },
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-dropdown', viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      textField=\"name\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\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: function () { return [{ type: i1$4.FormGroupDirective }, { type: i0.ElementRef }]; }, propDecorators: { service: [{
+                type: Input
+            }], rebind: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }] } });
+
+class FieldDropdownModule {
+}
+FieldDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FieldDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownModule, declarations: [FieldDropdownComponent], imports: [TranslateModule,
+        DropDownsModule,
+        ReactiveFormsModule,
+        CommonModule], exports: [FieldDropdownComponent] });
+FieldDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownModule, imports: [TranslateModule,
+        DropDownsModule,
+        ReactiveFormsModule,
+        CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: FieldDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FieldDropdownComponent],
+                    imports: [
+                        TranslateModule,
+                        DropDownsModule,
+                        ReactiveFormsModule,
+                        CommonModule,
+                    ],
+                    exports: [FieldDropdownComponent],
+                }]
+        }] });
+
 class KendoModule {
     static forRoot(config) {
         return {
@@ -2654,7 +2715,6 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         EntityEditButtonsBarComponent,
         EntityEditFormComponent,
         EntityListComponent,
-        FieldDropdownComponent,
         FieldMultiSelectComponent,
         FieldDropdownlistComponent,
         ConfirmDialogComponent,
@@ -2683,7 +2743,8 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         DropDownsModule,
         TooltipModule,
         DateInputsModule,
-        MsalModule], exports: [TopMenuComponent,
+        MsalModule,
+        FieldDropdownModule], exports: [TopMenuComponent,
         FooterBarComponent,
         AccountMenuComponent,
         LanguageSelectorComponent,
@@ -2702,7 +2763,6 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         EntityEditButtonsBarComponent,
         EntityEditFormComponent,
         EntityListComponent,
-        FieldDropdownComponent,
         FieldMultiSelectComponent,
         FieldDropdownlistComponent,
         ConfirmDialogComponent,
@@ -2715,7 +2775,8 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         LiveUpdatesControlComponent,
         MsalModule,
         AzureLoginCallbackComponent,
-        UserListAdminComponent] });
+        UserListAdminComponent,
+        FieldDropdownModule] });
 KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: KendoModule, providers: [
         {
             provide: HTTP_INTERCEPTORS,
@@ -2743,7 +2804,8 @@ KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         DropDownsModule,
         TooltipModule,
         DateInputsModule,
-        MsalModule, IndiginaModule,
+        MsalModule,
+        FieldDropdownModule, IndiginaModule,
         PopupModule,
         DropDownsModule,
         TooltipModule,
@@ -2755,7 +2817,8 @@ KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         ExcelModule,
         InputsModule,
         ButtonsModule,
-        MsalModule] });
+        MsalModule,
+        FieldDropdownModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: KendoModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2767,7 +2830,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
                         EntityListComponent,
-                        FieldDropdownComponent,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
                         ConfirmDialogComponent,
@@ -2800,6 +2862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         TooltipModule,
                         DateInputsModule,
                         MsalModule,
+                        FieldDropdownModule,
                     ],
                     providers: [
                         {
@@ -2832,7 +2895,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
                         EntityListComponent,
-                        FieldDropdownComponent,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
                         ConfirmDialogComponent,
@@ -2846,6 +2908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         MsalModule,
                         AzureLoginCallbackComponent,
                         UserListAdminComponent,
+                        FieldDropdownModule,
                     ],
                 }]
         }] });
@@ -3190,5 +3253,5 @@ const momentTimezone = momentModule;
  * Generated bundle index. Do not edit.
  */
 
-export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ContentTypesFormat, CurrentTimezoneComponent, DebounceDirective, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityService, EventNames, ExcelExportButtonComponent, FieldComponent, FieldDropdownComponent, FieldDropdownlistComponent, FieldInputComponent, FieldMultiSelectComponent, FieldTypes, FilterTargets, FooterBarComponent, FormGroupWithErrors, GeneralErrorsComponent, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
+export { AccountMenuComponent, AccountService, ActivityFilterComponent, ActivityFilterService, AppSettings, AppToastrService, AuthProvider, AuthProviderResolver, AzureLoginCallbackComponent, BaseAccountService, ConfirmDialogComponent, ContentTypesFormat, CurrentTimezoneComponent, DebounceDirective, EntityEditButtonsBarComponent, EntityEditComponent, EntityEditFormComponent, EntityListComponent, EntityService, EventNames, ExcelExportButtonComponent, FieldComponent, FieldDropdownComponent, FieldDropdownModule, FieldDropdownlistComponent, FieldInputComponent, FieldInputModule, FieldMultiSelectComponent, FieldTypes, FilterTargets, FooterBarComponent, FormGroupWithErrors, GeneralErrorsComponent, HttpCodes, HttpMethods, HttpService, IndiginaConfiguration, IndiginaModule, KendoModule, LanguageSelectorComponent, LiveUpdatesControlComponent, LocaleSettingsService, MSALInstanceFactory, MemberTypes, ModalWindowComponent, MulticheckFilterComponent, NumberInputComponent, Operators, PermissionTypes, PermissionsService, PrettifierFactory, ReEntrySubscription, RequirePermissionDirective, SettingsService, SideMenuComponent, SignalRService, TopMenuComponent, TreeViewComponent, UserListAdminComponent, buildActivityEndpoints, buildEntityEndpoints, endpoints, momentTimezone, urlDeserialize, urlSerialize };
 //# sourceMappingURL=indigina-kendo.mjs.map