# XWUIGameNavigationRoute

Route breadcrumb overlay. It draws an SVG polyline through the `waypoints` (each `{ x, y }`) with a dashed animation, marks each waypoint as visited / current / future relative to `currentWaypoint`, and shows a `totalDistance` + `eta` info panel with completed-versus-active segment styling. `conf_comp` sets the `lineColor` (default `#00ccff`) and toggles `showDistance`/`showETA`. Advance the path with `setCurrentWaypoint(index)` or rebuild it via `updateData({ waypoints, totalDistance, eta })`.

## Basic Usage

Mounts the navigation route overlay with its waypoint polyline and ETA panel.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts the navigation route overlay drawing a waypoint polyline with distance and ETA readouts.
```

## Distance Only

Hides the time estimate with `showETA: false` and recolors the trail via `lineColor`, leaving just the distance readout.

```example
file: examples/DistanceOnly.ts
html: examples/DistanceOnly.html
title: Distance Only
description: A gold route line with showETA off, surfacing only the remaining distance.
```

## Final Approach

Starts near the end and calls `setCurrentWaypoint()` to cross the last waypoint so every leg restyles as completed.

```example
file: examples/FinalApproach.ts
html: examples/FinalApproach.html
title: Final Approach
description: A nearly finished route advanced to its final waypoint via setCurrentWaypoint().
```

```api
```