# XWUIOrderFulfillmentBoard

A kanban-style order fulfillment board: one column per fulfillment stage (e.g. New / Picking / Packed / Shipped), each holding order cards (customer name, item count) with an "Advance →" button that moves the card into the next column. Uses click-to-advance rather than drag-and-drop for accessibility and simplicity; the last column's cards have no advance button.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-order-fulfillment-board:advance-order` | `onAdvanceOrder` | `onAdvanceOrder(handler)` | `{ orderId, fromColumnId, toColumnId }` |

## Usage

```ts
import { XWUIOrderFulfillmentBoard } from '@exonware/xwui/industry';

const board = new XWUIOrderFulfillmentBoard(host, {
  columns: [
    { id: 'new', label: 'New', orders: [{ id: '10501', customerName: 'Amara O.', itemCount: 2 }] },
    { id: 'shipped', label: 'Shipped', orders: [] },
  ],
});

board.onAdvanceOrder((orderId, from, to) => api.updateOrderStatus(orderId, to));
```

```api
```