@ngx-formly/core 5.10.31 → 5.11.0

package/fesm5/ngx-formly-core.js

@@ -36,8 +36,12 @@ function getFieldId(formId, field, index) {
         return field.id;
     /** @type {?} */
     var type = field.type;
-    if (!type && field.template)
+    if (!type && field.template) {
         type = 'template';
+    }
+    if (isFunction(type)) {
+        type = ((/** @type {?} */ (type))).prototype.constructor.name;
+    }
     return [formId, type, field.key, index].join('_');
 }
 /**
@@ -2116,6 +2120,24 @@ var FormlyAttributes = /** @class */ (function () {
             this.to.blur(this.field, $event);
         }
     };
+    // handle custom `change` event, for regular ones rely on DOM listener
+    // handle custom `change` event, for regular ones rely on DOM listener
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    FormlyAttributes.prototype.onHostChange = 
+    // handle custom `change` event, for regular ones rely on DOM listener
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        if ($event instanceof Event) {
+            return;
+        }
+        this.onChange($event);
+    };
     /**
      * @param {?} $event
      * @return {?}
@@ -2201,6 +2223,9 @@ var FormlyAttributes = /** @class */ (function () {
     FormlyAttributes.decorators = [
         { type: Directive, args: [{
                     selector: '[formlyAttributes]',
+                    host: {
+                        '(change)': 'onHostChange($event)',
+                    },
                 },] }
     ];
     /** @nocollapse */
@@ -2278,7 +2303,7 @@ var FieldType = /** @class */ (function () {
         get: /**
          * @return {?}
          */
-        function () { return this.field.formControl; },
+        function () { return (/** @type {?} */ (this.field.formControl)); },
         enumerable: true,
         configurable: true
     });
@@ -2362,16 +2387,6 @@ var FieldArrayType = /** @class */ (function (_super) {
         }
         return _this;
     }
-    Object.defineProperty(FieldArrayType.prototype, "formControl", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return (/** @type {?} */ (this.field.formControl));
-        },
-        enumerable: true,
-        configurable: true
-    });
     /**
      * @param {?} field
      * @return {?}
@@ -3547,27 +3562,32 @@ FieldFormExtension = /** @class */ (function () {
     /**
      * @private
      * @param {?} field
+     * @param {?=} disabled
      * @return {?}
      */
     FieldFormExtension.prototype.setValidators = /**
      * @private
      * @param {?} field
+     * @param {?=} disabled
      * @return {?}
      */
-    function (field) {
+    function (field, disabled) {
         var _this = this;
+        if (disabled === void 0) { disabled = false; }
         /** @type {?} */
         var markForCheck = false;
+        if (disabled === false && field.key && field.templateOptions && field.templateOptions.disabled) {
+            disabled = true;
+        }
         (field.fieldGroup || []).forEach((/**
          * @param {?} f
          * @return {?}
          */
-        function (f) { return _this.setValidators(f) && (markForCheck = true); }));
+        function (f) { return _this.setValidators(f, disabled) && (markForCheck = true); }));
         if (field.key || !field.parent || (!field.key && !field.fieldGroup)) {
             var c_1 = field.formControl;
-            /** @type {?} */
-            var disabled = field.templateOptions ? field.templateOptions.disabled : false;
-            if (field.key && c_1) {
+            field.templateOptions = field.templateOptions || {};
+            if (field.key && c_1 && c_1 instanceof FormControl) {
                 if (disabled && c_1.enabled) {
                     c_1.disable({ emitEvent: false, onlySelf: true });
                     markForCheck = true;