@ngx-formly/core 5.10.21 → 5.10.25

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

@@ -350,6 +350,7 @@
     function clone(value) {
         if (!isObject(value)
             || rxjs.isObservable(value)
+            || (value instanceof i0.TemplateRef)
             || /* instanceof SafeHtmlImpl */ value.changingThisBreaksApplicationSecurity
             || ['RegExp', 'FileList', 'File', 'Blob'].indexOf(value.constructor.name) !== -1) {
             return value;
@@ -1473,7 +1474,7 @@
                  * @param {?} field
                  * @return {?}
                  */function (field) {
-                    if (field.key && !field.fieldGroup) {
+                    if (field.key && !field.fieldGroup && field.formControl) {
                         /** @type {?} */
                         var control_1 = field.formControl;
                         /** @type {?} */
@@ -1589,6 +1590,7 @@
             this.hostObservers = [];
             this.componentRefs = [];
             this.hooksObservers = [];
+            this.detectFieldBuild = false;
             this.warnDeprecation = hideDeprecation === null;
         }
         Object.defineProperty(FormlyField.prototype, "model", {
@@ -1665,6 +1667,9 @@
          */
             function () {
                 this.triggerHook('doCheck');
+                if (this.detectFieldBuild && (this.field && this.field.options)) {
+                    this.render();
+                }
             };
         /**
          * @return {?}
@@ -1828,6 +1833,12 @@
                 if (!this.field) {
                     return;
                 }
+                // require Formly build
+                if (!this.field.options) {
+                    this.detectFieldBuild = true;
+                    return;
+                }
+                this.detectFieldBuild = false;
                 this.hostObservers.forEach(( /**
                  * @param {?} unsubscribe
                  * @return {?}
@@ -1847,9 +1858,15 @@
                         else {
                             if (currentValue) {
                                 _this.containerRef.clear();
+                                if (_this.field.className) {
+                                    _this.renderer.removeAttribute(_this.elementRef.nativeElement, 'class');
+                                }
                             }
                             else {
                                 _this.renderField(_this.containerRef, _this.field);
+                                if (_this.field.className) {
+                                    _this.renderer.setAttribute(_this.elementRef.nativeElement, 'class', _this.field.className);
+                                }
                             }
                         }
                     })),
@@ -1858,7 +1875,8 @@
                      * @return {?}
                      */function (_a) {
                         var firstChange = _a.firstChange, currentValue = _a.currentValue;
-                        if (!firstChange || (firstChange && currentValue)) {
+                        if ((!firstChange || (firstChange && currentValue))
+                            && (!_this.formlyConfig.extras.lazyRender || (_this.field.hide !== true))) {
                             _this.renderer.setAttribute(_this.elementRef.nativeElement, 'class', currentValue);
                         }
                     })),
@@ -2006,7 +2024,11 @@
                                 Object.keys(currentValue).forEach(( /**
                                  * @param {?} attr
                                  * @return {?}
-                                 */function (attr) { return _this.setAttribute(attr, currentValue[attr]); }));
+                                 */function (attr) {
+                                    if (currentValue[attr] != null) {
+                                        _this.setAttribute(attr, currentValue[attr]);
+                                    }
+                                }));
                             }
                         }));
                     }
