Skip to content
D
Documentation

Overview

reference
1 min readUpdated

@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: 9 exports, including AngularComponentAdapter, GRAFLORIA_CONFIG, GrafloriaConfig, GrafloriaHandleDirective
  • Components: 67 exports, including AnimationPreset, AutoToolbarDirective, clamp01, ClosestHit
  • Interaction: 17 exports, including buildMarqueeRect, directionToIntersectionMode, HitKind, HitTestResult
  • 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.

Was this page helpful?

Overview — Grafloria