Skip to content
NgDiagram
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Intro
Quick Start
Overview
Coordinate System
Services
Architecture
Styling
Roadmap to v1.0
Guides
Nodes
Nodes
Groups
Custom Nodes
Custom Groups
Ports
New
Resizing
Rotation
Selection
Snapping
Edges
Edges
Custom Edges
Routing
Arrowheads
Floating Edges
New
Labels
Selection
Global Configuration
Background
Box Selection
Middlewares
Model Initialization
Palette
Keyboard Shortcuts
State Management
Transactions
New
Examples
Overview
Custom Node
Custom Edge
Custom Model
Custom Ports
New
Context Menu
Properties Sidebar
Download Image
Save Persistence
Layout Integration
Custom Middleware
Tailwind CSS
Angular Material Node
Performance Test
Landing Page Diagram
New
API
Components
NgDiagramBackgroundComponent
NgDiagramBaseEdgeComponent
NgDiagramBaseEdgeLabelComponent
NgDiagramBaseNodeTemplateComponent
NgDiagramComponent
NgDiagramMarkerComponent
NgDiagramNodeResizeAdornmentComponent
NgDiagramNodeRotateAdornmentComponent
NgDiagramPaletteItemComponent
NgDiagramPaletteItemPreviewComponent
NgDiagramPortComponent
Directives
NgDiagramGroupHighlightedDirective
NgDiagramNodeSelectedDirective
Services
NgDiagramClipboardService
NgDiagramGroupsService
NgDiagramModelService
NgDiagramNodeService
NgDiagramSelectionService
NgDiagramService
NgDiagramViewportService
Types
Configuration
FlowConfig
NgDiagramConfig
Features
BackgroundConfig
BoxSelectionConfig
EdgeRoutingConfig
GroupingConfig
LinkingConfig
NodeRotationConfig
ResizeConfig
SelectionMovingConfig
SnappingConfig
ZIndexConfig
ZoomConfig
Shortcuts
InputModifiers
KeyboardActionName
KeyboardMoveSelectionAction
KeyboardPanAction
KeyboardShortcutBinding
KeyboardShortcutDefinition
ModifierOnlyShortcutBinding
PointerOnlyActionName
PointerOnlyShortcutDefinition
ShortcutActionName
ShortcutDefinition
Events
ClipboardPastedEvent
DiagramEventMap
DiagramInitEvent
EdgeDrawnEvent
GroupMembershipChangedEvent
NodeResizedEvent
PaletteItemDroppedEvent
PointerInputEvent
SelectionChangedEvent
SelectionMovedEvent
SelectionRemovedEvent
SelectionRotatedEvent
ViewportChangedEvent
Geometry
Point
Rect
Size
Middleware
FlowStateUpdate
Middleware
MiddlewareChain
MiddlewareContext
MiddlewareHelpers
MiddlewareHistoryUpdate
ModelActionType
ModelActionTypes
TransactionOptions
TransactionResult
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.
