1# modules/barra/ — Taskbar agnóstica (estilo Windows)
2
3**Propósito.** Lista de tareas (cajitas, una por ventana abierta) que
4se renderiza dentro de un `<ul>` provisto por el host. Modelo + render
5puros viven en `barra-core`; el binding click+DOM en `barra-web`.
6
7## Crates
8
9| crate         | tipo | rol                                                       |
10| ------------- | ---- | --------------------------------------------------------- |
11| `barra-core`  | lib  | `Task` + `render_html(&[Task]) -> String` + sanitizadores |
12| `barra-web`   | lib  | Mount sobre `<ul>` + listener de click + lookup centers   |
13
14## Dependencias
15
16- `barra-core`: sin deps.
17- `barra-web` ← `barra-core`, `wasm-bindgen`, `web-sys`.
18
19## Contrato HTML
20
21```html
22<ul id="taskbar" class="taskbar-list" role="presentation"></ul>
23```
24
25Clases generadas (host estiliza):
26- `.taskbar-item`, `.taskbar-item.active`, `.taskbar-item-dot`
27- atributo `data-task="<id>"` para theming CSS por tarea
28
29## API
30
31```rust
32let bar = TaskList::mount(list_el)?;
33bar.set_tasks(&[Task::new("aire", "AIRE"),
34                Task::new("fuego", "FUEGO").active()]);
35bar.on_click(|id, cx, cy| { /* center en CSS pixels */ });
36```
37
38## Estado
39
40barra-core: 5 tests verdes (sanitize + escape + render). barra-web:
41binding mínimo (mount + click + center lookup). LOC core 108 + web ~190.