Skip to content
NgDiagram
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Intro
Quick Start
Overview
Coordinate System
Services
Architecture
Styling
MCP Server
Roadmap
Guides
Nodes
Nodes
Groups
Custom Nodes
Custom Groups
Ports
Resizing
New
Rotation
Selection
Snapping
Edges
Edges
Custom Edges
Routing
Arrowheads
Floating Edges
Labels
New
Selection
Global Configuration
Background
Box Selection
Middlewares
Minimap
Model Initialization
Palette
Keyboard Shortcuts
New
State Management
New
Touch Gestures
Transactions
New
Virtualization
Z-Ordering
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
Templates
New
Showcases
API
Components
NgDiagramBackgroundComponent
NgDiagramBaseEdgeComponent
NgDiagramBaseEdgeLabelComponent
NgDiagramBaseNodeTemplateComponent
NgDiagramComponent
NgDiagramDefaultEdgeLabelComponent
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
DefaultNodeTemplateConfig
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
EdgeDrawCancelReason
EdgeDrawEndedEvent
EdgeDrawnEvent
GestureCancelReason
GroupMembershipChangedEvent
NodeDragEndedEvent
NodeDragStartedEvent
NodeResizedEvent
NodeResizeEndedEvent
NodeResizeStartedEvent
NodeRotateEndedEvent
NodeRotateStartedEvent
PaletteItemDroppedEvent
SelectionChangedEvent
SelectionGestureEndedEvent
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
AbsoluteEdgeLabelPosition
Edge
EdgeLabel
EdgeLabelPosition
FlowState
GroupNode
InitializeModelOptions
Metadata
Model
ModelAdapter
ModelChanges
Node
OriginPoint
Port
PortLocation
PortSide
Side
SimpleNode
StripEdgeRuntimePropertiesFn
StripNodeRuntimePropertiesFn
Viewport
Palette
BasePaletteItemData
GroupNodeData
NgDiagramPaletteItem
SimpleNodeData
Routing
EdgeRouting
EdgeRoutingContext
EdgeRoutingName
RoutingMode
Templates
NgDiagramEdgeTemplate
NgDiagramEdgeTemplateMap
NgDiagramGroupNodeTemplate
NgDiagramNodeTemplate
NgDiagramNodeTemplateMap
Utilities
configureShortcuts
createMiddlewares
initializeModel
initializeModelAdapter
provideNgDiagram
stripEdgeRuntimeProperties
stripNodeRuntimeProperties
Internals
ActionState
ActionStateManager
CopyPasteActionState
DraggingActionState
EdgeRoutingManager
EnvironmentInfo
HighlightGroupActionState
LinkingActionState
PanningActionState
ResizeActionState
RotationActionState
SelectionActionState
Other
BaseEdgeLabelComponent
InvalidateMeasurementsOptions
Policies
API Stability
Deprecation Policy
Changelog
GitHub
Select theme
Dark
Light
PortSide
since v0.8.0
PortSide
=
Side
Interface representing a port side on a node in the diagram
