@ngx-smz/core 21.5.3 → 21.5.4

package/fesm2022/ngx-smz-core.mjs

@@ -5904,9 +5904,17 @@ class FormGroupComponent {
                         // console.log(presetControlType, group.children[index]);
                         const child = group.children[index];
                         const inputRef = group.children[index]._inputFormControl;
+                        // mergeClone uses JSON serialization and drops functions/signals.
+                        // Restore non-serializable input fields after applying the control-type preset.
                         group.children[index] = {
                             ...mergeClone(presetControlType, { ...group.children[index], _inputFormControl: null }),
-                            _inputFormControl: inputRef
+                            _inputFormControl: inputRef,
+                            visibilityFunction: child.visibilityFunction,
+                            warningFunction: child.warningFunction,
+                            dataDependency: child.dataDependency,
+                            warning: child.warning,
+                            tooltip: child.tooltip,
+                            popover: child.popover,
                         };
                         if (group.children[index]?.advancedSettings?.validators?.length > 0) {
                             group.children[index].advancedSettings.validators = child.advancedSettings.validators;
@@ -6047,17 +6055,25 @@ class FormGroupComponent {
     }
     callVisibilityFunctions() {
         const formValues = this.viewdata.getData()?.data;
+        let visibilityChanged = false;
         for (const group of this.config.groups) {
             for (const input of group.children.filter(x => x.visibilityFunction != null)) {
                 if (this.config.isDebug) {
                     console.log(`UpdateVisibilityDependsOnFormData called for ${input.propertyName} | Before: ${input.isVisible}`);
                 }
-                input.isVisible = input.visibilityFunction(formValues);
+                const nextVisible = input.visibilityFunction(formValues);
+                if (input.isVisible !== nextVisible) {
+                    visibilityChanged = true;
+                }
+                input.isVisible = nextVisible;
                 if (this.config.isDebug) {
                     console.log(`UpdateVisibilityDependsOnFormData called for ${input.propertyName} | After: ${input.isVisible}`);
                 }
             }
         }
+        if (visibilityChanged) {
+            this.cdf.markForCheck();
+        }
     }
     callWarningFunctions() {
         const formValues = this.viewdata.getData()?.data;