feat(web): el stock por almacén oculta los almacenes sin cantidades (casilla marcada por defecto; el total sigue sumando todos)

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

apps/web/src/app/shared/grid/rows-table.ts

@@ -22,6 +22,9 @@ const dateOnly = (v: unknown): string => (typeof v === 'string' ? v.slice(0, 10)
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [ValueHelp],
   template: `
+    @if (hideEmptyBy()) {
+      <label class="only"><input type="checkbox" [checked]="onlyFilled()" (change)="onlyFilled.set($any($event.target).checked)" /> {{ hideEmptyLabel() }}</label>
+    }
     <div class="wrap">
       <table>
         <thead>
@@ -47,7 +50,7 @@ const dateOnly = (v: unknown): string => (typeof v === 'string' ? v.slice(0, 10)
           }
         </thead>
         <tbody>
-          @for (row of rows(); track $index; let i = $index) {
+          @for (row of shown(); track $index; let i = $index) {
             <tr>
               <td class="rn">{{ i + 1 }}</td>
               @for (c of columns(); track c.key) {
@@ -99,7 +102,7 @@ const dateOnly = (v: unknown): string => (typeof v === 'string' ? v.slice(0, 10)
             </tr>
           } @empty {
             <tr class="none">
-              <td [attr.colspan]="columns().length + 2">{{ emptyText() }}</td>
+              <td [attr.colspan]="columns().length + 2">{{ rows().length ? 'Ninguna fila cumple el filtro.' : emptyText() }}</td>
             </tr>
           }
         </tbody>
@@ -130,6 +133,8 @@ const dateOnly = (v: unknown): string => (typeof v === 'string' ? v.slice(0, 10)
   `,
   styles: `
     :host { display: block; }
+    .only { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; cursor: pointer; }
+    .only input { width: auto; height: auto; margin: 0; }
     .pick { display: grid; grid-template-columns: minmax(0, 1fr) 22px; }
     .pick button { padding: 0; background: var(--btn); border: 1px solid var(--field-b); border-radius: var(--radius); cursor: pointer; }
     .pick button:hover { background: var(--btn-h); }
@@ -164,6 +169,17 @@ export class RowsTable {
   /** Se pueden quitar filas (por defecto, si la tabla es editable). */
   readonly removable = input(true);
   readonly emptyText = input('Sin filas.');
+  /** Columnas numéricas por las que se puede ocultar las filas en 0 (solo lectura): aparece una casilla encima de la tabla, marcada. */
+  readonly hideEmptyBy = input<readonly string[] | null>(null);
+  readonly hideEmptyLabel = input('Ocultar las filas en 0');
+  protected readonly onlyFilled = signal(true);
+  /** Las filas que se ven; los totales siguen sumando todas. */
+  protected readonly shown = computed(() => {
+    const keys = this.hideEmptyBy();
+    const rows = this.rows();
+    if (!keys || !this.onlyFilled()) return rows;
+    return rows.filter((r) => keys.some((k) => Number(r[k]) !== 0 && Number.isFinite(Number(r[k]))));
+  });
 
   private readonly lookupApi = inject(SlLookupApi);
   private readonly http = inject(HttpClient);