@stemy/ngx-dynamic-form 13.1.17 → 13.1.19

package/fesm2020/stemy-ngx-dynamic-form.mjs

@@ -4,11 +4,11 @@ import { __decorate } from 'tslib';
 import * as i1 from '@ng-dynamic-forms/core';
 import { DynamicInputControlModel, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, serializable, DynamicFormArrayGroupModel as DynamicFormArrayGroupModel$1, DynamicFormArrayModel as DynamicFormArrayModel$1, DynamicFormOption as DynamicFormOption$1, DynamicSelectModel as DynamicSelectModel$1, DynamicFormService as DynamicFormService$1, DynamicDatePickerModel, DynamicFormGroupModel, DynamicInputModel, DynamicFormValueControlModel, DynamicFileUploadModel, DynamicCheckboxModel, DynamicTextAreaModel, DynamicFormComponent, DynamicTemplateDirective, DynamicFormControlContainerComponent, DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DynamicFormArrayComponent, DynamicFormControlComponent, DynamicFormGroupComponent, DYNAMIC_FORM_CONTROL_MAP_FN, DYNAMIC_VALIDATORS } from '@ng-dynamic-forms/core';
 export { DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, DYNAMIC_FORM_CONTROL_TYPE_FILE_UPLOAD, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DynamicCheckboxGroupModel, DynamicCheckboxModel, DynamicDatePickerModel, DynamicFileUploadModel, DynamicFormControlComponent, DynamicFormGroupModel, DynamicFormsCoreModule, DynamicInputModel, DynamicListDirective, DynamicRadioGroupModel, DynamicTemplateDirective, DynamicTextAreaModel } from '@ng-dynamic-forms/core';
-import { BehaviorSubject, of, isObservable, map, Subject, firstValueFrom, Subscription, debounceTime, groupBy, mergeMap } from 'rxjs';
+import { BehaviorSubject, of, isObservable, map, Subject, firstValueFrom, Subscription, debounceTime as debounceTime$1, groupBy, mergeMap } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Injector, Injectable, Inject, EventEmitter, Directive, Input, Output, HostBinding, HostListener, QueryList, Component, ChangeDetectionStrategy, ContentChildren, ViewChildren, ViewContainerRef, ViewChild, forwardRef, NgModule } from '@angular/core';
 import { FormGroup, FormArray, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
-import { first } from 'rxjs/operators';
+import { debounceTime, first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 
 // --- Decorator functions ---
@@ -729,6 +729,7 @@ class DynamicFormService extends DynamicFormService$1 {
         const subSchemas = findRefs(property).map(ref => this.schemas[ref]);
         return Object.assign(this.getFormControlConfig(property, schema), {
             groupFactory: () => mergeFormModels(subSchemas.map(s => this.getFormModelForSchemaDef(s, customizeModels))),
+            initialCount: property.initialCount || 0,
             sortable: property.sortable || false,
             useTabs: property.useTabs || false,
             addItem: property.addItem !== false,
@@ -853,10 +854,14 @@ class DynamicFormService extends DynamicFormService$1 {
         }
         return new FormSelectSubject(async (selectModel, control) => {
             this.api.cache[property.endpoint] = this.api.cache[property.endpoint] || this.api.list(property.endpoint, this.api.makeListParams(1, -1)).then(result => {
-                return result.items.map(i => {
+                const items = ObjectUtils.isArray(result)
+                    ? result
+                    : (ObjectUtils.isArray(result.items) ? result.items : []);
+                return items.map(i => {
+                    const item = ObjectUtils.isObject(i) ? i : { id: i };
                     return {
-                        ...i,
-                        value: i.id || i._id, label: i[property.labelField] || i.label || i.id || i._id
+                        ...item,
+                        value: item.id || item._id, label: item[property.labelField] || item.label || item.id || item._id
                     };
                 });
             });
@@ -1030,7 +1035,7 @@ class AsyncSubmitDirective {
             }
             this.callback = null;
         });
-        this.onSubmit = this.form.onSubmit.subscribe(() => this.callMethod());
+        this.onSubmit = this.form.onSubmit.pipe(debounceTime(200)).subscribe(() => this.callMethod());
     }
     ngOnDestroy() {
         if (this.onStatusChange)
@@ -1129,10 +1134,10 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
         if (this.group) {
             this.groupSubscription = ObservableUtils.multiSubscription(this.group.statusChanges.subscribe(() => {
                 this.onStatusChange.emit(this);
-            }), this.group.valueChanges.pipe(debounceTime(500)).subscribe(() => {
+            }), this.group.valueChanges.pipe(debounceTime$1(500)).subscribe(() => {
                 this.formService.notifyChanges(this.model, this.group);
             }), this.change.pipe(groupBy(ev => ev.model))
-                .pipe(mergeMap(t => t.pipe(debounceTime(500))))
+                .pipe(mergeMap(t => t.pipe(debounceTime$1(500))))
                 .subscribe(ev => {
                 this.onValueChange.emit({ ...ev, form: this });
             }));
@@ -1475,15 +1480,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
             }] } });
 
 class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
-    constructor(cdr, layoutService, validationService) {
+    constructor(layoutService, validationService, form, injector, cdr) {
         super(layoutService, validationService);
+        this.form = form;
+        this.injector = injector;
         this.cdr = cdr;
         this.blur = new EventEmitter();
         this.change = new EventEmitter();
         this.focus = new EventEmitter();
     }
     ngAfterViewInit() {
-        this.subscription = this.control.valueChanges.pipe(debounceTime(500)).subscribe(value => {
+        this.subscription = this.control.valueChanges.pipe(debounceTime$1(500)).subscribe(value => {
             this.onValueChanged(value);
         });
     }
@@ -1492,10 +1499,13 @@ class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
             return;
         this.subscription.unsubscribe();
     }
+    submit() {
+        this.form.submit();
+    }
     onValueChanged(value) {
     }
 }
-DynamicBaseFormControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicBaseFormControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: DynamicBaseFormComponent }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 DynamicBaseFormControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicBaseFormControlComponent, selector: "dynamic-base-form-control", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlComponent, decorators: [{
             type: Component,
@@ -1504,7 +1514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     template: "",
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }]; }, propDecorators: { formLayout: [{
+        }], ctorParameters: function () { return [{ type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: DynamicBaseFormComponent }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formLayout: [{
                 type: Input
             }], group: [{
                 type: Input