ConnectorDirective API in Angular Diagram API component

Connectors Directive

<e-connectors>
<e-connector></e-connector>
</e-connectors>

Properties

addInfo

any

Allows the user to save custom information/data about a node/connector

Defaults to undefined

allowNodeOverlap

any

Specifies a value indicating whether to overlap the connector over with the source and target node. If the LineRouting is enabled in the diagram, then allowNodeOverlap property will not work.

Defaults to false

bezierSettings

any

Sets the bezier settings of editing the segments.

Defaults to null

bridgeSpace

any

Defines the bridgeSpace of connector

Defaults to 10

connectionPadding

any

Sets the connector padding value

Defaults to 0

connectorSpacing

any

Sets the distance between source node and connector

Defaults to 13

constraints

any

Defines the constraints of connector

• None - Interaction of the connectors cannot be done.
• Select - Selects the connector.
• Delete - Delete the connector.
• Drag - Drag the connector.
• DragSourceEnd - Drag the source end of the connector.
• DragTargetEnd - Drag the target end of the connector.
• DragSegmentThump - Drag the segment thumb of the connector.
• AllowDrop - Allow to drop a node.
• Bridging - Creates bridge on intersection of two connectors.
• InheritBridging - Creates bridge on intersection of two connectors.
• PointerEvents - Sets the pointer events.
• Tooltip - Displays a tooltip for the connectors.
• InheritToolTip - Displays a tooltip for the connectors.
• Interaction - Features of the connector used for interaction.
• ReadOnly - Enables ReadOnly

Defaults to ‘Default’

cornerRadius

any

Sets the corner radius of the connector

Defaults to 0

dragSize

any

Defines the size of a drop symbol

Defaults to undefined

excludeFromLayout

any

Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.

Defaults to false

fixedUserHandles

any

Specifies the collection of the fixed user handle

Defaults to undefined

flip

any

Flip the element in Horizontal/Vertical directions

Defaults to None

flipMode

any

Allows you to flip only the node or along with port and label

Defaults to All

hitPadding

any

Sets the connector padding value

Defaults to 10

id

any

Represents the unique id of nodes/connectors

Defaults to ”

margin

any

Defines the space to be left between the node and its immediate parent

Defaults to {}

maxSegmentThumb

any

Sets the maximum segment thumb for the connector

Defaults to null

ports

any

Defines the behavior of connection ports

Defaults to undefined

previewSize

any

Defines the size of the symbol preview

Defaults to undefined

segmentThumbShape

any

Defines the shape for the connector segmentThumb Rhombus - Sets the segmentThumb shape as Rhombus Square - Sets the segmentThumb shape as Square Rectangle - Sets the segmentThumb shape as Rectangle Ellipse - Sets the segmentThumb shape as Ellipse Arrow - Sets the segmentThumb shape as Arrow Diamond - Sets the segmentThumb shape as Diamond OpenArrow - Sets the segmentThumb shape as OpenArrow Circle - Sets the segmentThumb shape as Circle Fletch - Sets the segmentThumb shape as Fletch OpenFetch - Sets the segmentThumb shape as OpenFetch IndentedArrow - Sets the segmentThumb shape as Indented Arrow OutdentedArrow - Sets the segmentThumb shape as Outdented Arrow DoubleArrow - Sets the segmentThumb shape as DoubleArrow

Defaults to ‘Circle’

segments

any

Defines the segments

Defaults to []

shape

any

Defines the shape of the connector

Defaults to ‘Bpmn’

sourceDecorator

any

Defines the source decorator of the connector

Defaults to new Decorator()

sourceID

any

Sets the source node/connector object of the connector

Defaults to null

sourcePadding

any

Sets the source padding of the connector

Defaults to 0

sourcePoint

any

Sets the beginning point of the connector

Defaults to new Point(0,0)

sourcePortID

any

Sets the unique id of the source port of the connector

Defaults to ”

style

any

Defines the appearance of the connection path

Defaults to ”

symbolInfo

any

Defines the symbol info of a connector

Defaults to undefined

targetDecorator

any

Defines the target decorator of the connector

Defaults to new Decorator()

targetID

any

Sets the target node/connector object of the connector

Defaults to null

targetPadding

any

Sets the target padding of the connector

Defaults to 0

targetPoint

any

Sets the end point of the connector

Defaults to new Point(0,0)

targetPortID

any

Sets the unique id of the target port of the connector

Defaults to ”

tooltip

any

defines the tooltip for the connector

Defaults to new DiagramToolTip();

type

any

Defines the type of the connector

• Straight - Sets the segment type as Straight
• Orthogonal - Sets the segment type as Orthogonal
• Bezier - Sets the segment type as Bezier

Defaults to ‘Straight’

visible

any

Sets the visibility of the node/connector

Defaults to true

wrapper

any

Defines the UI of the connector

Defaults to null

zIndex

any

Defines the visual order of the node/connector in DOM

Defaults to Number.MIN_VALUE