# XWUIGameLivestockPanel

An animal-husbandry panel for survival games. Each entry in `data.animals` (`{ id, name, icon, type, health, hunger, output, outputReady }`) renders a card with the animal's name and type, an HP and a Food bar, and an output row whose badge reads "Collect" when `outputReady` (else "Pending"). Toggle the health bar with `conf_comp.showHealth` and the production row with `conf_comp.showOutput`. Call `updateData({ animals })` to refresh as stats change.

## Basic Usage

Shows animal cards with health and hunger bars and a collect/pending output badge.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Livestock cards with HP/Food bars and a Collect/Pending production indicator.
```

## Feeding Cycle

Feeds the herd with `updateData()` so food bars refill and each output badge flips from pending to collectable.

```example
file: examples/FeedingCycle.ts
html: examples/BasicUsage.html
title: Feeding Cycle
description: Refills hunger bars via updateData() and switches the output badges from Pending to Collect.
```

## Compact Roster

Trims the cards two ways - a vet roster hides output, a production roster hides health.

```example
file: examples/CompactRoster.ts
html: examples/BasicUsage.html
title: Compact Roster
description: A health-focused veterinary roster beside an output-focused production roster.
```

```api
```