# Connection Line

## 📏 ConnectionLine Class

A line that represents a skill node connection.

> Namespace: `Esper.SkillWeb.UI.UGUI`\
> Inherits from: `ConnectionUGUI`\
> Type: `class`

***

### 📦 Fields

| Access      | Field                     | Type             | Description                                                                      |
| ----------- | ------------------------- | ---------------- | -------------------------------------------------------------------------------- |
| `public`    | `lineRenderer`            | `LineRenderer`   | The line renderer component.                                                     |
| `public`    | `uiLineRenderer`          | `UILineRenderer` | The UI line renderer component. This is a maskable version of the line renderer. |
| `public`    | `highlightAnimationSpeed` | `float`          | The highlight animation speed.                                                   |
| `protected` | `startPosition`           | `Vector2`        | The start position. Relevant for visual connections.                             |
| `protected` | `highlightCoroutine`      | `Coroutine`      | The current highlight coroutine.                                                 |

***

### 🧰 Methods

| Access            | Method                                   | Returns       | Description                                                        |
| ----------------- | ---------------------------------------- | ------------- | ------------------------------------------------------------------ |
| `public override` | `SetConnection(Connection, WebViewUGUI)` | `void`        | Sets the connection and web view.                                  |
| `public`          | `SetConnection(Vector2, SkillNodeUGUI)`  | `void`        | Sets up the connection UI.                                         |
| `public override` | `Refresh()`                              | `void`        | Refreshes this UI object.                                          |
| `public override` | `UpdateLine()`                           | `void`        | Updates the start and end positions of the line.                   |
| `public override` | `Highlight()`                            | `void`        | Highlights the connection.                                         |
| `public override` | `Unhighlight()`                          | `void`        | Unhighlights the connection.                                       |
| `public override` | `ApplyActiveState()`                     | `void`        | Visually updates the connection based on the current active state. |
| `protected`       | `HighlightAnimationCoroutine()`          | `IEnumerator` | Handles the highlight animation.                                   |
