# XWUIOrderTimeline

A vertical order-status tracking timeline: one row per fulfillment event with a status dot (done / current / pending), a connecting line, the event label, an optional formatted timestamp, and an optional description. An optional order-number header and an external "Track package" link are shown when `data.orderNumber` / `data.trackingUrl` are provided.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-order-timeline:event-click` | `onEventClick` | `onEventClick(handler)` | `{ eventId }` |

## Usage

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

new XWUIOrderTimeline(host, {
  orderNumber: '10482',
  trackingUrl: 'https://example.com/track/10482',
  events: [
    { id: 'placed', label: 'Order placed', timestamp: '2026-08-14T09:12:00Z', status: 'done' },
    { id: 'shipped', label: 'Shipped', timestamp: '2026-08-15T08:05:00Z', status: 'current' },
    { id: 'delivered', label: 'Delivered', status: 'pending' },
  ],
});
```

```api
```