@solcre-org/core-ui 2.12.37 → 2.12.39

package/fesm2022/solcre-org-core-ui.mjs

@@ -2154,6 +2154,8 @@ class SelectFieldComponent extends BaseFieldComponent {
     selectionChange = output();
     isInitialized = signal(false);
     hasValue = signal(false);
+    userHasInteracted = signal(false);
+    lastDynamicValue = undefined;
     computedValue = computed(() => {
         const value = this.value();
         if (this.field().multiple && !Array.isArray(value)) {
@@ -2207,17 +2209,13 @@ class SelectFieldComponent extends BaseFieldComponent {
             const formValue = this.formValue();
             if ('dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function' && formValue) {
                 const newValue = fieldCfg.dynamicValue(formValue);
-                const currentValue = this.formControl().value;
-                if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
-                    setTimeout(() => {
-                        this.formControl().setValue(newValue, { emitEvent: true });
-                        this.valueChange.emit(newValue);
-                    }, 0);
-                }
+                this.scheduleDynamicValue(newValue);
             }
         });
     }
     ngOnInit() {
+        this.userHasInteracted.set(false);
+        this.lastDynamicValue = undefined;
         super.ngOnInit();
         const currentInitialValue = this.formControl().value;
         if (!this.field().multiple && typeof currentInitialValue === 'string' && currentInitialValue.trim() === '') {
@@ -2229,7 +2227,9 @@ class SelectFieldComponent extends BaseFieldComponent {
                 String(opt.value) === String(currentInitialValue));
             if (matchingOption) {
                 setTimeout(() => {
-                    this.formControl().setValue(currentInitialValue, { emitEvent: false });
+                    this.formControl().setValue(currentInitialValue, { emitEvent: true });
+                    this.valueChange.emit(currentInitialValue);
+                    this.hasValue.set(true);
                     this.isInitialized.set(true);
                 }, 0);
             }
@@ -2239,13 +2239,14 @@ class SelectFieldComponent extends BaseFieldComponent {
             const formValue = this.formValue();
             if ('dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function' && formValue) {
                 const newValue = fieldCfg.dynamicValue(formValue);
-                const currentValue = this.formControl().value;
-                if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
-                    this.formControl().setValue(newValue, { emitEvent: true });
-                    this.valueChange.emit(newValue);
-                }
+                this.scheduleDynamicValue(newValue);
             }
-        }, 10);
+            const finalValue = this.formControl().value;
+            if (finalValue !== null && finalValue !== undefined && finalValue !== '') {
+                const hasValidValue = !Array.isArray(finalValue) || finalValue.length > 0;
+                this.hasValue.set(hasValidValue);
+            }
+        }, 100);
     }
     compareWith = (item, selected) => {
         if (!item || selected === null || selected === undefined) {
@@ -2285,6 +2286,17 @@ class SelectFieldComponent extends BaseFieldComponent {
         else {
             finalValue = newValue;
         }
+        const hasValidValue = finalValue !== null &&
+            finalValue !== undefined &&
+            finalValue !== '' &&
+            (!Array.isArray(finalValue) || finalValue.length > 0);
+        this.hasValue.set(hasValidValue);
+        if (this.formControl().dirty && !this.userHasInteracted()) {
+            this.userHasInteracted.set(true);
+        }
+        if (!this.areValuesEqual(finalValue, this.lastDynamicValue)) {
+            this.lastDynamicValue = undefined;
+        }
         const fieldConfig = this.field();
         if (fieldConfig.onSelectionChange && this.formValue()) {
             try {
@@ -2331,6 +2343,72 @@ class SelectFieldComponent extends BaseFieldComponent {
     onBlurInput() {
         this.onBlur();
     }
+    scheduleDynamicValue(newValue, delay = 0) {
+        const control = this.formControl();
+        if (!control)
+            return;
+        const currentValue = control.value;
+        if (!this.shouldApplyDynamicValue(newValue, currentValue)) {
+            if (!this.userHasInteracted() && this.areValuesEqual(newValue, currentValue)) {
+                this.lastDynamicValue = this.cloneValue(newValue);
+            }
+            return;
+        }
+        setTimeout(() => {
+            const ctrl = this.formControl();
+            if (!ctrl)
+                return;
+            const latestValue = ctrl.value;
+            if (!this.shouldApplyDynamicValue(newValue, latestValue)) {
+                if (!this.userHasInteracted() && this.areValuesEqual(newValue, latestValue)) {
+                    this.lastDynamicValue = this.cloneValue(newValue);
+                }
+                return;
+            }
+            ctrl.setValue(newValue, { emitEvent: true });
+            ctrl.markAsPristine();
+            this.lastDynamicValue = this.cloneValue(newValue);
+            this.hasValue.set(this.hasMeaningfulValue(newValue));
+        }, delay);
+    }
+    shouldApplyDynamicValue(newValue, currentValue) {
+        if (newValue === undefined || newValue === null)
+            return false;
+        if (this.userHasInteracted())
+            return false;
+        const hasCurrentValue = this.hasMeaningfulValue(currentValue);
+        const currentMatchesLastDynamic = this.areValuesEqual(currentValue, this.lastDynamicValue);
+        if (hasCurrentValue && !currentMatchesLastDynamic) {
+            return false;
+        }
+        return !this.areValuesEqual(newValue, currentValue);
+    }
+    hasMeaningfulValue(value) {
+        if (value === null || value === undefined) {
+            return false;
+        }
+        if (Array.isArray(value)) {
+            return value.length > 0;
+        }
+        if (typeof value === 'string') {
+            return value.trim() !== '';
+        }
+        return true;
+    }
+    areValuesEqual(a, b) {
+        if (Array.isArray(a) && Array.isArray(b)) {
+            if (a.length !== b.length)
+                return false;
+            return a.every((item, index) => item === b[index]);
+        }
+        return a === b;
+    }
+    cloneValue(value) {
+        if (Array.isArray(value)) {
+            return [...value];
+        }
+        return value;
+    }
     onSelectChange(value) {
         const hasValidValue = value !== null &&
             value !== undefined &&
@@ -5460,14 +5538,17 @@ class GenericModalComponent {
             const payloadKey = (field.keyToPayload ?? field.key);
             const modeConfig = field.modes?.[this.mode()];
             const defaultValue = modeConfig?.defaultValue ?? field.defaultValue;
+            let initialValue = newInstance[fieldKey];
             if (this.mode() === ModalMode.CREATE) {
-                if (defaultValue !== undefined && newInstance[fieldKey] === undefined) {
+                if (defaultValue !== undefined) {
                     if (typeof defaultValue === 'function') {
                         const computedValue = defaultValue(newInstance);
                         newInstance[payloadKey] = computedValue;
+                        initialValue = computedValue;
                     }
                     else {
                         newInstance[payloadKey] = defaultValue;
+                        initialValue = defaultValue;
                     }
                 }
             }
@@ -5475,42 +5556,51 @@ class GenericModalComponent {
                 if (typeof defaultValue === 'function') {
                     const computedValue = defaultValue(newInstance);
                     newInstance[payloadKey] = computedValue;
+                    initialValue = computedValue;
                 }
             }
             const validators = modeConfig?.validators ?? field.validators ?? [];
-            formGroup[fieldKey] = [newInstance[fieldKey], validators];
+            formGroup[fieldKey] = [initialValue, validators];
         });
         this.form.set(this.formBuilder.group(formGroup));
-        this.allFields().forEach(field => {
-            const fieldKey = field.key;
-            const payloadKey = (field.keyToPayload ?? field.key);
-            if ('dynamicValue' in field && typeof field.dynamicValue === 'function') {
-                const dynamicVal = field.dynamicValue(newInstance);
-                if (dynamicVal !== undefined) {
-                    newInstance[payloadKey] = dynamicVal;
-                    const control = this.form().get(fieldKey);
-                    if (control) {
-                        control.setValue(dynamicVal, { emitEvent: false });
+        setTimeout(() => {
+            this.allFields().forEach(field => {
+                const fieldKey = field.key;
+                const payloadKey = (field.keyToPayload ?? field.key);
+                const modeConfig = field.modes?.[this.mode()];
+                const dynamicValueFn = (modeConfig?.dynamicValue ?? field.dynamicValue);
+                if (typeof dynamicValueFn === 'function') {
+                    const dynamicVal = dynamicValueFn(newInstance);
+                    if (dynamicVal !== undefined && dynamicVal !== null) {
+                        newInstance[payloadKey] = dynamicVal;
+                        const control = this.form().get(fieldKey);
+                        if (control) {
+                            control.setValue(dynamicVal, { emitEvent: true });
+                        }
                     }
                 }
-            }
-        });
-        setTimeout(() => {
+            });
+            this.allFields().forEach(field => {
+                const fieldKey = field.key;
+                const control = this.form().get(fieldKey);
+                if (control && control.value !== undefined && control.value !== null) {
+                    const payloadKey = (field.keyToPayload ?? field.key);
+                    newInstance[payloadKey] = control.value;
+                }
+            });
             Object.values(this.form().controls).forEach(control => {
                 control.markAsUntouched();
             });
             this.fieldErrors.set({});
             this.internalErrors.set([]);
-        }, 0);
-        this.editedData.set(newInstance);
-        if (this.mode() !== ModalMode.VIEW) {
-            const originalCopy = Object.create(Object.getPrototypeOf(newInstance));
-            Object.assign(originalCopy, newInstance);
-            this.originalData.set(originalCopy);
-        }
-        setTimeout(() => {
+            this.editedData.set(newInstance);
+            if (this.mode() !== ModalMode.VIEW) {
+                const originalCopy = Object.create(Object.getPrototypeOf(newInstance));
+                Object.assign(originalCopy, newInstance);
+                this.originalData.set(originalCopy);
+            }
             this.modalData.emit(newInstance);
-        }, 1);
+        }, 50);
     }
     initializeActiveTabAndStep() {
         if (this.hasTabs()) {
@@ -13267,11 +13357,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.12.37',
+    full: '2.12.39',
     major: 2,
     minor: 12,
-    patch: 37,
-    timestamp: '2025-09-17T13:18:31.604Z',
+    patch: 39,
+    timestamp: '2025-09-17T15:15:12.462Z',
     buildDate: '17/9/2025'
 };