sapenlinea-components 0.11.90 → 0.11.92

package/fesm2022/sapenlinea-components.mjs

@@ -3632,28 +3632,27 @@ class FeatureCard {
                 const yyyy = d.getFullYear();
                 return `${dd}/${mm}/${yyyy}`;
             }
+            case 'number':
+                return isNaN(numValue) ? raw : `${Math.trunc(numValue)}`;
             default:
                 return raw;
         }
     }, ...(ngDevMode ? [{ debugName: "formattedDescription" }] : []));
     constructor() {
-        // Sincroniza el valor interno cuando cambia el objeto feature inicial
+        // Sincroniza description solo cuando el feature cambia desde el padre,
+        // pero nunca pisa un valor que el formulario (writeValue) ya haya establecido.
         effect(() => {
             const feat = this.feature();
-            this.descriptionValue.set(feat?.description ?? '');
+            const incoming = feat?.description ?? '';
+            if (incoming !== this.descriptionValue()) {
+                this.descriptionValue.set(incoming);
+            }
         });
     }
     // --- ControlValueAccessor Implementation ---
     writeValue(value) {
         const nextDescription = value == null ? '' : String(value);
-        // Solo actualizamos el valor visual (descriptionValue)
         this.descriptionValue.set(nextDescription);
-        // Mantenemos sincronizado el objeto base
-        const current = this.feature();
-        if (current) {
-            // Modificamos el objeto feature subyacente para no perder la configuración
-            this.feature.set({ ...current, description: nextDescription });
-        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -3672,7 +3671,21 @@ class FeatureCard {
         let nextDescription = target.value;
         const currentFeature = this.feature();
         // Validar y filtrar entrada para tipos numéricos
-        if (currentFeature?.type && ['money', 'percentage', 'measurement'].includes(currentFeature.type)) {
+        if (currentFeature?.type === 'number') {
+            // Solo dígitos enteros
+            nextDescription = nextDescription.replace(/[^0-9]/g, '');
+            // Aplicar límite máximo en tiempo real
+            if (currentFeature.max !== undefined && nextDescription !== '') {
+                const numericValue = parseInt(nextDescription, 10);
+                if (!isNaN(numericValue) && numericValue > currentFeature.max) {
+                    nextDescription = currentFeature.max.toString();
+                }
+            }
+            if (target.value !== nextDescription) {
+                target.value = nextDescription;
+            }
+        }
+        else if (currentFeature?.type && ['money', 'percentage', 'measurement'].includes(currentFeature.type)) {
             // Permitir solo números y punto decimal
             nextDescription = nextDescription.replace(/[^0-9.]/g, '');
             // Evitar múltiples puntos decimales
@@ -3687,7 +3700,6 @@ class FeatureCard {
                     nextDescription = currentFeature.max.toString();
                 }
             }
-            // Sincronizar el valor visual del input si cambió por el filtrado o límite
             if (target.value !== nextDescription) {
                 target.value = nextDescription;
             }
@@ -3716,7 +3728,7 @@ class FeatureCard {
         this.isEditingDescription.set(false);
         // Aplicar límite mínimo al perder el foco (para evitar interrumpir mientras se escribe)
         const currentFeature = this.feature();
-        if (currentFeature?.type && ['money', 'percentage', 'measurement'].includes(currentFeature.type) && currentFeature.min !== undefined) {
+        if (currentFeature?.type && ['money', 'percentage', 'measurement', 'number'].includes(currentFeature.type) && currentFeature.min !== undefined) {
             const currentRaw = this.descriptionValue();
             const numericValue = parseFloat(currentRaw);
             if (!isNaN(numericValue) && numericValue < currentFeature.min) {