@ngx-formly/core 5.10.30 → 5.10.31

package/bundles/ngx-formly-core.umd.js

@@ -102,6 +102,20 @@
      * @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
@@ -795,6 +809,7 @@
          * @return {?}
          */
             function (formControl, fieldGroup, model, options) {
+                var _this = this;
                 if (fieldGroup === void 0) {
                     fieldGroup = [];
                 }
@@ -803,7 +818,9 @@
                 }
                 /** @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);
             };
         /**
@@ -1894,16 +1911,11 @@
      */
     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.
              *
@@ -1911,12 +1923,23 @@
              */
             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;
         }
@@ -1955,11 +1978,11 @@
                      * @param {?} eventName
                      * @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) {
@@ -2031,6 +2054,14 @@
          */
             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 {?}
@@ -2207,11 +2238,6 @@
         FormlyAttributes.decorators = [
             { type: i0.Directive, args: [{
                         selector: '[formlyAttributes]',
-                        host: {
-                            '(focus)': 'onFocus($event)',
-                            '(blur)': 'onBlur($event)',
-                            '(change)': 'onChange($event)',
-                        },
                     },] }
         ];
         /** @nocollapse */