# XWUIGameRitualCastingUI

Ritual/crafting circle. It arranges `conf_comp.slotCount` ingredient slots (default 5) around a central cast area, with a casting progress bar and a result display. Data props are the `slots` array (each entry an `{ icon, name }` ingredient or null), the `casting` flag, `castProgress` (0-100), and the `result` text; `showCastBar` and `showResult` toggle the bar and result area. `placeIngredient(slot, item)` fills a slot (fires `ingredient-placed`), `cast()` starts the sequence (fires `cast-start`), and `clear()` empties everything (fires `cleared`); clicking a slot emits `slot-click` with its index.

## Basic Usage

Mounts the ritual casting circle with its ingredient slots and cast bar.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts the ritual casting UI with its circular ingredient slots, center cast area, progress bar, and result display.
```

## Mid Cast

A loaded circle caught mid-incantation, with casting active and the cast bar filled to 60%.

```example
file: examples/MidCast.ts
html: examples/MidCast.html
title: Mid Cast
description: A full circle with casting true and castProgress 60, showing the active cast state and progress bar.
```

## Completed Ritual

A resolved ritual whose result text names the conjured reward in the result area below the circle.

```example
file: examples/CompletedRitual.ts
html: examples/CompletedRitual.html
title: Completed Ritual
description: A finished six-slot ritual with a result string and castProgress at 100, displaying the summoned outcome.
```

```api
```