@graphty/graphty-element / managers / SelectionManager
Class: SelectionManager ​
Defined in: graphty-element/src/managers/SelectionManager.ts:45
Manages node selection state within the graph.
Features:
- Single node selection (one node selected at a time)
- Emits selection-changed events
- Manages selection style layer
- Updates node data with _selected property for style matching
Implements ​
Constructors ​
Constructor ​
new SelectionManager(
eventManager):SelectionManager
Defined in: graphty-element/src/managers/SelectionManager.ts:55
Creates a new selection manager
Parameters ​
eventManager ​
Event manager for emitting selection events
Returns ​
SelectionManager
Methods ​
deselect() ​
deselect():
void
Defined in: graphty-element/src/managers/SelectionManager.ts:166
Deselect the currently selected node. Emits a selection-changed event if a node was selected.
Returns ​
void
dispose() ​
dispose():
void
Defined in: graphty-element/src/managers/SelectionManager.ts:70
Dispose the selection manager and clear selection
Returns ​
void
Implementation of ​
getSelectedNode() ​
getSelectedNode():
Node|null
Defined in: graphty-element/src/managers/SelectionManager.ts:101
Get the currently selected node.
Returns ​
Node | null
The selected node, or null if nothing is selected.
getSelectionStyleLayer() ​
getSelectionStyleLayer():
object
Defined in: graphty-element/src/managers/SelectionManager.ts:184
Get the selection style layer. This layer can be modified to customize the appearance of selected nodes.
Returns ​
object
The selection style layer configuration.
edge? ​
optionaledge:object=AppliedEdgeStyle
edge.calculatedStyle? ​
optionalcalculatedStyle:object
edge.calculatedStyle.expr ​
expr:
string
edge.calculatedStyle.inputs ​
inputs:
string[]
edge.calculatedStyle.output ​
output:
string=AllowedOuputPaths
edge.selector ​
selector:
string
edge.style ​
style:
object=EdgeStyle
edge.style.arrowHead? ​
optionalarrowHead:object
edge.style.arrowHead.color? ​
optionalcolor:string
edge.style.arrowHead.opacity? ​
optionalopacity:number
edge.style.arrowHead.size? ​
optionalsize:number
edge.style.arrowHead.text? ​
optionaltext:object
edge.style.arrowHead.text.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
edge.style.arrowHead.text.animationSpeed? ​
optionalanimationSpeed:number
edge.style.arrowHead.text.attachOffset? ​
optionalattachOffset:number
edge.style.arrowHead.text.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
edge.style.arrowHead.text.autoSize? ​
optionalautoSize:boolean
edge.style.arrowHead.text.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?: ... | ...;value: ... | ...; } | {colors: ...[];colorType:"gradient";direction:number;opacity?: ... | ...; } | {colors: ...[];colorType:"radial-gradient";opacity?: ... | ...; }
edge.style.arrowHead.text.backgroundGradient? ​
optionalbackgroundGradient:boolean
edge.style.arrowHead.text.backgroundGradientColors? ​
optionalbackgroundGradientColors: (... | ...)[]
edge.style.arrowHead.text.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
edge.style.arrowHead.text.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
edge.style.arrowHead.text.backgroundPadding? ​
optionalbackgroundPadding:number
edge.style.arrowHead.text.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
edge.style.arrowHead.text.billboardMode? ​
optionalbillboardMode:number
edge.style.arrowHead.text.borderColor? ​
optionalborderColor:string
edge.style.arrowHead.text.borders? ​
optionalborders:object[]
edge.style.arrowHead.text.borderWidth? ​
optionalborderWidth:number
edge.style.arrowHead.text.cornerRadius? ​
optionalcornerRadius:number
edge.style.arrowHead.text.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
edge.style.arrowHead.text.depthFadeFar? ​
optionaldepthFadeFar:number
edge.style.arrowHead.text.depthFadeNear? ​
optionaldepthFadeNear:number
edge.style.arrowHead.text.enabled? ​
optionalenabled:boolean
edge.style.arrowHead.text.font? ​
optionalfont:string
edge.style.arrowHead.text.fontSize? ​
optionalfontSize:number
edge.style.arrowHead.text.fontWeight? ​
optionalfontWeight:string
edge.style.arrowHead.text.icon? ​
optionalicon:string
edge.style.arrowHead.text.iconPosition? ​
optionaliconPosition:"left"|"right"
edge.style.arrowHead.text.lineHeight? ​
optionallineHeight:number
edge.style.arrowHead.text.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
edge.style.arrowHead.text.marginBottom? ​
optionalmarginBottom:number
edge.style.arrowHead.text.marginLeft? ​
optionalmarginLeft:number
edge.style.arrowHead.text.marginRight? ​
optionalmarginRight:number
edge.style.arrowHead.text.marginTop? ​
optionalmarginTop:number
edge.style.arrowHead.text.maxNumber? ​
optionalmaxNumber:number
edge.style.arrowHead.text.overflowSuffix? ​
optionaloverflowSuffix:string
edge.style.arrowHead.text.pointer? ​
optionalpointer:boolean
edge.style.arrowHead.text.pointerCurve? ​
optionalpointerCurve:boolean
edge.style.arrowHead.text.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
edge.style.arrowHead.text.pointerHeight? ​
optionalpointerHeight:number
edge.style.arrowHead.text.pointerOffset? ​
optionalpointerOffset:number
edge.style.arrowHead.text.pointerWidth? ​
optionalpointerWidth:number
edge.style.arrowHead.text.position? ​
optionalposition:object
edge.style.arrowHead.text.position.x ​
x:
number
edge.style.arrowHead.text.position.y ​
y:
number
edge.style.arrowHead.text.position.z ​
z:
number
edge.style.arrowHead.text.progress? ​
optionalprogress:number
edge.style.arrowHead.text.resolution? ​
optionalresolution:number
edge.style.arrowHead.text.smartOverflow? ​
optionalsmartOverflow:boolean
edge.style.arrowHead.text.text? ​
optionaltext:string
edge.style.arrowHead.text.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
edge.style.arrowHead.text.textColor? ​
optionaltextColor:string
edge.style.arrowHead.text.textOutline? ​
optionaltextOutline:boolean
edge.style.arrowHead.text.textOutlineColor? ​
optionaltextOutlineColor:string
edge.style.arrowHead.text.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
edge.style.arrowHead.text.textOutlineWidth? ​
optionaltextOutlineWidth:number
edge.style.arrowHead.text.textPath? ​
optionaltextPath:string
edge.style.arrowHead.text.textShadow? ​
optionaltextShadow:boolean
edge.style.arrowHead.text.textShadowBlur? ​
optionaltextShadowBlur:number
edge.style.arrowHead.text.textShadowColor? ​
optionaltextShadowColor:string
edge.style.arrowHead.text.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
edge.style.arrowHead.text.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
edge.style.arrowHead.type? ​
optionaltype:"none"|"dot"|"normal"|"inverted"|"sphere-dot"|"open-dot"|"tee"|"open-normal"|"diamond"|"open-diamond"|"crow"|"box"|"half-open"|"vee"
edge.style.arrowTail? ​
optionalarrowTail:object
edge.style.arrowTail.color? ​
optionalcolor:string
edge.style.arrowTail.opacity? ​
optionalopacity:number
edge.style.arrowTail.size? ​
optionalsize:number
edge.style.arrowTail.text? ​
optionaltext:object
edge.style.arrowTail.text.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
edge.style.arrowTail.text.animationSpeed? ​
optionalanimationSpeed:number
edge.style.arrowTail.text.attachOffset? ​
optionalattachOffset:number
edge.style.arrowTail.text.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
edge.style.arrowTail.text.autoSize? ​
optionalautoSize:boolean
edge.style.arrowTail.text.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?: ... | ...;value: ... | ...; } | {colors: ...[];colorType:"gradient";direction:number;opacity?: ... | ...; } | {colors: ...[];colorType:"radial-gradient";opacity?: ... | ...; }
edge.style.arrowTail.text.backgroundGradient? ​
optionalbackgroundGradient:boolean
edge.style.arrowTail.text.backgroundGradientColors? ​
optionalbackgroundGradientColors: (... | ...)[]
edge.style.arrowTail.text.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
edge.style.arrowTail.text.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
edge.style.arrowTail.text.backgroundPadding? ​
optionalbackgroundPadding:number
edge.style.arrowTail.text.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
edge.style.arrowTail.text.billboardMode? ​
optionalbillboardMode:number
edge.style.arrowTail.text.borderColor? ​
optionalborderColor:string
edge.style.arrowTail.text.borders? ​
optionalborders:object[]
edge.style.arrowTail.text.borderWidth? ​
optionalborderWidth:number
edge.style.arrowTail.text.cornerRadius? ​
optionalcornerRadius:number
edge.style.arrowTail.text.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
edge.style.arrowTail.text.depthFadeFar? ​
optionaldepthFadeFar:number
edge.style.arrowTail.text.depthFadeNear? ​
optionaldepthFadeNear:number
edge.style.arrowTail.text.enabled? ​
optionalenabled:boolean
edge.style.arrowTail.text.font? ​
optionalfont:string
edge.style.arrowTail.text.fontSize? ​
optionalfontSize:number
edge.style.arrowTail.text.fontWeight? ​
optionalfontWeight:string
edge.style.arrowTail.text.icon? ​
optionalicon:string
edge.style.arrowTail.text.iconPosition? ​
optionaliconPosition:"left"|"right"
edge.style.arrowTail.text.lineHeight? ​
optionallineHeight:number
edge.style.arrowTail.text.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
edge.style.arrowTail.text.marginBottom? ​
optionalmarginBottom:number
edge.style.arrowTail.text.marginLeft? ​
optionalmarginLeft:number
edge.style.arrowTail.text.marginRight? ​
optionalmarginRight:number
edge.style.arrowTail.text.marginTop? ​
optionalmarginTop:number
edge.style.arrowTail.text.maxNumber? ​
optionalmaxNumber:number
edge.style.arrowTail.text.overflowSuffix? ​
optionaloverflowSuffix:string
edge.style.arrowTail.text.pointer? ​
optionalpointer:boolean
edge.style.arrowTail.text.pointerCurve? ​
optionalpointerCurve:boolean
edge.style.arrowTail.text.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
edge.style.arrowTail.text.pointerHeight? ​
optionalpointerHeight:number
edge.style.arrowTail.text.pointerOffset? ​
optionalpointerOffset:number
edge.style.arrowTail.text.pointerWidth? ​
optionalpointerWidth:number
edge.style.arrowTail.text.position? ​
optionalposition:object
edge.style.arrowTail.text.position.x ​
x:
number
edge.style.arrowTail.text.position.y ​
y:
number
edge.style.arrowTail.text.position.z ​
z:
number
edge.style.arrowTail.text.progress? ​
optionalprogress:number
edge.style.arrowTail.text.resolution? ​
optionalresolution:number
edge.style.arrowTail.text.smartOverflow? ​
optionalsmartOverflow:boolean
edge.style.arrowTail.text.text? ​
optionaltext:string
edge.style.arrowTail.text.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
edge.style.arrowTail.text.textColor? ​
optionaltextColor:string
edge.style.arrowTail.text.textOutline? ​
optionaltextOutline:boolean
edge.style.arrowTail.text.textOutlineColor? ​
optionaltextOutlineColor:string
edge.style.arrowTail.text.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
edge.style.arrowTail.text.textOutlineWidth? ​
optionaltextOutlineWidth:number
edge.style.arrowTail.text.textPath? ​
optionaltextPath:string
edge.style.arrowTail.text.textShadow? ​
optionaltextShadow:boolean
edge.style.arrowTail.text.textShadowBlur? ​
optionaltextShadowBlur:number
edge.style.arrowTail.text.textShadowColor? ​
optionaltextShadowColor:string
edge.style.arrowTail.text.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
edge.style.arrowTail.text.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
edge.style.arrowTail.type? ​
optionaltype:"none"|"dot"|"normal"|"inverted"|"sphere-dot"|"open-dot"|"tee"|"open-normal"|"diamond"|"open-diamond"|"crow"|"box"|"half-open"|"vee"
edge.style.enabled? ​
optionalenabled:boolean
edge.style.label? ​
optionallabel:object
edge.style.label.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
edge.style.label.animationSpeed? ​
optionalanimationSpeed:number
edge.style.label.attachOffset? ​
optionalattachOffset:number
edge.style.label.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
edge.style.label.autoSize? ​
optionalautoSize:boolean
edge.style.label.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?:number;value:string|undefined; } | {colors: (string|undefined)[];colorType:"gradient";direction:number;opacity?:number; } | {colors: (string|undefined)[];colorType:"radial-gradient";opacity?:number; }
edge.style.label.backgroundGradient? ​
optionalbackgroundGradient:boolean
edge.style.label.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
edge.style.label.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
edge.style.label.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
edge.style.label.backgroundPadding? ​
optionalbackgroundPadding:number
edge.style.label.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
edge.style.label.billboardMode? ​
optionalbillboardMode:number
edge.style.label.borderColor? ​
optionalborderColor:string
edge.style.label.borders? ​
optionalborders:object[]
edge.style.label.borderWidth? ​
optionalborderWidth:number
edge.style.label.cornerRadius? ​
optionalcornerRadius:number
edge.style.label.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
edge.style.label.depthFadeFar? ​
optionaldepthFadeFar:number
edge.style.label.depthFadeNear? ​
optionaldepthFadeNear:number
edge.style.label.enabled? ​
optionalenabled:boolean
edge.style.label.font? ​
optionalfont:string
edge.style.label.fontSize? ​
optionalfontSize:number
edge.style.label.fontWeight? ​
optionalfontWeight:string
edge.style.label.icon? ​
optionalicon:string
edge.style.label.iconPosition? ​
optionaliconPosition:"left"|"right"
edge.style.label.lineHeight? ​
optionallineHeight:number
edge.style.label.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
edge.style.label.marginBottom? ​
optionalmarginBottom:number
edge.style.label.marginLeft? ​
optionalmarginLeft:number
edge.style.label.marginRight? ​
optionalmarginRight:number
edge.style.label.marginTop? ​
optionalmarginTop:number
edge.style.label.maxNumber? ​
optionalmaxNumber:number
edge.style.label.overflowSuffix? ​
optionaloverflowSuffix:string
edge.style.label.pointer? ​
optionalpointer:boolean
edge.style.label.pointerCurve? ​
optionalpointerCurve:boolean
edge.style.label.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
edge.style.label.pointerHeight? ​
optionalpointerHeight:number
edge.style.label.pointerOffset? ​
optionalpointerOffset:number
edge.style.label.pointerWidth? ​
optionalpointerWidth:number
edge.style.label.position? ​
optionalposition:object
edge.style.label.position.x ​
x:
number
edge.style.label.position.y ​
y:
number
edge.style.label.position.z ​
z:
number
edge.style.label.progress? ​
optionalprogress:number
edge.style.label.resolution? ​
optionalresolution:number
edge.style.label.smartOverflow? ​
optionalsmartOverflow:boolean
edge.style.label.text? ​
optionaltext:string
edge.style.label.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
edge.style.label.textColor? ​
optionaltextColor:string
edge.style.label.textOutline? ​
optionaltextOutline:boolean
edge.style.label.textOutlineColor? ​
optionaltextOutlineColor:string
edge.style.label.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
edge.style.label.textOutlineWidth? ​
optionaltextOutlineWidth:number
edge.style.label.textPath? ​
optionaltextPath:string
edge.style.label.textShadow? ​
optionaltextShadow:boolean
edge.style.label.textShadowBlur? ​
optionaltextShadowBlur:number
edge.style.label.textShadowColor? ​
optionaltextShadowColor:string
edge.style.label.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
edge.style.label.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
edge.style.line? ​
optionalline:object
edge.style.line.animationSpeed? ​
optionalanimationSpeed:number
edge.style.line.bezier? ​
optionalbezier:boolean
edge.style.line.color? ​
optionalcolor:string
edge.style.line.opacity? ​
optionalopacity:number
edge.style.line.type? ​
optionaltype:"solid"|"dot"|"diamond"|"box"|"star"|"dash"|"dash-dot"|"sinewave"|"zigzag"
edge.style.line.width? ​
optionalwidth:number
edge.style.tooltip? ​
optionaltooltip:object
edge.style.tooltip.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
edge.style.tooltip.animationSpeed? ​
optionalanimationSpeed:number
edge.style.tooltip.attachOffset? ​
optionalattachOffset:number
edge.style.tooltip.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
edge.style.tooltip.autoSize? ​
optionalautoSize:boolean
edge.style.tooltip.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?:number;value:string|undefined; } | {colors: (string|undefined)[];colorType:"gradient";direction:number;opacity?:number; } | {colors: (string|undefined)[];colorType:"radial-gradient";opacity?:number; }
edge.style.tooltip.backgroundGradient? ​
optionalbackgroundGradient:boolean
edge.style.tooltip.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
edge.style.tooltip.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
edge.style.tooltip.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
edge.style.tooltip.backgroundPadding? ​
optionalbackgroundPadding:number
edge.style.tooltip.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
edge.style.tooltip.billboardMode? ​
optionalbillboardMode:number
edge.style.tooltip.borderColor? ​
optionalborderColor:string
edge.style.tooltip.borders? ​
optionalborders:object[]
edge.style.tooltip.borderWidth? ​
optionalborderWidth:number
edge.style.tooltip.cornerRadius? ​
optionalcornerRadius:number
edge.style.tooltip.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
edge.style.tooltip.depthFadeFar? ​
optionaldepthFadeFar:number
edge.style.tooltip.depthFadeNear? ​
optionaldepthFadeNear:number
edge.style.tooltip.enabled? ​
optionalenabled:boolean
edge.style.tooltip.font? ​
optionalfont:string
edge.style.tooltip.fontSize? ​
optionalfontSize:number
edge.style.tooltip.fontWeight? ​
optionalfontWeight:string
edge.style.tooltip.icon? ​
optionalicon:string
edge.style.tooltip.iconPosition? ​
optionaliconPosition:"left"|"right"
edge.style.tooltip.lineHeight? ​
optionallineHeight:number
edge.style.tooltip.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
edge.style.tooltip.marginBottom? ​
optionalmarginBottom:number
edge.style.tooltip.marginLeft? ​
optionalmarginLeft:number
edge.style.tooltip.marginRight? ​
optionalmarginRight:number
edge.style.tooltip.marginTop? ​
optionalmarginTop:number
edge.style.tooltip.maxNumber? ​
optionalmaxNumber:number
edge.style.tooltip.overflowSuffix? ​
optionaloverflowSuffix:string
edge.style.tooltip.pointer? ​
optionalpointer:boolean
edge.style.tooltip.pointerCurve? ​
optionalpointerCurve:boolean
edge.style.tooltip.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
edge.style.tooltip.pointerHeight? ​
optionalpointerHeight:number
edge.style.tooltip.pointerOffset? ​
optionalpointerOffset:number
edge.style.tooltip.pointerWidth? ​
optionalpointerWidth:number
edge.style.tooltip.position? ​
optionalposition:object
edge.style.tooltip.position.x ​
x:
number
edge.style.tooltip.position.y ​
y:
number
edge.style.tooltip.position.z ​
z:
number
edge.style.tooltip.progress? ​
optionalprogress:number
edge.style.tooltip.resolution? ​
optionalresolution:number
edge.style.tooltip.smartOverflow? ​
optionalsmartOverflow:boolean
edge.style.tooltip.text? ​
optionaltext:string
edge.style.tooltip.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
edge.style.tooltip.textColor? ​
optionaltextColor:string
edge.style.tooltip.textOutline? ​
optionaltextOutline:boolean
edge.style.tooltip.textOutlineColor? ​
optionaltextOutlineColor:string
edge.style.tooltip.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
edge.style.tooltip.textOutlineWidth? ​
optionaltextOutlineWidth:number
edge.style.tooltip.textPath? ​
optionaltextPath:string
edge.style.tooltip.textShadow? ​
optionaltextShadow:boolean
edge.style.tooltip.textShadowBlur? ​
optionaltextShadowBlur:number
edge.style.tooltip.textShadowColor? ​
optionaltextShadowColor:string
edge.style.tooltip.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
edge.style.tooltip.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
metadata? ​
optionalmetadata:object
Index Signature ​
[key: string]: unknown
metadata.name ​
name:
string
node? ​
optionalnode:object=AppliedNodeStyle
node.calculatedStyle? ​
optionalcalculatedStyle:object
node.calculatedStyle.expr ​
expr:
string
node.calculatedStyle.inputs ​
inputs:
string[]
node.calculatedStyle.output ​
output:
string=AllowedOuputPaths
node.selector ​
selector:
string
node.style ​
style:
object=NodeStyle
node.style.effect? ​
optionaleffect:object
node.style.effect.flatShaded? ​
optionalflatShaded:boolean
node.style.effect.glow? ​
optionalglow:object
node.style.effect.glow.color? ​
optionalcolor:string
node.style.effect.glow.strength? ​
optionalstrength:number
node.style.effect.outline? ​
optionaloutline:object
node.style.effect.outline.color? ​
optionalcolor:string
node.style.effect.outline.width? ​
optionalwidth:number
node.style.effect.wireframe? ​
optionalwireframe:boolean
node.style.enabled? ​
optionalenabled:boolean
node.style.label? ​
optionallabel:object
node.style.label.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
node.style.label.animationSpeed? ​
optionalanimationSpeed:number
node.style.label.attachOffset? ​
optionalattachOffset:number
node.style.label.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
node.style.label.autoSize? ​
optionalautoSize:boolean
node.style.label.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?:number;value:string|undefined; } | {colors: (string|undefined)[];colorType:"gradient";direction:number;opacity?:number; } | {colors: (string|undefined)[];colorType:"radial-gradient";opacity?:number; }
node.style.label.backgroundGradient? ​
optionalbackgroundGradient:boolean
node.style.label.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
node.style.label.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
node.style.label.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
node.style.label.backgroundPadding? ​
optionalbackgroundPadding:number
node.style.label.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
node.style.label.billboardMode? ​
optionalbillboardMode:number
node.style.label.borderColor? ​
optionalborderColor:string
node.style.label.borders? ​
optionalborders:object[]
node.style.label.borderWidth? ​
optionalborderWidth:number
node.style.label.cornerRadius? ​
optionalcornerRadius:number
node.style.label.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
node.style.label.depthFadeFar? ​
optionaldepthFadeFar:number
node.style.label.depthFadeNear? ​
optionaldepthFadeNear:number
node.style.label.enabled? ​
optionalenabled:boolean
node.style.label.font? ​
optionalfont:string
node.style.label.fontSize? ​
optionalfontSize:number
node.style.label.fontWeight? ​
optionalfontWeight:string
node.style.label.icon? ​
optionalicon:string
node.style.label.iconPosition? ​
optionaliconPosition:"left"|"right"
node.style.label.lineHeight? ​
optionallineHeight:number
node.style.label.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
node.style.label.marginBottom? ​
optionalmarginBottom:number
node.style.label.marginLeft? ​
optionalmarginLeft:number
node.style.label.marginRight? ​
optionalmarginRight:number
node.style.label.marginTop? ​
optionalmarginTop:number
node.style.label.maxNumber? ​
optionalmaxNumber:number
node.style.label.overflowSuffix? ​
optionaloverflowSuffix:string
node.style.label.pointer? ​
optionalpointer:boolean
node.style.label.pointerCurve? ​
optionalpointerCurve:boolean
node.style.label.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
node.style.label.pointerHeight? ​
optionalpointerHeight:number
node.style.label.pointerOffset? ​
optionalpointerOffset:number
node.style.label.pointerWidth? ​
optionalpointerWidth:number
node.style.label.position? ​
optionalposition:object
node.style.label.position.x ​
x:
number
node.style.label.position.y ​
y:
number
node.style.label.position.z ​
z:
number
node.style.label.progress? ​
optionalprogress:number
node.style.label.resolution? ​
optionalresolution:number
node.style.label.smartOverflow? ​
optionalsmartOverflow:boolean
node.style.label.text? ​
optionaltext:string
node.style.label.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
node.style.label.textColor? ​
optionaltextColor:string
node.style.label.textOutline? ​
optionaltextOutline:boolean
node.style.label.textOutlineColor? ​
optionaltextOutlineColor:string
node.style.label.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
node.style.label.textOutlineWidth? ​
optionaltextOutlineWidth:number
node.style.label.textPath? ​
optionaltextPath:string
node.style.label.textShadow? ​
optionaltextShadow:boolean
node.style.label.textShadowBlur? ​
optionaltextShadowBlur:number
node.style.label.textShadowColor? ​
optionaltextShadowColor:string
node.style.label.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
node.style.label.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
node.style.shape? ​
optionalshape:object
node.style.shape.size? ​
optionalsize:number
node.style.shape.type? ​
optionaltype:"box"|"sphere"|"cylinder"|"cone"|"capsule"|"torus-knot"|"tetrahedron"|"octahedron"|"dodecahedron"|"icosahedron"|"rhombicuboctahedron"|"triangular_prism"|"pentagonal_prism"|"hexagonal_prism"|"square_pyramid"|"pentagonal_pyramid"|"triangular_dipyramid"|"pentagonal_dipyramid"|"elongated_square_dipyramid"|"elongated_pentagonal_dipyramid"|"elongated_pentagonal_cupola"|"goldberg"|"icosphere"|"geodesic"
node.style.texture? ​
optionaltexture:object
node.style.texture.color? ​
optionalcolor:string| {colorType:"solid";opacity?:number;value:string|undefined; } | {colors: (string|undefined)[];colorType:"gradient";direction:number;opacity?:number; } | {colors: (string|undefined)[];colorType:"radial-gradient";opacity?:number; }
node.style.texture.icon? ​
optionalicon:string
node.style.texture.image? ​
optionalimage:string
node.style.tooltip? ​
optionaltooltip:object
node.style.tooltip.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
node.style.tooltip.animationSpeed? ​
optionalanimationSpeed:number
node.style.tooltip.attachOffset? ​
optionalattachOffset:number
node.style.tooltip.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
node.style.tooltip.autoSize? ​
optionalautoSize:boolean
node.style.tooltip.backgroundColor? ​
optionalbackgroundColor:string| {colorType:"solid";opacity?:number;value:string|undefined; } | {colors: (string|undefined)[];colorType:"gradient";direction:number;opacity?:number; } | {colors: (string|undefined)[];colorType:"radial-gradient";opacity?:number; }
node.style.tooltip.backgroundGradient? ​
optionalbackgroundGradient:boolean
node.style.tooltip.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
node.style.tooltip.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
node.style.tooltip.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
node.style.tooltip.backgroundPadding? ​
optionalbackgroundPadding:number
node.style.tooltip.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
node.style.tooltip.billboardMode? ​
optionalbillboardMode:number
node.style.tooltip.borderColor? ​
optionalborderColor:string
node.style.tooltip.borders? ​
optionalborders:object[]
node.style.tooltip.borderWidth? ​
optionalborderWidth:number
node.style.tooltip.cornerRadius? ​
optionalcornerRadius:number
node.style.tooltip.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
node.style.tooltip.depthFadeFar? ​
optionaldepthFadeFar:number
node.style.tooltip.depthFadeNear? ​
optionaldepthFadeNear:number
node.style.tooltip.enabled? ​
optionalenabled:boolean
node.style.tooltip.font? ​
optionalfont:string
node.style.tooltip.fontSize? ​
optionalfontSize:number
node.style.tooltip.fontWeight? ​
optionalfontWeight:string
node.style.tooltip.icon? ​
optionalicon:string
node.style.tooltip.iconPosition? ​
optionaliconPosition:"left"|"right"
node.style.tooltip.lineHeight? ​
optionallineHeight:number
node.style.tooltip.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
node.style.tooltip.marginBottom? ​
optionalmarginBottom:number
node.style.tooltip.marginLeft? ​
optionalmarginLeft:number
node.style.tooltip.marginRight? ​
optionalmarginRight:number
node.style.tooltip.marginTop? ​
optionalmarginTop:number
node.style.tooltip.maxNumber? ​
optionalmaxNumber:number
node.style.tooltip.overflowSuffix? ​
optionaloverflowSuffix:string
node.style.tooltip.pointer? ​
optionalpointer:boolean
node.style.tooltip.pointerCurve? ​
optionalpointerCurve:boolean
node.style.tooltip.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
node.style.tooltip.pointerHeight? ​
optionalpointerHeight:number
node.style.tooltip.pointerOffset? ​
optionalpointerOffset:number
node.style.tooltip.pointerWidth? ​
optionalpointerWidth:number
node.style.tooltip.position? ​
optionalposition:object
node.style.tooltip.position.x ​
x:
number
node.style.tooltip.position.y ​
y:
number
node.style.tooltip.position.z ​
z:
number
node.style.tooltip.progress? ​
optionalprogress:number
node.style.tooltip.resolution? ​
optionalresolution:number
node.style.tooltip.smartOverflow? ​
optionalsmartOverflow:boolean
node.style.tooltip.text? ​
optionaltext:string
node.style.tooltip.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
node.style.tooltip.textColor? ​
optionaltextColor:string
node.style.tooltip.textOutline? ​
optionaltextOutline:boolean
node.style.tooltip.textOutlineColor? ​
optionaltextOutlineColor:string
node.style.tooltip.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
node.style.tooltip.textOutlineWidth? ​
optionaltextOutlineWidth:number
node.style.tooltip.textPath? ​
optionaltextPath:string
node.style.tooltip.textShadow? ​
optionaltextShadow:boolean
node.style.tooltip.textShadowBlur? ​
optionaltextShadowBlur:number
node.style.tooltip.textShadowColor? ​
optionaltextShadowColor:string
node.style.tooltip.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
node.style.tooltip.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
init() ​
init():
Promise<void>
Defined in: graphty-element/src/managers/SelectionManager.ts:63
Initialize the selection manager
Returns ​
Promise<void>
Implementation of ​
isSelected() ​
isSelected(
node):boolean
Defined in: graphty-element/src/managers/SelectionManager.ts:110
Check if a specific node is currently selected.
Parameters ​
node ​
The node to check.
Returns ​
boolean
True if the node is selected, false otherwise.
onNodeRemoved() ​
onNodeRemoved(
node):void
Defined in: graphty-element/src/managers/SelectionManager.ts:209
Handle node removal. Should be called when a node is removed from the graph. If the removed node was selected, the selection is cleared.
Parameters ​
node ​
The node being removed.
Returns ​
void
select() ​
select(
node):void
Defined in: graphty-element/src/managers/SelectionManager.ts:120
Select a node. If another node is currently selected, it will be deselected first. Emits a selection-changed event.
Parameters ​
node ​
The node to select.
Returns ​
void
selectById() ​
selectById(
nodeId):boolean
Defined in: graphty-element/src/managers/SelectionManager.ts:147
Select a node by its ID. Requires DataManager to be set via setDataManager().
Parameters ​
nodeId ​
The ID of the node to select.
string | number
Returns ​
boolean
True if the node was found and selected, false if not found.
setDataManager() ​
setDataManager(
dataManager):void
Defined in: graphty-element/src/managers/SelectionManager.ts:84
Set the DataManager reference. Required for selectById() functionality.
Parameters ​
dataManager ​
The data manager instance
Returns ​
void
setSelectionStyleLayer() ​
setSelectionStyleLayer(
layer):void
Defined in: graphty-element/src/managers/SelectionManager.ts:193
Update the selection style layer. Use this to customize the appearance of selected nodes.
Parameters ​
layer ​
The new selection style layer configuration.
edge? ​
{ calculatedStyle?: { expr: string; inputs: string[]; output: string; }; selector: string; style: { arrowHead?: { color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; }; arrowTail?: { color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; }; enabled?: boolean; label?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; line?: { animationSpeed?: number; bezier?: boolean; color?: string; opacity?: number; type?: "solid" | "dot" | "diamond" | "box" | "star" | "dash" | "dash-dot" | "sinewave" | "zigzag"; width?: number; }; tooltip?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; }; } = AppliedEdgeStyle
edge.calculatedStyle? ​
{ expr: string; inputs: string[]; output: string; } = ...
edge.calculatedStyle.expr ​
string = ...
edge.calculatedStyle.inputs ​
string[] = ...
edge.calculatedStyle.output ​
string = AllowedOuputPaths
edge.selector ​
string = ...
edge.style ​
{ arrowHead?: { color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; }; arrowTail?: { color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; }; enabled?: boolean; label?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; line?: { animationSpeed?: number; bezier?: boolean; color?: string; opacity?: number; type?: "solid" | "dot" | "diamond" | "box" | "star" | "dash" | "dash-dot" | "sinewave" | "zigzag"; width?: number; }; tooltip?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; } = EdgeStyle
edge.style.arrowHead? ​
{ color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; } = ...
edge.style.arrowHead.color? ​
string = ...
edge.style.arrowHead.opacity? ​
number = ...
edge.style.arrowHead.size? ​
number = ...
edge.style.arrowHead.text? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
edge.style.arrowHead.text.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
edge.style.arrowHead.text.animationSpeed? ​
number = ...
edge.style.arrowHead.text.attachOffset? ​
number = ...
edge.style.arrowHead.text.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
edge.style.arrowHead.text.autoSize? ​
boolean = ...
edge.style.arrowHead.text.backgroundColor? ​
string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; } = ...
edge.style.arrowHead.text.backgroundGradient? ​
boolean = ...
edge.style.arrowHead.text.backgroundGradientColors? ​
(... | ...)[] = ...
edge.style.arrowHead.text.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
edge.style.arrowHead.text.backgroundGradientType? ​
"linear" | "radial" = ...
edge.style.arrowHead.text.backgroundPadding? ​
number = ...
edge.style.arrowHead.text.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
edge.style.arrowHead.text.billboardMode? ​
number = ...
edge.style.arrowHead.text.borderColor? ​
string = ...
edge.style.arrowHead.text.borders? ​
object[] = ...
edge.style.arrowHead.text.borderWidth? ​
number = ...
edge.style.arrowHead.text.cornerRadius? ​
number = ...
edge.style.arrowHead.text.depthFadeEnabled? ​
boolean = ...
edge.style.arrowHead.text.depthFadeFar? ​
number = ...
edge.style.arrowHead.text.depthFadeNear? ​
number = ...
edge.style.arrowHead.text.enabled? ​
boolean = ...
edge.style.arrowHead.text.font? ​
string = ...
edge.style.arrowHead.text.fontSize? ​
number = ...
edge.style.arrowHead.text.fontWeight? ​
string = ...
edge.style.arrowHead.text.icon? ​
string = ...
edge.style.arrowHead.text.iconPosition? ​
"left" | "right" = ...
edge.style.arrowHead.text.lineHeight? ​
number = ...
edge.style.arrowHead.text.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
edge.style.arrowHead.text.marginBottom? ​
number = ...
edge.style.arrowHead.text.marginLeft? ​
number = ...
edge.style.arrowHead.text.marginRight? ​
number = ...
edge.style.arrowHead.text.marginTop? ​
number = ...
edge.style.arrowHead.text.maxNumber? ​
number = ...
edge.style.arrowHead.text.overflowSuffix? ​
string = ...
edge.style.arrowHead.text.pointer? ​
boolean = ...
edge.style.arrowHead.text.pointerCurve? ​
boolean = ...
edge.style.arrowHead.text.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
edge.style.arrowHead.text.pointerHeight? ​
number = ...
edge.style.arrowHead.text.pointerOffset? ​
number = ...
edge.style.arrowHead.text.pointerWidth? ​
number = ...
edge.style.arrowHead.text.position? ​
{ x: number; y: number; z: number; } = ...
edge.style.arrowHead.text.position.x ​
number = ...
edge.style.arrowHead.text.position.y ​
number = ...
edge.style.arrowHead.text.position.z ​
number = ...
edge.style.arrowHead.text.progress? ​
number = ...
edge.style.arrowHead.text.resolution? ​
number = ...
edge.style.arrowHead.text.smartOverflow? ​
boolean = ...
edge.style.arrowHead.text.text? ​
string = ...
edge.style.arrowHead.text.textAlign? ​
"left" | "center" | "right" = ...
edge.style.arrowHead.text.textColor? ​
string = ...
edge.style.arrowHead.text.textOutline? ​
boolean = ...
edge.style.arrowHead.text.textOutlineColor? ​
string = ...
edge.style.arrowHead.text.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
edge.style.arrowHead.text.textOutlineWidth? ​
number = ...
edge.style.arrowHead.text.textPath? ​
string = ...
edge.style.arrowHead.text.textShadow? ​
boolean = ...
edge.style.arrowHead.text.textShadowBlur? ​
number = ...
edge.style.arrowHead.text.textShadowColor? ​
string = ...
edge.style.arrowHead.text.textShadowOffsetX? ​
number = ...
edge.style.arrowHead.text.textShadowOffsetY? ​
number = ...
edge.style.arrowHead.type? ​
"none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee" = ...
edge.style.arrowTail? ​
{ color?: string; opacity?: number; size?: number; text?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; type?: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"; } = ...
edge.style.arrowTail.color? ​
string = ...
edge.style.arrowTail.opacity? ​
number = ...
edge.style.arrowTail.size? ​
number = ...
edge.style.arrowTail.text? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; }; backgroundGradient?: boolean; backgroundGradientColors?: (... | ...)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
edge.style.arrowTail.text.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
edge.style.arrowTail.text.animationSpeed? ​
number = ...
edge.style.arrowTail.text.attachOffset? ​
number = ...
edge.style.arrowTail.text.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
edge.style.arrowTail.text.autoSize? ​
boolean = ...
edge.style.arrowTail.text.backgroundColor? ​
string | { colorType: "solid"; opacity?: ... | ...; value: ... | ...; } | { colors: ...[]; colorType: "gradient"; direction: number; opacity?: ... | ...; } | { colors: ...[]; colorType: "radial-gradient"; opacity?: ... | ...; } = ...
edge.style.arrowTail.text.backgroundGradient? ​
boolean = ...
edge.style.arrowTail.text.backgroundGradientColors? ​
(... | ...)[] = ...
edge.style.arrowTail.text.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
edge.style.arrowTail.text.backgroundGradientType? ​
"linear" | "radial" = ...
edge.style.arrowTail.text.backgroundPadding? ​
number = ...
edge.style.arrowTail.text.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
edge.style.arrowTail.text.billboardMode? ​
number = ...
edge.style.arrowTail.text.borderColor? ​
string = ...
edge.style.arrowTail.text.borders? ​
object[] = ...
edge.style.arrowTail.text.borderWidth? ​
number = ...
edge.style.arrowTail.text.cornerRadius? ​
number = ...
edge.style.arrowTail.text.depthFadeEnabled? ​
boolean = ...
edge.style.arrowTail.text.depthFadeFar? ​
number = ...
edge.style.arrowTail.text.depthFadeNear? ​
number = ...
edge.style.arrowTail.text.enabled? ​
boolean = ...
edge.style.arrowTail.text.font? ​
string = ...
edge.style.arrowTail.text.fontSize? ​
number = ...
edge.style.arrowTail.text.fontWeight? ​
string = ...
edge.style.arrowTail.text.icon? ​
string = ...
edge.style.arrowTail.text.iconPosition? ​
"left" | "right" = ...
edge.style.arrowTail.text.lineHeight? ​
number = ...
edge.style.arrowTail.text.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
edge.style.arrowTail.text.marginBottom? ​
number = ...
edge.style.arrowTail.text.marginLeft? ​
number = ...
edge.style.arrowTail.text.marginRight? ​
number = ...
edge.style.arrowTail.text.marginTop? ​
number = ...
edge.style.arrowTail.text.maxNumber? ​
number = ...
edge.style.arrowTail.text.overflowSuffix? ​
string = ...
edge.style.arrowTail.text.pointer? ​
boolean = ...
edge.style.arrowTail.text.pointerCurve? ​
boolean = ...
edge.style.arrowTail.text.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
edge.style.arrowTail.text.pointerHeight? ​
number = ...
edge.style.arrowTail.text.pointerOffset? ​
number = ...
edge.style.arrowTail.text.pointerWidth? ​
number = ...
edge.style.arrowTail.text.position? ​
{ x: number; y: number; z: number; } = ...
edge.style.arrowTail.text.position.x ​
number = ...
edge.style.arrowTail.text.position.y ​
number = ...
edge.style.arrowTail.text.position.z ​
number = ...
edge.style.arrowTail.text.progress? ​
number = ...
edge.style.arrowTail.text.resolution? ​
number = ...
edge.style.arrowTail.text.smartOverflow? ​
boolean = ...
edge.style.arrowTail.text.text? ​
string = ...
edge.style.arrowTail.text.textAlign? ​
"left" | "center" | "right" = ...
edge.style.arrowTail.text.textColor? ​
string = ...
edge.style.arrowTail.text.textOutline? ​
boolean = ...
edge.style.arrowTail.text.textOutlineColor? ​
string = ...
edge.style.arrowTail.text.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
edge.style.arrowTail.text.textOutlineWidth? ​
number = ...
edge.style.arrowTail.text.textPath? ​
string = ...
edge.style.arrowTail.text.textShadow? ​
boolean = ...
edge.style.arrowTail.text.textShadowBlur? ​
number = ...
edge.style.arrowTail.text.textShadowColor? ​
string = ...
edge.style.arrowTail.text.textShadowOffsetX? ​
number = ...
edge.style.arrowTail.text.textShadowOffsetY? ​
number = ...
edge.style.arrowTail.type? ​
"none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee" = ...
edge.style.enabled? ​
boolean = ...
edge.style.label? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
edge.style.label.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
edge.style.label.animationSpeed? ​
number = ...
edge.style.label.attachOffset? ​
number = ...
edge.style.label.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
edge.style.label.autoSize? ​
boolean = ...
edge.style.label.backgroundColor? ​
string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; } = ...
edge.style.label.backgroundGradient? ​
boolean = ...
edge.style.label.backgroundGradientColors? ​
(string | undefined)[] = ...
edge.style.label.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
edge.style.label.backgroundGradientType? ​
"linear" | "radial" = ...
edge.style.label.backgroundPadding? ​
number = ...
edge.style.label.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
edge.style.label.billboardMode? ​
number = ...
edge.style.label.borderColor? ​
string = ...
edge.style.label.borders? ​
object[] = ...
edge.style.label.borderWidth? ​
number = ...
edge.style.label.cornerRadius? ​
number = ...
edge.style.label.depthFadeEnabled? ​
boolean = ...
edge.style.label.depthFadeFar? ​
number = ...
edge.style.label.depthFadeNear? ​
number = ...
edge.style.label.enabled? ​
boolean = ...
edge.style.label.font? ​
string = ...
edge.style.label.fontSize? ​
number = ...
edge.style.label.fontWeight? ​
string = ...
edge.style.label.icon? ​
string = ...
edge.style.label.iconPosition? ​
"left" | "right" = ...
edge.style.label.lineHeight? ​
number = ...
edge.style.label.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
edge.style.label.marginBottom? ​
number = ...
edge.style.label.marginLeft? ​
number = ...
edge.style.label.marginRight? ​
number = ...
edge.style.label.marginTop? ​
number = ...
edge.style.label.maxNumber? ​
number = ...
edge.style.label.overflowSuffix? ​
string = ...
edge.style.label.pointer? ​
boolean = ...
edge.style.label.pointerCurve? ​
boolean = ...
edge.style.label.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
edge.style.label.pointerHeight? ​
number = ...
edge.style.label.pointerOffset? ​
number = ...
edge.style.label.pointerWidth? ​
number = ...
edge.style.label.position? ​
{ x: number; y: number; z: number; } = ...
edge.style.label.position.x ​
number = ...
edge.style.label.position.y ​
number = ...
edge.style.label.position.z ​
number = ...
edge.style.label.progress? ​
number = ...
edge.style.label.resolution? ​
number = ...
edge.style.label.smartOverflow? ​
boolean = ...
edge.style.label.text? ​
string = ...
edge.style.label.textAlign? ​
"left" | "center" | "right" = ...
edge.style.label.textColor? ​
string = ...
edge.style.label.textOutline? ​
boolean = ...
edge.style.label.textOutlineColor? ​
string = ...
edge.style.label.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
edge.style.label.textOutlineWidth? ​
number = ...
edge.style.label.textPath? ​
string = ...
edge.style.label.textShadow? ​
boolean = ...
edge.style.label.textShadowBlur? ​
number = ...
edge.style.label.textShadowColor? ​
string = ...
edge.style.label.textShadowOffsetX? ​
number = ...
edge.style.label.textShadowOffsetY? ​
number = ...
edge.style.line? ​
{ animationSpeed?: number; bezier?: boolean; color?: string; opacity?: number; type?: "solid" | "dot" | "diamond" | "box" | "star" | "dash" | "dash-dot" | "sinewave" | "zigzag"; width?: number; } = ...
edge.style.line.animationSpeed? ​
number = ...
edge.style.line.bezier? ​
boolean = ...
edge.style.line.color? ​
string = ...
edge.style.line.opacity? ​
number = ...
edge.style.line.type? ​
"solid" | "dot" | "diamond" | "box" | "star" | "dash" | "dash-dot" | "sinewave" | "zigzag" = ...
edge.style.line.width? ​
number = ...
edge.style.tooltip? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
edge.style.tooltip.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
edge.style.tooltip.animationSpeed? ​
number = ...
edge.style.tooltip.attachOffset? ​
number = ...
edge.style.tooltip.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
edge.style.tooltip.autoSize? ​
boolean = ...
edge.style.tooltip.backgroundColor? ​
string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; } = ...
edge.style.tooltip.backgroundGradient? ​
boolean = ...
edge.style.tooltip.backgroundGradientColors? ​
(string | undefined)[] = ...
edge.style.tooltip.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
edge.style.tooltip.backgroundGradientType? ​
"linear" | "radial" = ...
edge.style.tooltip.backgroundPadding? ​
number = ...
edge.style.tooltip.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
edge.style.tooltip.billboardMode? ​
number = ...
edge.style.tooltip.borderColor? ​
string = ...
edge.style.tooltip.borders? ​
object[] = ...
edge.style.tooltip.borderWidth? ​
number = ...
edge.style.tooltip.cornerRadius? ​
number = ...
edge.style.tooltip.depthFadeEnabled? ​
boolean = ...
edge.style.tooltip.depthFadeFar? ​
number = ...
edge.style.tooltip.depthFadeNear? ​
number = ...
edge.style.tooltip.enabled? ​
boolean = ...
edge.style.tooltip.font? ​
string = ...
edge.style.tooltip.fontSize? ​
number = ...
edge.style.tooltip.fontWeight? ​
string = ...
edge.style.tooltip.icon? ​
string = ...
edge.style.tooltip.iconPosition? ​
"left" | "right" = ...
edge.style.tooltip.lineHeight? ​
number = ...
edge.style.tooltip.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
edge.style.tooltip.marginBottom? ​
number = ...
edge.style.tooltip.marginLeft? ​
number = ...
edge.style.tooltip.marginRight? ​
number = ...
edge.style.tooltip.marginTop? ​
number = ...
edge.style.tooltip.maxNumber? ​
number = ...
edge.style.tooltip.overflowSuffix? ​
string = ...
edge.style.tooltip.pointer? ​
boolean = ...
edge.style.tooltip.pointerCurve? ​
boolean = ...
edge.style.tooltip.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
edge.style.tooltip.pointerHeight? ​
number = ...
edge.style.tooltip.pointerOffset? ​
number = ...
edge.style.tooltip.pointerWidth? ​
number = ...
edge.style.tooltip.position? ​
{ x: number; y: number; z: number; } = ...
edge.style.tooltip.position.x ​
number = ...
edge.style.tooltip.position.y ​
number = ...
edge.style.tooltip.position.z ​
number = ...
edge.style.tooltip.progress? ​
number = ...
edge.style.tooltip.resolution? ​
number = ...
edge.style.tooltip.smartOverflow? ​
boolean = ...
edge.style.tooltip.text? ​
string = ...
edge.style.tooltip.textAlign? ​
"left" | "center" | "right" = ...
edge.style.tooltip.textColor? ​
string = ...
edge.style.tooltip.textOutline? ​
boolean = ...
edge.style.tooltip.textOutlineColor? ​
string = ...
edge.style.tooltip.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
edge.style.tooltip.textOutlineWidth? ​
number = ...
edge.style.tooltip.textPath? ​
string = ...
edge.style.tooltip.textShadow? ​
boolean = ...
edge.style.tooltip.textShadowBlur? ​
number = ...
edge.style.tooltip.textShadowColor? ​
string = ...
edge.style.tooltip.textShadowOffsetX? ​
number = ...
edge.style.tooltip.textShadowOffsetY? ​
number = ...
metadata? ​
{[key: string]: unknown; name: string; } = ...
metadata.name ​
string = ...
node? ​
{ calculatedStyle?: { expr: string; inputs: string[]; output: string; }; selector: string; style: { effect?: { flatShaded?: boolean; glow?: { color?: string; strength?: number; }; outline?: { color?: string; width?: number; }; wireframe?: boolean; }; enabled?: boolean; label?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; shape?: { size?: number; type?: "box" | "sphere" | "cylinder" | "cone" | "capsule" | "torus-knot" | "tetrahedron" | "octahedron" | "dodecahedron" | "icosahedron" | "rhombicuboctahedron" | "triangular_prism" | "pentagonal_prism" | "hexagonal_prism" | "square_pyramid" | "pentagonal_pyramid" | "triangular_dipyramid" | "pentagonal_dipyramid" | "elongated_square_dipyramid" | "elongated_pentagonal_dipyramid" | "elongated_pentagonal_cupola" | "goldberg" | "icosphere" | "geodesic"; }; texture?: { color?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; icon?: string; image?: string; }; tooltip?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; }; } = AppliedNodeStyle
node.calculatedStyle? ​
{ expr: string; inputs: string[]; output: string; } = ...
node.calculatedStyle.expr ​
string = ...
node.calculatedStyle.inputs ​
string[] = ...
node.calculatedStyle.output ​
string = AllowedOuputPaths
node.selector ​
string = ...
node.style ​
{ effect?: { flatShaded?: boolean; glow?: { color?: string; strength?: number; }; outline?: { color?: string; width?: number; }; wireframe?: boolean; }; enabled?: boolean; label?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; shape?: { size?: number; type?: "box" | "sphere" | "cylinder" | "cone" | "capsule" | "torus-knot" | "tetrahedron" | "octahedron" | "dodecahedron" | "icosahedron" | "rhombicuboctahedron" | "triangular_prism" | "pentagonal_prism" | "hexagonal_prism" | "square_pyramid" | "pentagonal_pyramid" | "triangular_dipyramid" | "pentagonal_dipyramid" | "elongated_square_dipyramid" | "elongated_pentagonal_dipyramid" | "elongated_pentagonal_cupola" | "goldberg" | "icosphere" | "geodesic"; }; texture?: { color?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; icon?: string; image?: string; }; tooltip?: { animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; }; } = NodeStyle
node.style.effect? ​
{ flatShaded?: boolean; glow?: { color?: string; strength?: number; }; outline?: { color?: string; width?: number; }; wireframe?: boolean; } = ...
node.style.effect.flatShaded? ​
boolean = ...
node.style.effect.glow? ​
{ color?: string; strength?: number; } = ...
node.style.effect.glow.color? ​
string = ...
node.style.effect.glow.strength? ​
number = ...
node.style.effect.outline? ​
{ color?: string; width?: number; } = ...
node.style.effect.outline.color? ​
string = ...
node.style.effect.outline.width? ​
number = ...
node.style.effect.wireframe? ​
boolean = ...
node.style.enabled? ​
boolean = ...
node.style.label? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
node.style.label.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
node.style.label.animationSpeed? ​
number = ...
node.style.label.attachOffset? ​
number = ...
node.style.label.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
node.style.label.autoSize? ​
boolean = ...
node.style.label.backgroundColor? ​
string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; } = ...
node.style.label.backgroundGradient? ​
boolean = ...
node.style.label.backgroundGradientColors? ​
(string | undefined)[] = ...
node.style.label.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
node.style.label.backgroundGradientType? ​
"linear" | "radial" = ...
node.style.label.backgroundPadding? ​
number = ...
node.style.label.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
node.style.label.billboardMode? ​
number = ...
node.style.label.borderColor? ​
string = ...
node.style.label.borders? ​
object[] = ...
node.style.label.borderWidth? ​
number = ...
node.style.label.cornerRadius? ​
number = ...
node.style.label.depthFadeEnabled? ​
boolean = ...
node.style.label.depthFadeFar? ​
number = ...
node.style.label.depthFadeNear? ​
number = ...
node.style.label.enabled? ​
boolean = ...
node.style.label.font? ​
string = ...
node.style.label.fontSize? ​
number = ...
node.style.label.fontWeight? ​
string = ...
node.style.label.icon? ​
string = ...
node.style.label.iconPosition? ​
"left" | "right" = ...
node.style.label.lineHeight? ​
number = ...
node.style.label.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
node.style.label.marginBottom? ​
number = ...
node.style.label.marginLeft? ​
number = ...
node.style.label.marginRight? ​
number = ...
node.style.label.marginTop? ​
number = ...
node.style.label.maxNumber? ​
number = ...
node.style.label.overflowSuffix? ​
string = ...
node.style.label.pointer? ​
boolean = ...
node.style.label.pointerCurve? ​
boolean = ...
node.style.label.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
node.style.label.pointerHeight? ​
number = ...
node.style.label.pointerOffset? ​
number = ...
node.style.label.pointerWidth? ​
number = ...
node.style.label.position? ​
{ x: number; y: number; z: number; } = ...
node.style.label.position.x ​
number = ...
node.style.label.position.y ​
number = ...
node.style.label.position.z ​
number = ...
node.style.label.progress? ​
number = ...
node.style.label.resolution? ​
number = ...
node.style.label.smartOverflow? ​
boolean = ...
node.style.label.text? ​
string = ...
node.style.label.textAlign? ​
"left" | "center" | "right" = ...
node.style.label.textColor? ​
string = ...
node.style.label.textOutline? ​
boolean = ...
node.style.label.textOutlineColor? ​
string = ...
node.style.label.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
node.style.label.textOutlineWidth? ​
number = ...
node.style.label.textPath? ​
string = ...
node.style.label.textShadow? ​
boolean = ...
node.style.label.textShadowBlur? ​
number = ...
node.style.label.textShadowColor? ​
string = ...
node.style.label.textShadowOffsetX? ​
number = ...
node.style.label.textShadowOffsetY? ​
number = ...
node.style.shape? ​
{ size?: number; type?: "box" | "sphere" | "cylinder" | "cone" | "capsule" | "torus-knot" | "tetrahedron" | "octahedron" | "dodecahedron" | "icosahedron" | "rhombicuboctahedron" | "triangular_prism" | "pentagonal_prism" | "hexagonal_prism" | "square_pyramid" | "pentagonal_pyramid" | "triangular_dipyramid" | "pentagonal_dipyramid" | "elongated_square_dipyramid" | "elongated_pentagonal_dipyramid" | "elongated_pentagonal_cupola" | "goldberg" | "icosphere" | "geodesic"; } = ...
node.style.shape.size? ​
number = ...
node.style.shape.type? ​
"box" | "sphere" | "cylinder" | "cone" | "capsule" | "torus-knot" | "tetrahedron" | "octahedron" | "dodecahedron" | "icosahedron" | "rhombicuboctahedron" | "triangular_prism" | "pentagonal_prism" | "hexagonal_prism" | "square_pyramid" | "pentagonal_pyramid" | "triangular_dipyramid" | "pentagonal_dipyramid" | "elongated_square_dipyramid" | "elongated_pentagonal_dipyramid" | "elongated_pentagonal_cupola" | "goldberg" | "icosphere" | "geodesic" = ...
node.style.texture? ​
{ color?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; icon?: string; image?: string; } = ...
node.style.texture.color? ​
string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; } = ...
node.style.texture.icon? ​
string = ...
node.style.texture.image? ​
string = ...
node.style.tooltip? ​
{ animation?: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"; animationSpeed?: number; attachOffset?: number; attachPosition?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"; autoSize?: boolean; backgroundColor?: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }; backgroundGradient?: boolean; backgroundGradientColors?: (string | undefined)[]; backgroundGradientDirection?: "vertical" | "horizontal" | "diagonal"; backgroundGradientType?: "linear" | "radial"; backgroundPadding?: number; badge?: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"; billboardMode?: number; borderColor?: string; borders?: object[]; borderWidth?: number; cornerRadius?: number; depthFadeEnabled?: boolean; depthFadeFar?: number; depthFadeNear?: number; enabled?: boolean; font?: string; fontSize?: number; fontWeight?: string; icon?: string; iconPosition?: "left" | "right"; lineHeight?: number; location?: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"; marginBottom?: number; marginLeft?: number; marginRight?: number; marginTop?: number; maxNumber?: number; overflowSuffix?: string; pointer?: boolean; pointerCurve?: boolean; pointerDirection?: "top" | "left" | "right" | "bottom" | "auto"; pointerHeight?: number; pointerOffset?: number; pointerWidth?: number; position?: { x: number; y: number; z: number; }; progress?: number; resolution?: number; smartOverflow?: boolean; text?: string; textAlign?: "left" | "center" | "right"; textColor?: string; textOutline?: boolean; textOutlineColor?: string; textOutlineJoin?: "round" | "bevel" | "miter"; textOutlineWidth?: number; textPath?: string; textShadow?: boolean; textShadowBlur?: number; textShadowColor?: string; textShadowOffsetX?: number; textShadowOffsetY?: number; } = ...
node.style.tooltip.animation? ​
"none" | "pulse" | "bounce" | "shake" | "glow" | "fill" = ...
node.style.tooltip.animationSpeed? ​
number = ...
node.style.tooltip.attachOffset? ​
number = ...
node.style.tooltip.attachPosition? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" = ...
node.style.tooltip.autoSize? ​
boolean = ...
node.style.tooltip.backgroundColor? ​
string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; } = ...
node.style.tooltip.backgroundGradient? ​
boolean = ...
node.style.tooltip.backgroundGradientColors? ​
(string | undefined)[] = ...
node.style.tooltip.backgroundGradientDirection? ​
"vertical" | "horizontal" | "diagonal" = ...
node.style.tooltip.backgroundGradientType? ​
"linear" | "radial" = ...
node.style.tooltip.backgroundPadding? ​
number = ...
node.style.tooltip.badge? ​
"notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot" = ...
node.style.tooltip.billboardMode? ​
number = ...
node.style.tooltip.borderColor? ​
string = ...
node.style.tooltip.borders? ​
object[] = ...
node.style.tooltip.borderWidth? ​
number = ...
node.style.tooltip.cornerRadius? ​
number = ...
node.style.tooltip.depthFadeEnabled? ​
boolean = ...
node.style.tooltip.depthFadeFar? ​
number = ...
node.style.tooltip.depthFadeNear? ​
number = ...
node.style.tooltip.enabled? ​
boolean = ...
node.style.tooltip.font? ​
string = ...
node.style.tooltip.fontSize? ​
number = ...
node.style.tooltip.fontWeight? ​
string = ...
node.style.tooltip.icon? ​
string = ...
node.style.tooltip.iconPosition? ​
"left" | "right" = ...
node.style.tooltip.lineHeight? ​
number = ...
node.style.tooltip.location? ​
"top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic" = ...
node.style.tooltip.marginBottom? ​
number = ...
node.style.tooltip.marginLeft? ​
number = ...
node.style.tooltip.marginRight? ​
number = ...
node.style.tooltip.marginTop? ​
number = ...
node.style.tooltip.maxNumber? ​
number = ...
node.style.tooltip.overflowSuffix? ​
string = ...
node.style.tooltip.pointer? ​
boolean = ...
node.style.tooltip.pointerCurve? ​
boolean = ...
node.style.tooltip.pointerDirection? ​
"top" | "left" | "right" | "bottom" | "auto" = ...
node.style.tooltip.pointerHeight? ​
number = ...
node.style.tooltip.pointerOffset? ​
number = ...
node.style.tooltip.pointerWidth? ​
number = ...
node.style.tooltip.position? ​
{ x: number; y: number; z: number; } = ...
node.style.tooltip.position.x ​
number = ...
node.style.tooltip.position.y ​
number = ...
node.style.tooltip.position.z ​
number = ...
node.style.tooltip.progress? ​
number = ...
node.style.tooltip.resolution? ​
number = ...
node.style.tooltip.smartOverflow? ​
boolean = ...
node.style.tooltip.text? ​
string = ...
node.style.tooltip.textAlign? ​
"left" | "center" | "right" = ...
node.style.tooltip.textColor? ​
string = ...
node.style.tooltip.textOutline? ​
boolean = ...
node.style.tooltip.textOutlineColor? ​
string = ...
node.style.tooltip.textOutlineJoin? ​
"round" | "bevel" | "miter" = ...
node.style.tooltip.textOutlineWidth? ​
number = ...
node.style.tooltip.textPath? ​
string = ...
node.style.tooltip.textShadow? ​
boolean = ...
node.style.tooltip.textShadowBlur? ​
number = ...
node.style.tooltip.textShadowColor? ​
string = ...
node.style.tooltip.textShadowOffsetX? ​
number = ...
node.style.tooltip.textShadowOffsetY? ​
number = ...
Returns ​
void
setStyleManager() ​
setStyleManager(
styleManager):void
Defined in: graphty-element/src/managers/SelectionManager.ts:93
Set the StyleManager reference. Required for triggering style updates when selection changes.
Parameters ​
styleManager ​
The style manager instance
Returns ​
void