@ngx-formly/core 5.10.30 → 5.10.31

package/fesm5/ngx-formly-core.js

@@ -10,6 +10,21 @@ import { __extends, __assign, __spread, __rest, __values, __read } from 'tslib';
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/**
+ * @param {?} form
+ * @param {?} callback
+ * @return {?}
+ */
+function disableTreeValidityCall(form, callback) {
+    /** @type {?} */
+    var _updateTreeValidity = form._updateTreeValidity.bind(form);
+    form._updateTreeValidity = (/**
+     * @return {?}
+     */
+    function () { });
+    callback();
+    form._updateTreeValidity = _updateTreeValidity;
+}
 /**
  * @param {?} formId
  * @param {?} field
@@ -712,13 +727,17 @@ var FormlyFormBuilder = /** @class */ (function () {
      * @return {?}
      */
     function (formControl, fieldGroup, model, options) {
+        var _this = this;
         if (fieldGroup === void 0) { fieldGroup = []; }
         if (!this.formlyConfig.extensions.core) {
             throw new Error('NgxFormly: missing `forRoot()` call. use `forRoot()` when registering the `FormlyModule`.');
         }
         /** @type {?} */
         var field = { fieldGroup: fieldGroup, model: model, formControl: formControl, options: this._setOptions(options) };
-        this._buildForm(field);
+        disableTreeValidityCall(formControl, (/**
+         * @return {?}
+         */
+        function () { return _this._buildForm(field); }));
         field.options._checkField(field, true);
     };
     /**
@@ -1841,16 +1860,11 @@ var FormlyField = /** @class */ (function () {
  */
 var FormlyAttributes = /** @class */ (function () {
     function FormlyAttributes(renderer, elementRef, _document) {
+        var _this = this;
         this.renderer = renderer;
         this.elementRef = elementRef;
         this.uiAttributesCache = {};
-        this.uiAttributes = __spread(FORMLY_VALIDATORS, [
-            'tabindex',
-            'placeholder',
-            'readonly',
-            'disabled',
-            'step',
-        ]);
+        this.uiAttributes = null;
         /**
          * HostBinding doesn't register listeners conditionally which may produce some perf issues.
          *
@@ -1858,12 +1872,24 @@ var FormlyAttributes = /** @class */ (function () {
          */
         this.uiEvents = {
             listeners: [],
-            events: [
-                'click',
-                'keyup',
-                'keydown',
-                'keypress',
-            ],
+            events: ['click', 'keyup', 'keydown', 'keypress', 'focus', 'blur', 'change'],
+            callback: (/**
+             * @param {?} eventName
+             * @param {?} $event
+             * @return {?}
+             */
+            function (eventName, $event) {
+                switch (eventName) {
+                    case 'focus':
+                        return _this.onFocus($event);
+                    case 'blur':
+                        return _this.onBlur($event);
+                    case 'change':
+                        return _this.onChange($event);
+                    default:
+                        return _this.to[eventName](_this.field, $event);
+                }
+            }),
         };
         this.document = _document;
     }
@@ -1906,12 +1932,12 @@ var FormlyAttributes = /** @class */ (function () {
              * @return {?}
              */
             function (eventName) {
-                if (_this.to && _this.to[eventName]) {
+                if ((_this.to && _this.to[eventName]) || ['focus', 'blur', 'change'].indexOf(eventName) !== -1) {
                     _this.uiEvents.listeners.push(_this.renderer.listen(_this.elementRef.nativeElement, eventName, (/**
                      * @param {?} e
                      * @return {?}
                      */
-                    function (e) { return _this.to[eventName](_this.field, e); })));
+                    function (e) { return _this.uiEvents.callback(eventName, e); })));
                 }
             }));
             if (this.to && this.to.attributes) {
@@ -1987,6 +2013,15 @@ var FormlyAttributes = /** @class */ (function () {
      */
     function () {
         var _this = this;
+        if (!this.uiAttributes) {
+            /** @type {?} */
+            var element_1 = (/** @type {?} */ (this.elementRef.nativeElement));
+            this.uiAttributes = __spread(FORMLY_VALIDATORS, ['tabindex', 'placeholder', 'readonly', 'disabled', 'step']).filter((/**
+             * @param {?} attr
+             * @return {?}
+             */
+            function (attr) { return !element_1.hasAttribute || !element_1.hasAttribute(attr); }));
+        }
         this.uiAttributes.forEach((/**
          * @param {?} attr
          * @return {?}
@@ -2166,11 +2201,6 @@ var FormlyAttributes = /** @class */ (function () {
     FormlyAttributes.decorators = [
         { type: Directive, args: [{
                     selector: '[formlyAttributes]',
-                    host: {
-                        '(focus)': 'onFocus($event)',
-                        '(blur)': 'onBlur($event)',
-                        '(change)': 'onChange($event)',
-                    },
                 },] }
     ];
     /** @nocollapse */