feat(web): resolver al salir del campo el socio y los códigos de línea escritos a mano

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/shared/grid/lines-grid.spec.ts

@@ -299,4 +299,51 @@ describe('LinesGrid', () => {
       expect(q('tr.none').textContent).toContain('no tiene líneas');
     });
   });
+
+  describe('código escrito a mano', () => {
+    it('busca el artículo y completa la descripción como al elegirlo', async () => {
+      fixture.componentInstance.lines.set([{ ...newDocumentLine() }]);
+      await tick();
+      await edit(0, 0, 'A00001');
+      const req = ctrl.expectOne((r) => r.url === '/api/sl/Items' && r.params.get('$filter') === "ItemCode eq 'A00001'");
+      expect(req.request.params.get('$top')).toBe('1');
+      req.flush({ value: [{ ItemCode: 'A00001', ItemName: 'IBM Infoprint 1312' }] });
+      await tick();
+      expect(lines()[0]).toMatchObject({ ItemCode: 'A00001', ItemDescription: 'IBM Infoprint 1312' });
+    });
+
+    it('Enter y change sobre la misma celda hacen una sola consulta', async () => {
+      fixture.componentInstance.lines.set([{ ...newDocumentLine() }]);
+      await tick();
+      const input = cell(0, 0);
+      input.value = 'A00001';
+      await key(0, 0, 'Enter');
+      input.dispatchEvent(new Event('change'));
+      await tick();
+      ctrl.expectOne((r) => r.url === '/api/sl/Items').flush({ value: [{ ItemCode: 'A00001', ItemName: 'X' }] });
+    });
+
+    it('si no existe, avisa y la celda vuelve a su valor', async () => {
+      fixture.componentInstance.lines.set([{ ...newDocumentLine() }]);
+      const notices: string[] = [];
+      await tick();
+      el.querySelector('sbo-lines-grid')!.dispatchEvent(new Event('x')); // sin efecto: solo asegura el DOM
+      const grid = fixture.debugElement.query((d) => d.name === 'sbo-lines-grid').componentInstance as LinesGrid;
+      grid.notice.subscribe((n) => notices.push(n));
+      await edit(0, 0, 'NOEXISTE');
+      ctrl.expectOne((r) => r.url === '/api/sl/Items').flush({ value: [] });
+      await tick();
+      expect(notices).toEqual(['No existe «NOEXISTE» en artículos.']);
+      expect(cell(0, 0).value).toBe('');
+      expect(lines()[0]['ItemCode']).toBe('');
+    });
+
+    it('vaciar la celda no consulta: limpia el valor', async () => {
+      fixture.componentInstance.lines.set([line('A1')]);
+      await tick();
+      await edit(0, 0, '');
+      ctrl.expectNone((r) => r.url === '/api/sl/Items');
+      expect(lines()[0]['ItemCode']).toBe('');
+    });
+  });
 });

apps/web/src/app/shared/grid/lines-grid.ts

@@ -8,9 +8,11 @@ import {
   inject,
   input,
   model,
+  output,
   signal,
 } from '@angular/core';
 import { formatNumber, parseDecimal } from '../../core/format';
+import { SlLookupApi } from '../../core/sl/sl-lookup';
 import type { ListRow } from '../list/list.types';
 import { ValueHelp } from '../value-help/value-help';
 import type { GridColumn, GridLine, GridMultiAdd } from './grid.types';
@@ -43,6 +45,8 @@ export class LinesGrid {
   readonly recalc = input<((line: GridLine, changedKey: string) => GridLine) | undefined>(undefined);
   readonly multiAdd = input<GridMultiAdd>();
   readonly addLabel = input('Añadir línea');
+  /** Avisos de la grilla (ej. un código escrito que no existe), para la barra de estado del formulario. */
+  readonly notice = output<string>();
 
   private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);
   private readonly injector = inject(Injector);
@@ -94,7 +98,36 @@ export class LinesGrid {
       this.update(row, column.key, value);
       input.value = formatNumber(value, column.decimals);
     } else if (text !== String(line[column.key] ?? '')) {
-      this.update(row, column.key, text);
+      if (column.lookup && text.trim() !== '') void this.resolveTyped(row, column, input, text.trim());
+      else this.update(row, column.key, text);
+    }
+  }
+
+  /** Códigos que se están buscando (Enter y `change` confirman la misma celda: una sola consulta). */
+  private readonly resolving = new Set<string>();
+
+  /**
+   * Un código escrito a mano se busca en la misma lista que abre "…" y completa la línea igual que
+   * al elegirlo (descripción del artículo, etc.). Si no existe, se avisa y la celda vuelve a su valor.
+   */
+  private async resolveTyped(row: number, column: GridColumn, input: HTMLInputElement, code: string): Promise<void> {
+    const lookup = column.lookup!;
+    const id = `${row}:${column.key}:${code}`;
+    if (this.resolving.has(id)) return;
+    this.resolving.add(id);
+    try {
+      const found = await this.injector.get(SlLookupApi).find(lookup.config, code);
+      const line = this.lines()[row];
+      if (!line) return;
+      if (found) this.replace(row, lookup.apply(found, line), column.key);
+      else {
+        input.value = this.cellText(line, column);
+        this.notice.emit(`No existe «${code}» en ${lookup.config.title.toLowerCase()}.`);
+      }
+    } catch {
+      this.notice.emit('No se pudo comprobar el código.');
+    } finally {
+      this.resolving.delete(id);
     }
   }