@stemy/ngx-dynamic-form 13.1.16 → 13.1.18

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, ViewChild, ViewContainerRef, forwardRef, NgModule } from '@angular/core';
-import { FormGroup, FormArray, NgForm, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
-import { first } from 'rxjs/operators';
+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 { debounceTime, first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 
 // --- Decorator functions ---
@@ -1030,7 +1030,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)
@@ -1121,15 +1121,18 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
     get status() {
         return !this.group ? null : this.group.status;
     }
+    submit() {
+        this.onSubmit.emit(this);
+    }
     ngOnChanges(changes) {
         this.groupSubscription.unsubscribe();
         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 });
             }));
@@ -1145,8 +1148,6 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
         }), this.events.languageChanged.subscribe(() => {
             this.formService.notifyChanges(this.model, this.group);
             this.formService.detectChanges(this);
-        }), this.ngForm.ngSubmit.subscribe(() => {
-            this.onSubmit.emit(this);
         }));
     }
     ngOnDestroy() {
@@ -1214,7 +1215,7 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
     }
 }
 DynamicBaseFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormComponent, deps: [{ token: DynamicFormService }, { token: EventsService }, { token: i0.ChangeDetectorRef }, { token: i1.DynamicFormComponentService }], target: i0.ɵɵFactoryTarget.Component });
-DynamicBaseFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicBaseFormComponent, selector: "dynamic-base-form", inputs: { group: "group", model: "model", layout: "layout", labelPrefix: "labelPrefix", getComponentType: "getComponentType" }, outputs: { blur: "blur", change: "change", focus: "focus", onValueChange: "onValueChange", onStatusChange: "onStatusChange", onSubmit: "onSubmit", onDetectChanges: "onDetectChanges" }, queries: [{ propertyName: "contentTemplates", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "ngForm", first: true, predicate: NgForm, descendants: true }, { propertyName: "viewTemplates", predicate: DynamicTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default });
+DynamicBaseFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicBaseFormComponent, selector: "dynamic-base-form", inputs: { group: "group", model: "model", layout: "layout", labelPrefix: "labelPrefix", getComponentType: "getComponentType" }, outputs: { blur: "blur", change: "change", focus: "focus", onValueChange: "onValueChange", onStatusChange: "onStatusChange", onSubmit: "onSubmit", onDetectChanges: "onDetectChanges" }, queries: [{ propertyName: "contentTemplates", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "viewTemplates", predicate: DynamicTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormComponent, decorators: [{
             type: Component,
             args: [{
@@ -1258,9 +1259,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 type: Output
             }], onDetectChanges: [{
                 type: Output
-            }], ngForm: [{
-                type: ViewChild,
-                args: [NgForm]
             }] } });
 
 class DynamicBaseFormControlContainerComponent extends DynamicFormControlContainerComponent {
@@ -1477,15 +1475,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);
         });
     }
@@ -1494,10 +1494,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,
@@ -1506,7 +1509,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