# Compatibility

| | Supported |
|---|---|
| Pele | `^1.7.0` (peer dependency). Tested with 1.7 (the docs site), 1.8 and 1.9. |
| Diagram types | Flowcharts and sequence diagrams ([diagram types](./diagram-types.md)) |
| Browsers | Current browsers with the Web Animations API, `IntersectionObserver` and `matchMedia` (Chrome, Edge, Firefox, Safari). Without `IntersectionObserver` the intro plays at once. |
| Module format | ESM only |
| Server rendering | Not applicable: mount on the client ([recipes](./recipes.md)) |

## What pele-animate depends on in Pele

pele-animate reads the SVG Pele produces. It selects on these class names and attributes:

`.pele-node`, `.pele-edge`, `.pele-edge-label`, `.pele-marker`, `.pele-cluster-label`, `.pele-icon`, `.pele-lifeline`,
`.pele-actor-participant`, and the `data-id` attribute.

Pele has not promised these are stable across releases (the question is open upstream). That is why Pele is a peer dependency:
upgrade it deliberately, and re-check your diagrams afterwards. The repository's tests render every documentation example,
which catches parse errors but not visual changes.

## Known limits

- Sequence-diagram participants ignore `@{ icon }`.
- Step mode is browser-tested on flowcharts only.
- Glyph art is square-boxed; wide art is drawn as a wide shape inside the square.