@@ -2061,7 +2083,8 @@
                  */function (attr) {
                     /** @type {?} */
                     var value = _this.to[attr];
-                    if (_this.uiAttributesCache[attr] !== value) {
+                    if (_this.uiAttributesCache[attr] !== value
+                        && (!_this.to.attributes || !_this.to.attributes.hasOwnProperty(attr.toLowerCase()))) {
                         _this.uiAttributesCache[attr] = value;
                         if (value || value === 0) {
                             _this.setAttribute(attr, value === true ? attr : "" + value);
@@ -2890,7 +2913,8 @@
                 if (ignoreCache === void 0) {
                     ignoreCache = false;
                 }
-                this._checkField(field, ignoreCache);
+                /** @type {?} */
+                var fieldChanged = this._checkField(field, ignoreCache);
                 field.options._hiddenFieldsForCheck
                     .sort(( /**
              * @param {?} f
@@ -2901,6 +2925,12 @@
              * @return {?}
              */function (f) { return _this.toggleFormControl(f, !!f.hide, !ignoreCache); }));
                 field.options._hiddenFieldsForCheck = [];
+                if (fieldChanged) {
+                    this.checkField(field);
+                    if (field.options && field.options._markForCheck) {
+                        field.options._markForCheck(field);
+                    }
+                }
             };
         /**
          * @private
@@ -2920,23 +2950,24 @@
                     ignoreCache = false;
                 }
                 /** @type {?} */
-                var markForCheck = false;
+                var fieldChanged = false;
                 field.fieldGroup.forEach(( /**
                  * @param {?} f
                  * @return {?}
                  */function (f) {
-                    _this.checkFieldExpressionChange(f, ignoreCache) && (markForCheck = true);
+                    if (!f.options) {
+                        return;
+                    }
+                    _this.checkFieldExpressionChange(f, ignoreCache) && (fieldChanged = true);
                     if (_this.checkFieldVisibilityChange(f, ignoreCache)) {
                         field.options._hiddenFieldsForCheck.push(f);
-                        markForCheck = true;
+                        fieldChanged = true;
                     }
                     if (f.fieldGroup && f.fieldGroup.length > 0) {
-                        _this._checkField(f, ignoreCache);
+                        _this._checkField(f, ignoreCache) && (fieldChanged = true);
                     }
                 }));
-                if (markForCheck && field.options && field.options._markForCheck) {
-                    field.options._markForCheck(field);
-                }
+                return fieldChanged;
             };
         /**
          * @private
@@ -2965,7 +2996,9 @@
                         expressionValue = !!expressionValue;
                     }
                     if (ignoreCache || (expressionProperties[key].expressionValue !== expressionValue
-                        && (!isObject(expressionValue) || JSON.stringify(expressionValue) !== JSON.stringify(expressionProperties[key].expressionValue)))) {
+                        && (!isObject(expressionValue)
+                            || rxjs.isObservable(expressionValue)
+                            || JSON.stringify(expressionValue) !== JSON.stringify(expressionProperties[key].expressionValue)))) {
                         markForCheck = true;
                         expressionProperties[key].expressionValue = expressionValue;
                         this.setExprValue(field, key, expressionValue);
@@ -3050,13 +3083,13 @@
                     defineHiddenProp(field, '_hide', !!(hide || field.hide));
                     /** @type {?} */
                     var c = field.formControl;
-                    if (c['_fields'].length > 1) {
+                    if (c['_fields'] && c['_fields'].length > 1) {
                         updateValidity(c);
                     }
-                    if (hide === true && c['_fields'].every(( /**
+                    if (hide === true && (!c['_fields'] || c['_fields'].every(( /**
                      * @param {?} f
                      * @return {?}
-                     */function (f) { return !!f._hide; }))) {
+                     */function (f) { return !!f._hide; })))) {
                         unregisterControl(field, true);
                         if (resetOnHide && field.resetOnHide) {
                             field.formControl.reset({ value: undefined, disabled: field.formControl.disabled });
@@ -3112,7 +3145,15 @@
                     /** @type {?} */
                     var target = field;
                     /** @type {?} */
-                    var paths = (prop.indexOf('[') === -1 ? prop : prop.replace(/\[(\w+)\]/g, '.$1')).split('.');
+                    var paths = prop.indexOf('[') === -1
+                        ? prop.split('.')
+                        : prop
+                            .replace(/\'|\"/g, '')
+                            .split(/[[\]]{1,2}/) // https://stackoverflow.com/a/20198206
+                            .filter(( /**
+                     * @param {?} v
+                     * @return {?}
+                     */function (v) { return v; }));
                     /** @type {?} */
                     var lastIndex = paths.length - 1;
                     for (var i = 0; i < lastIndex; i++) {
@@ -3135,7 +3176,7 @@
                     if (control
                         && !(isNullOrUndefined(control.value) && isNullOrUndefined(value))
                         && control.value !== value) {
-                        control.patchValue(value, { emitEvent: false });
+                        control.patchValue(value);
                     }
                 }
                 this.emitExpressionChanges(field, prop, value);
@@ -3546,25 +3587,27 @@
                     var c_1 = field.formControl;
                     /** @type {?} */
                     var disabled = field.templateOptions ? field.templateOptions.disabled : false;
-                    if (disabled && c_1.enabled) {
-                        c_1.disable({ emitEvent: false, onlySelf: true });
-                        if (!c_1.parent) {
-                            updateValidity(c_1);
-                        }
-                        else {
-                            updateValidity$$1 = true;
-                        }
-                    }
-                    if (!disabled && c_1.disabled) {
-                        c_1.enable({ emitEvent: false, onlySelf: true });
-                        if (!c_1.parent) {
-                            updateValidity(c_1);
+                    if (field.key && c_1) {
+                        if (disabled && c_1.enabled) {
+                            c_1.disable({ emitEvent: false, onlySelf: true });
+                            if (!c_1.parent) {
+                                updateValidity(c_1);
+                            }
+                            else {
+                                updateValidity$$1 = true;
+                            }
                         }
-                        else {
-                            updateValidity$$1 = true;
+                        if (!disabled && c_1.disabled) {
+                            c_1.enable({ emitEvent: false, onlySelf: true });
+                            if (!c_1.parent) {
+                                updateValidity(c_1);
+                            }
+                            else {
+                                updateValidity$$1 = true;
+                            }
                         }
                     }
-                    if (null === c_1.validator || null === c_1.asyncValidator) {
+                    if (c_1 && (null === c_1.validator || null === c_1.asyncValidator)) {
                         c_1.setValidators(( /**
                          * @return {?}
                          */function () {