ui-core-abv 0.8.6 → 0.8.8

package/fesm2022/ui-core-abv.mjs

@@ -3363,13 +3363,15 @@ class UicTimePickerComponent extends base$3 {
         });
         const portal = new TemplatePortal(this.overlayTemplate, this.vcr);
         this.overlayRef.attach(portal);
-        this.overlayRef.backdropClick().subscribe(() => this.closeOverlay());
+        this.overlayRef.backdropClick().subscribe(() => this.closeOverlay(true));
         this.syncSelectionFromValue();
         setTimeout(() => this.scrollToSelection(), 0);
     }
-    closeOverlay() {
+    closeOverlay(commitSelection = false) {
         if (this.overlayRef) {
-            this.onTouched();
+            if (commitSelection) {
+                this.commitOverlaySelection();
+            }
             this.overlayRef.dispose();
             this.overlayRef = null;
             this.isOverlayOpen = false;
@@ -3380,25 +3382,27 @@ class UicTimePickerComponent extends base$3 {
      * Comitea la selección actual antes de cerrar.
      */
     confirmAndClose() {
-        this.commitOverlaySelection();
-        this.closeOverlay();
+        this.closeOverlay(true);
     }
     // Selecciones desde overlay
     pickHour(hour) {
         this.selectedHour12 = hour;
-        this.commitOverlaySelection();
     }
     pickMinute(minute) {
         this.selectedMinute = minute;
-        this.commitOverlaySelection();
     }
     pickMeridiem(meridiem) {
         this.selectedMeridiem = meridiem;
-        this.commitOverlaySelection();
     }
     commitOverlaySelection() {
-        const base = this.parseDisplay(this.displayValue) ||
-            this.parseValue(this.value) || {
+        const current = this.parseDisplay(this.displayValue) || this.parseValue(this.value);
+        const hasOverlaySelection = this.selectedHour12 !== null || this.selectedMinute !== null || this.selectedMeridiem !== null;
+        if (!current && !hasOverlaySelection) {
+            this.displayValue = '';
+            this.notifyChange(null);
+            return;
+        }
+        const base = current || {
             hour12: 12,
             minute: 0,
             meridiem: 'am',
@@ -4830,6 +4834,11 @@ class UicFormWrapperComponent {
     externalValidationStates = {};
     externalValidationSubs = new Map();
     externalValidationLastValue = new Map();
+    immediateExternalValidationValueByField = new Map();
+    immediateValidationFieldTypes = new Set([
+        'date', 'time', 'select', 'radio', 'checkbox', 'switch',
+        'pool', 'file', 'multyselect', 'searcher', 'slider'
+    ]);
     formValueSub = null;
     optionSourceSubs = new Map();
     optionSourceDependencyValueByField = new Map();
@@ -4984,12 +4993,14 @@ class UicFormWrapperComponent {
         this.formValueSub = newForm.valueChanges.subscribe(() => {
             this.normalizeNumericControls(newForm, numericFields);
             this.cancelStaleExternalValidations();
+            this.validateChangedImmediateFields();
             this.handleFormChange();
             this.updateDependentOptionsSources();
             this.resolveComputedFields();
         });
         this.form = newForm;
         this.clearExternalValidationSubs();
+        this.initializeImmediateExternalValidationValues();
         this.externalValidationStates = {};
         this.optionSourceDependencyValueByField.clear();
         this.updateDisabledState();
@@ -5470,6 +5481,26 @@ class UicFormWrapperComponent {
         });
         this.externalValidationSubs.set(fieldName, sub);
     }
+    initializeImmediateExternalValidationValues() {
+        this.immediateExternalValidationValueByField.clear();
+        for (const field of this.collectAllFields()) {
+            if (!field.externalValidation?.key || !this.immediateValidationFieldTypes.has(field.type))
+                continue;
+            this.immediateExternalValidationValueByField.set(field.name, this.getFieldControl(field.name)?.value);
+        }
+    }
+    validateChangedImmediateFields() {
+        for (const field of this.collectAllFields()) {
+            if (!field.externalValidation?.key || !this.immediateValidationFieldTypes.has(field.type))
+                continue;
+            const currentValue = this.getFieldControl(field.name)?.value;
+            const previousValue = this.immediateExternalValidationValueByField.get(field.name);
+            if (this.areEquivalentValues(previousValue, currentValue))
+                continue;
+            this.immediateExternalValidationValueByField.set(field.name, currentValue);
+            this.onFieldBlur(field.name);
+        }
+    }
     cancelStaleExternalValidations() {
         const fields = Array.from(this.externalValidationLastValue.keys());
         let changed = false;