# XWUIBroadcastEventPill

Compact single-line event pill (~20px tall, ellipsis-truncated) packed 4-5 per day-cell in the Ops Production Calendar (`/en/calendar`). Two orthogonal color axes: `data.phase` (rigging/production/rehearsal/travel/de-rig/studio) drives the pill background, while `data.category` (RSL, U21, WOMEN_PL, KING_CUP, EVENT, STUDIO) drives a 3px left-edge stripe; an optional bold `data.time` prefix sits left of the truncating `data.label`. Override the built-in hex palettes via `conf_comp.phaseColors` / `conf_comp.categoryColors`.

## Basic Usage

A "17:18 · Al Akhdoud vs Al Batin" calendar pill in the production phase (green background) with the RSL category stripe and a click handler.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Time + match-label pill, production phase background, RSL left-edge stripe, clickable.
```

## Rigging Day

A King's Cup quarter-final on its rig day - amber rigging-phase background, purple KING_CUP stripe, early 06:00 call-time.

```example
file: examples/RiggingDay.ts
html: examples/RiggingDay.html
title: Rigging Day
description: King's Cup fixture in the rigging phase (amber) with the purple KING_CUP left-edge stripe and a 06:00 crew call-time.
```

## Day Cell Stack

Five pills packed into one Production Calendar day-cell, showing the orthogonal phase (background) and category (stripe) axes reading at a glance.

```example
file: examples/DayCellStack.ts
html: examples/DayCellStack.html
title: Day Cell Stack
description: A full day-cell of five stacked pills spanning rigging, rehearsal, two productions and de-rig across RSL, WOMEN_PL and U21.
```

```api
```