@ngx-formly/core 6.2.0 → 6.2.1

package/fesm2015/ngx-formly-core.mjs

@@ -529,17 +529,16 @@ class FormlyFormBuilder {
         }
         if (!field.parent) {
             this._setOptions(field);
-            disableTreeValidityCall(field.form, () => {
-                var _a, _b;
-                this._build(field);
+        }
+        disableTreeValidityCall(field.form, () => {
+            var _a, _b;
+            this._build(field);
+            if (!field.parent) {
                 const options = field.options;
                 (_a = options.checkExpressions) === null || _a === void 0 ? void 0 : _a.call(options, field, true);
                 (_b = options.detectChanges) === null || _b === void 0 ? void 0 : _b.call(options, field);
-            });
-        }
-        else {
-            this._build(field);
-        }
+            }
+        });
     }
     _build(field) {
         var _a;
@@ -819,6 +818,7 @@ class FormlyField {
     triggerHook(name, changes) {
         var _a, _b;
         if (name === 'onInit' || (name === 'onChanges' && changes.field && !changes.field.firstChange)) {
+            this.valueChangesUnsubscribe();
             this.valueChangesUnsubscribe = this.fieldChanges(this.field);
         }
         if ((_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b[name]) {
@@ -906,7 +906,6 @@ class FormlyField {
         this.componentRefs = [];
     }
     fieldChanges(field) {
-        this.valueChangesUnsubscribe();
         if (!field) {
             return () => { };
         }
@@ -1311,7 +1310,7 @@ class FieldType {
     constructor() {
         this.field = {};
     }
-    set controls(controls) {
+    set _formlyControls(controls) {
         const f = this.field;
         f._localFields = controls
             .map((c) => c.control._fields || [])
@@ -1352,10 +1351,10 @@ class FieldType {
     }
 }
 FieldType.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FieldType, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FieldType.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FieldType, inputs: { field: "field" }, viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0 });
+FieldType.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FieldType, inputs: { field: "field" }, viewQueries: [{ propertyName: "_formlyControls", predicate: NgControl, descendants: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FieldType, decorators: [{
             type: Directive
-        }], propDecorators: { controls: [{
+        }], propDecorators: { _formlyControls: [{
                 type: ViewChildren,
                 args: [NgControl]
             }], field: [{
@@ -1506,6 +1505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }] });
 
 class FieldWrapper extends FieldType {
+    set _formlyControls(_) { }
     set _staticContent(content) {
         this.fieldComponent = content;
     }
@@ -1916,19 +1916,14 @@ class FieldValidationExtension {
         return (control) => {
             const errors = validatorOption.validation(control, field, validatorOption.options);
             if (isPromise(errors)) {
-                return errors.then((v) => this.handleAsyncResult(field, validatorName ? !!v : v, validatorOption));
+                return errors.then((v) => this.handleResult(field, validatorName ? !!v : v, validatorOption));
             }
             if (isObservable(errors)) {
-                return errors.pipe(map((v) => this.handleAsyncResult(field, validatorName ? !!v : v, validatorOption)));
+                return errors.pipe(map((v) => this.handleResult(field, validatorName ? !!v : v, validatorOption)));
             }
             return this.handleResult(field, validatorName ? !!errors : errors, validatorOption);
         };
     }
-    handleAsyncResult(field, errors, options) {
-        // workaround for https://github.com/angular/angular/issues/13200
-        field.options.detectChanges(field);
-        return this.handleResult(field, errors, options);
-    }
     handleResult(field, errors, { name, options }) {
         var _a, _b;
         if (typeof errors === 'boolean') {
@@ -2028,11 +2023,14 @@ class FieldFormExtension {
                         markForCheck = true;
                     }
                 }
-                if (null === c.validator || null === c.asyncValidator) {
+                if (null === c.validator && this.hasValidators(field, '_validators')) {
                     c.setValidators(() => {
                         const v = Validators.compose(this.mergeValidators(field, '_validators'));
                         return v ? v(c) : null;
                     });
+                    markForCheck = true;
+                }
+                if (null === c.asyncValidator && this.hasValidators(field, '_asyncValidators')) {
                     c.setAsyncValidators(() => {
                         const v = Validators.composeAsync(this.mergeValidators(field, '_asyncValidators'));
                         return v ? v(c) : of(null);
@@ -2054,6 +2052,17 @@ class FieldFormExtension {
         }
         return markForCheck;
     }
+    hasValidators(field, type) {
+        var _a, _b;
+        const c = field.formControl;
+        if (((_a = c === null || c === void 0 ? void 0 : c._fields) === null || _a === void 0 ? void 0 : _a.length) > 1 && c._fields.some((f) => f[type].length > 0)) {
+            return true;
+        }
+        else if (field[type].length > 0) {
+            return true;
+        }
+        return (_b = field.fieldGroup) === null || _b === void 0 ? void 0 : _b.some((f) => (f === null || f === void 0 ? void 0 : f.fieldGroup) && !hasKey(f) && this.hasValidators(f, type));
+    }
     mergeValidators(field, type) {
         var _a;
         const validators = [];