@indigina/kendo 1.2.2 → 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, NgModule, Injectable, ViewChildren, APP_INITIALIZER, 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, 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';
@@ -93,13 +93,13 @@ class FieldComponent {
         this.disabled = false;
     }
     ngOnInit() {
+        this.id = '_' + this.fieldName + ++id;
         this.setUp();
     }
     ngOnChanges() {
-        this.updateState();
+        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);
@@ -2400,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    >\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    >\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);
@@ -2656,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 {
@@ -2682,7 +2715,6 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         EntityEditButtonsBarComponent,
         EntityEditFormComponent,
         EntityListComponent,
-        FieldDropdownComponent,
         FieldMultiSelectComponent,
         FieldDropdownlistComponent,
         ConfirmDialogComponent,
@@ -2711,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,
@@ -2730,7 +2763,6 @@ KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         EntityEditButtonsBarComponent,
         EntityEditFormComponent,
         EntityListComponent,
-        FieldDropdownComponent,
         FieldMultiSelectComponent,
         FieldDropdownlistComponent,
         ConfirmDialogComponent,
@@ -2743,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,
@@ -2771,7 +2804,8 @@ KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         DropDownsModule,
         TooltipModule,
         DateInputsModule,
-        MsalModule, IndiginaModule,
+        MsalModule,
+        FieldDropdownModule, IndiginaModule,
         PopupModule,
         DropDownsModule,
         TooltipModule,
@@ -2783,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: [{
@@ -2795,7 +2830,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
                         EntityListComponent,
-                        FieldDropdownComponent,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
                         ConfirmDialogComponent,
@@ -2828,6 +2862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         TooltipModule,
                         DateInputsModule,
                         MsalModule,
+                        FieldDropdownModule,
                     ],
                     providers: [
                         {
@@ -2860,7 +2895,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         EntityEditButtonsBarComponent,
                         EntityEditFormComponent,
                         EntityListComponent,
-                        FieldDropdownComponent,
                         FieldMultiSelectComponent,
                         FieldDropdownlistComponent,
                         ConfirmDialogComponent,
@@ -2874,6 +2908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                         MsalModule,
                         AzureLoginCallbackComponent,
                         UserListAdminComponent,
+                        FieldDropdownModule,
                     ],
                 }]
         }] });
@@ -3218,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, 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 };
+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