# @grafloria/angular

Angular components for Grafloria Diagrams and Grafloria Dashboards — an MIT diagram and dashboard engine: routing, auto-layout, undo, collaboration and dashboard layouts, native in Angular.

## Install

```bash
npm install @grafloria/angular @angular/common @angular/core @angular/forms @angular/platform-browser @grafloria/engine @grafloria/renderer rxjs @grafloria/element
```

It expects these alongside it:

- `@angular/common` ^18.1.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0
- `@angular/core` ^18.1.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0
- `@angular/forms` ^18.1.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0
- `@angular/platform-browser` ^18.1.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0
- `@grafloria/engine` ^0.3.18
- `@grafloria/renderer` ^0.4.0
- `rxjs` ^7.8.0
- `@grafloria/element` ^0.4.3

## What it exports

- [Core](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-core): 9 exports, including `AngularComponentAdapter`, `GRAFLORIA_CONFIG`, `GrafloriaConfig`, `GrafloriaHandleDirective`
- [Components](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components): 67 exports, including `AnimationPreset`, `AutoToolbarDirective`, `clamp01`, `ClosestHit`
- [Interaction](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-interaction): 17 exports, including `buildMarqueeRect`, `directionToIntersectionMode`, `HitKind`, `HitTestResult`
- [Services](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-services): 37 exports, including `AngularAnimationService`, `AnimationCallback`, `AnimationConfig`, `AnimationStats`

## Also exported from here

These names are documented with the package that defines them, and can be imported from this one too.

- From [@grafloria/renderer](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-renderer-overview): `LinkPartHit`