Skip to content
NgDiagram
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Intro
Quick Start
Overview
Coordinate System
Services
Architecture
Styling
Roadmap
Guides
Nodes
Nodes
Groups
Custom Nodes
Custom Groups
Ports
Resizing
Rotation
Selection
Snapping
Edges
Edges
Custom Edges
Routing
Arrowheads
Floating Edges
Labels
Selection
Global Configuration
Background
Box Selection
Middlewares
Minimap
New
Model Initialization
Palette
Keyboard Shortcuts
State Management
Touch Gestures
New
Transactions
Virtualization
New
Examples
Overview
Custom Node
Custom Edge
Custom Model
Custom Ports
Context Menu
Properties Sidebar
Download Image
Save Persistence
Layout Integration
Custom Middleware
Tailwind CSS
Angular Material Node
Performance Test
Landing Page Diagram
API
Components
NgDiagramBackgroundComponent
NgDiagramBaseEdgeComponent
NgDiagramBaseEdgeLabelComponent
NgDiagramBaseNodeTemplateComponent
NgDiagramComponent
NgDiagramMarkerComponent
NgDiagramMinimapComponent
NgDiagramNodeResizeAdornmentComponent
NgDiagramNodeRotateAdornmentComponent
NgDiagramPaletteItemComponent
NgDiagramPaletteItemPreviewComponent
NgDiagramPortComponent
Directives
NgDiagramGroupHighlightedDirective
NgDiagramMinimapNavigationDirective
NgDiagramNodeSelectedDirective
Services
NgDiagramClipboardService
NgDiagramGroupsService
NgDiagramModelService
NgDiagramNodeService
NgDiagramSelectionService
NgDiagramService
NgDiagramViewportService
Types
NgDiagramPanelPosition
Configuration
FlowConfig
NgDiagramConfig
Features
BackgroundConfig
BoxSelectionConfig
EdgeRoutingConfig
GroupingConfig
LinkingConfig
NodeRotationConfig
ResizeConfig
SelectionMovingConfig
SnappingConfig
VirtualizationConfig
ZIndexConfig
ZoomConfig
Shortcuts
InputModifiers
KeyboardActionName
KeyboardMoveSelectionAction
KeyboardPanAction
KeyboardShortcutBinding
KeyboardShortcutDefinition
KeyboardZoomAction
ModifierOnlyShortcutBinding
PointerOnlyActionName
PointerOnlyShortcutDefinition
ShortcutActionName
ShortcutDefinition
WheelOnlyActionName
WheelOnlyShortcutDefinition
Events
ClipboardPastedEvent
DiagramEventMap
DiagramInitEvent
EdgeDrawnEvent
GroupMembershipChangedEvent
NodeDragEndedEvent
NodeDragStartedEvent
NodeResizedEvent
NodeResizeEndedEvent
NodeResizeStartedEvent
NodeRotateEndedEvent
NodeRotateStartedEvent
PaletteItemDroppedEvent
SelectionChangedEvent
SelectionMovedEvent
SelectionRemovedEvent
SelectionRotatedEvent
ViewportChangedEvent
Geometry
Point
Rect
Size
Middleware
FlowStateUpdate
Middleware
MiddlewareChain
MiddlewareContext
MiddlewareHelpers
MiddlewareHistoryUpdate
ModelActionType
ModelActionTypes
TransactionOptions
TransactionResult
Minimap
MinimapNodeShape
MinimapNodeStyle
MinimapNodeStyleFn
NgDiagramMinimapNodeTemplate
NgDiagramMinimapNodeTemplateMap
Model
Edge
EdgeLabel
FlowState
GroupNode
Metadata
Model
ModelAdapter
ModelChanges
Node
OriginPoint
Port
PortLocation
PortSide
SimpleNode
Viewport
Palette
BasePaletteItemData
GroupNodeData
NgDiagramPaletteItem
SimpleNodeData
Routing
EdgeRouting
EdgeRoutingContext
EdgeRoutingName
RoutingMode
Templates
NgDiagramEdgeTemplate
NgDiagramEdgeTemplateMap
NgDiagramGroupNodeTemplate
NgDiagramNodeTemplate
NgDiagramNodeTemplateMap
Utilities
configureShortcuts
createMiddlewares
initializeModel
provideNgDiagram
Internals
ActionState
ActionStateManager
CopyPasteActionState
DraggingActionState
EdgeRoutingManager
EnvironmentInfo
HighlightGroupActionState
LinkingActionState
ResizeActionState
RotationActionState
Other
BaseEdgeLabelComponent
Policies
API Stability
Deprecation Policy
Changelog
GitHub
Select theme
Dark
Light
MiddlewareChain
since v0.8.0
MiddlewareChain
=
Middleware
[]
An array of middlewares that will be executed in sequence.
