feat(web): cambiar el ancho de las columnas de las tablas (arrastrar, doble clic ajusta, Mayús + doble clic ajusta todas)

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

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

@@ -26,6 +26,7 @@
   border-collapse: collapse;
 }
 th {
+  position: relative;
   padding: 4px 6px;
   background: var(--grid-head);
   border-right: 1px solid var(--line);

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

@@ -15,7 +15,7 @@
       <tr>
         <th class="rn">#</th>
         @for (c of columns(); track c.key) {
-          <th [style.width]="c.width" [class.num]="c.type === 'number'" [class.req]="c.required">{{ c.title }}</th>
+          <th sboColResize [style.width]="c.width" [class.num]="c.type === 'number'" [class.req]="c.required">{{ c.title }}</th>
         }
         @if (!readonly()) {
           <th class="del"><span class="sr">Quitar</span></th>

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

@@ -14,6 +14,7 @@ import {
 import { formatNumber, parseDecimal } from '../../core/format';
 import { SlLookupApi } from '../../core/sl/sl-lookup';
 import type { ListRow } from '../list/list.types';
+import { ColResize } from '../table/col-resize';
 import { ValueHelp } from '../value-help/value-help';
 import type { GridColumn, GridLine, GridMultiAdd } from './grid.types';
 
@@ -30,7 +31,7 @@ interface LookupTarget {
 @Component({
   selector: 'sbo-lines-grid',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [ValueHelp],
+  imports: [ValueHelp, ColResize],
   templateUrl: './lines-grid.html',
   styleUrl: './lines-grid.css',
 })