@graphty/graphty-element / managers / StyleManager
Class: StyleManager ​
Defined in: graphty-element/src/managers/StyleManager.ts:11
Manages graph styling, wrapping the Styles class with additional caching and event-driven updates.
Implements ​
Constructors ​
Constructor ​
new StyleManager(
eventManager,styles?):StyleManager
Defined in: graphty-element/src/managers/StyleManager.ts:22
Creates a new style manager
Parameters ​
eventManager ​
Event manager for emitting style events
styles? ​
Optional initial styles configuration
Returns ​
StyleManager
Methods ​
addLayer() ​
addLayer(
layer):void
Defined in: graphty-element/src/managers/StyleManager.ts:134
Add a new style layer
Parameters ​
layer ​
The style layer to add
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
clearCache() ​
clearCache():
void
Defined in: graphty-element/src/managers/StyleManager.ts:255
Clear the style cache
Returns ​
void
dispose() ​
dispose():
void
Defined in: graphty-element/src/managers/StyleManager.ts:45
Dispose the style manager and clear caches
Returns ​
void
Implementation of ​
getCalculatedStylesForNode() ​
getCalculatedStylesForNode(
data,algorithmResults?):CalculatedValue[]
Defined in: graphty-element/src/managers/StyleManager.ts:85
Get calculated styles for a node
Parameters ​
data ​
Node data
algorithmResults? ​
Optional algorithm results for selector matching
Returns ​
CalculatedValue[]
Array of calculated values for this node
getLayers() ​
getLayers():
object[]
Defined in: graphty-element/src/managers/StyleManager.ts:211
Get a copy of all style layers
Returns ​
object[]
Array of style layers
getStyleForEdge() ​
getStyleForEdge(
data,algorithmResults?):EdgeStyleId
Defined in: graphty-element/src/managers/StyleManager.ts:96
Get style ID for an edge, with caching
Parameters ​
data ​
Edge data for style matching
algorithmResults? ​
Optional algorithm results for style matching
Returns ​
The computed edge style ID
getStyleForEdgeStyleId() ​
staticgetStyleForEdgeStyleId(id):object
Defined in: graphty-element/src/managers/StyleManager.ts:126
Get edge style configuration by ID
Parameters ​
id ​
The edge style ID
Returns ​
object
Edge style configuration
arrowHead? ​
optionalarrowHead:object
arrowHead.color? ​
optionalcolor:string
arrowHead.opacity? ​
optionalopacity:number
arrowHead.size? ​
optionalsize:number
arrowHead.text? ​
optionaltext:object
arrowHead.text.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
arrowHead.text.animationSpeed? ​
optionalanimationSpeed:number
arrowHead.text.attachOffset? ​
optionalattachOffset:number
arrowHead.text.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
arrowHead.text.autoSize? ​
optionalautoSize:boolean
arrowHead.text.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; }
arrowHead.text.backgroundGradient? ​
optionalbackgroundGradient:boolean
arrowHead.text.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
arrowHead.text.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
arrowHead.text.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
arrowHead.text.backgroundPadding? ​
optionalbackgroundPadding:number
arrowHead.text.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
arrowHead.text.billboardMode? ​
optionalbillboardMode:number
arrowHead.text.borderColor? ​
optionalborderColor:string
arrowHead.text.borders? ​
optionalborders:object[]
arrowHead.text.borderWidth? ​
optionalborderWidth:number
arrowHead.text.cornerRadius? ​
optionalcornerRadius:number
arrowHead.text.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
arrowHead.text.depthFadeFar? ​
optionaldepthFadeFar:number
arrowHead.text.depthFadeNear? ​
optionaldepthFadeNear:number
arrowHead.text.enabled? ​
optionalenabled:boolean
arrowHead.text.font? ​
optionalfont:string
arrowHead.text.fontSize? ​
optionalfontSize:number
arrowHead.text.fontWeight? ​
optionalfontWeight:string
arrowHead.text.icon? ​
optionalicon:string
arrowHead.text.iconPosition? ​
optionaliconPosition:"left"|"right"
arrowHead.text.lineHeight? ​
optionallineHeight:number
arrowHead.text.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
arrowHead.text.marginBottom? ​
optionalmarginBottom:number
arrowHead.text.marginLeft? ​
optionalmarginLeft:number
arrowHead.text.marginRight? ​
optionalmarginRight:number
arrowHead.text.marginTop? ​
optionalmarginTop:number
arrowHead.text.maxNumber? ​
optionalmaxNumber:number
arrowHead.text.overflowSuffix? ​
optionaloverflowSuffix:string
arrowHead.text.pointer? ​
optionalpointer:boolean
arrowHead.text.pointerCurve? ​
optionalpointerCurve:boolean
arrowHead.text.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
arrowHead.text.pointerHeight? ​
optionalpointerHeight:number
arrowHead.text.pointerOffset? ​
optionalpointerOffset:number
arrowHead.text.pointerWidth? ​
optionalpointerWidth:number
arrowHead.text.position? ​
optionalposition:object
arrowHead.text.position.x ​
x:
number
arrowHead.text.position.y ​
y:
number
arrowHead.text.position.z ​
z:
number
arrowHead.text.progress? ​
optionalprogress:number
arrowHead.text.resolution? ​
optionalresolution:number
arrowHead.text.smartOverflow? ​
optionalsmartOverflow:boolean
arrowHead.text.text? ​
optionaltext:string
arrowHead.text.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
arrowHead.text.textColor? ​
optionaltextColor:string
arrowHead.text.textOutline? ​
optionaltextOutline:boolean
arrowHead.text.textOutlineColor? ​
optionaltextOutlineColor:string
arrowHead.text.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
arrowHead.text.textOutlineWidth? ​
optionaltextOutlineWidth:number
arrowHead.text.textPath? ​
optionaltextPath:string
arrowHead.text.textShadow? ​
optionaltextShadow:boolean
arrowHead.text.textShadowBlur? ​
optionaltextShadowBlur:number
arrowHead.text.textShadowColor? ​
optionaltextShadowColor:string
arrowHead.text.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
arrowHead.text.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
arrowHead.type? ​
optionaltype:"none"|"dot"|"normal"|"inverted"|"sphere-dot"|"open-dot"|"tee"|"open-normal"|"diamond"|"open-diamond"|"crow"|"box"|"half-open"|"vee"
arrowTail? ​
optionalarrowTail:object
arrowTail.color? ​
optionalcolor:string
arrowTail.opacity? ​
optionalopacity:number
arrowTail.size? ​
optionalsize:number
arrowTail.text? ​
optionaltext:object
arrowTail.text.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
arrowTail.text.animationSpeed? ​
optionalanimationSpeed:number
arrowTail.text.attachOffset? ​
optionalattachOffset:number
arrowTail.text.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
arrowTail.text.autoSize? ​
optionalautoSize:boolean
arrowTail.text.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; }
arrowTail.text.backgroundGradient? ​
optionalbackgroundGradient:boolean
arrowTail.text.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
arrowTail.text.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
arrowTail.text.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
arrowTail.text.backgroundPadding? ​
optionalbackgroundPadding:number
arrowTail.text.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
arrowTail.text.billboardMode? ​
optionalbillboardMode:number
arrowTail.text.borderColor? ​
optionalborderColor:string
arrowTail.text.borders? ​
optionalborders:object[]
arrowTail.text.borderWidth? ​
optionalborderWidth:number
arrowTail.text.cornerRadius? ​
optionalcornerRadius:number
arrowTail.text.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
arrowTail.text.depthFadeFar? ​
optionaldepthFadeFar:number
arrowTail.text.depthFadeNear? ​
optionaldepthFadeNear:number
arrowTail.text.enabled? ​
optionalenabled:boolean
arrowTail.text.font? ​
optionalfont:string
arrowTail.text.fontSize? ​
optionalfontSize:number
arrowTail.text.fontWeight? ​
optionalfontWeight:string
arrowTail.text.icon? ​
optionalicon:string
arrowTail.text.iconPosition? ​
optionaliconPosition:"left"|"right"
arrowTail.text.lineHeight? ​
optionallineHeight:number
arrowTail.text.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
arrowTail.text.marginBottom? ​
optionalmarginBottom:number
arrowTail.text.marginLeft? ​
optionalmarginLeft:number
arrowTail.text.marginRight? ​
optionalmarginRight:number
arrowTail.text.marginTop? ​
optionalmarginTop:number
arrowTail.text.maxNumber? ​
optionalmaxNumber:number
arrowTail.text.overflowSuffix? ​
optionaloverflowSuffix:string
arrowTail.text.pointer? ​
optionalpointer:boolean
arrowTail.text.pointerCurve? ​
optionalpointerCurve:boolean
arrowTail.text.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
arrowTail.text.pointerHeight? ​
optionalpointerHeight:number
arrowTail.text.pointerOffset? ​
optionalpointerOffset:number
arrowTail.text.pointerWidth? ​
optionalpointerWidth:number
arrowTail.text.position? ​
optionalposition:object
arrowTail.text.position.x ​
x:
number
arrowTail.text.position.y ​
y:
number
arrowTail.text.position.z ​
z:
number
arrowTail.text.progress? ​
optionalprogress:number
arrowTail.text.resolution? ​
optionalresolution:number
arrowTail.text.smartOverflow? ​
optionalsmartOverflow:boolean
arrowTail.text.text? ​
optionaltext:string
arrowTail.text.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
arrowTail.text.textColor? ​
optionaltextColor:string
arrowTail.text.textOutline? ​
optionaltextOutline:boolean
arrowTail.text.textOutlineColor? ​
optionaltextOutlineColor:string
arrowTail.text.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
arrowTail.text.textOutlineWidth? ​
optionaltextOutlineWidth:number
arrowTail.text.textPath? ​
optionaltextPath:string
arrowTail.text.textShadow? ​
optionaltextShadow:boolean
arrowTail.text.textShadowBlur? ​
optionaltextShadowBlur:number
arrowTail.text.textShadowColor? ​
optionaltextShadowColor:string
arrowTail.text.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
arrowTail.text.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
arrowTail.type? ​
optionaltype:"none"|"dot"|"normal"|"inverted"|"sphere-dot"|"open-dot"|"tee"|"open-normal"|"diamond"|"open-diamond"|"crow"|"box"|"half-open"|"vee"
enabled? ​
optionalenabled:boolean
label? ​
optionallabel:object
label.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
label.animationSpeed? ​
optionalanimationSpeed:number
label.attachOffset? ​
optionalattachOffset:number
label.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
label.autoSize? ​
optionalautoSize:boolean
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; }
label.backgroundGradient? ​
optionalbackgroundGradient:boolean
label.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
label.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
label.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
label.backgroundPadding? ​
optionalbackgroundPadding:number
label.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
label.billboardMode? ​
optionalbillboardMode:number
label.borderColor? ​
optionalborderColor:string
label.borders? ​
optionalborders:object[]
label.borderWidth? ​
optionalborderWidth:number
label.cornerRadius? ​
optionalcornerRadius:number
label.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
label.depthFadeFar? ​
optionaldepthFadeFar:number
label.depthFadeNear? ​
optionaldepthFadeNear:number
label.enabled? ​
optionalenabled:boolean
label.font? ​
optionalfont:string
label.fontSize? ​
optionalfontSize:number
label.fontWeight? ​
optionalfontWeight:string
label.icon? ​
optionalicon:string
label.iconPosition? ​
optionaliconPosition:"left"|"right"
label.lineHeight? ​
optionallineHeight:number
label.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
label.marginBottom? ​
optionalmarginBottom:number
label.marginLeft? ​
optionalmarginLeft:number
label.marginRight? ​
optionalmarginRight:number
label.marginTop? ​
optionalmarginTop:number
label.maxNumber? ​
optionalmaxNumber:number
label.overflowSuffix? ​
optionaloverflowSuffix:string
label.pointer? ​
optionalpointer:boolean
label.pointerCurve? ​
optionalpointerCurve:boolean
label.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
label.pointerHeight? ​
optionalpointerHeight:number
label.pointerOffset? ​
optionalpointerOffset:number
label.pointerWidth? ​
optionalpointerWidth:number
label.position? ​
optionalposition:object
label.position.x ​
x:
number
label.position.y ​
y:
number
label.position.z ​
z:
number
label.progress? ​
optionalprogress:number
label.resolution? ​
optionalresolution:number
label.smartOverflow? ​
optionalsmartOverflow:boolean
label.text? ​
optionaltext:string
label.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
label.textColor? ​
optionaltextColor:string
label.textOutline? ​
optionaltextOutline:boolean
label.textOutlineColor? ​
optionaltextOutlineColor:string
label.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
label.textOutlineWidth? ​
optionaltextOutlineWidth:number
label.textPath? ​
optionaltextPath:string
label.textShadow? ​
optionaltextShadow:boolean
label.textShadowBlur? ​
optionaltextShadowBlur:number
label.textShadowColor? ​
optionaltextShadowColor:string
label.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
label.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
line? ​
optionalline:object
line.animationSpeed? ​
optionalanimationSpeed:number
line.bezier? ​
optionalbezier:boolean
line.color? ​
optionalcolor:string
line.opacity? ​
optionalopacity:number
line.type? ​
optionaltype:"solid"|"dot"|"diamond"|"box"|"star"|"dash"|"dash-dot"|"sinewave"|"zigzag"
line.width? ​
optionalwidth:number
tooltip? ​
optionaltooltip:object
tooltip.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
tooltip.animationSpeed? ​
optionalanimationSpeed:number
tooltip.attachOffset? ​
optionalattachOffset:number
tooltip.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
tooltip.autoSize? ​
optionalautoSize:boolean
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; }
tooltip.backgroundGradient? ​
optionalbackgroundGradient:boolean
tooltip.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
tooltip.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
tooltip.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
tooltip.backgroundPadding? ​
optionalbackgroundPadding:number
tooltip.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
tooltip.billboardMode? ​
optionalbillboardMode:number
tooltip.borderColor? ​
optionalborderColor:string
tooltip.borders? ​
optionalborders:object[]
tooltip.borderWidth? ​
optionalborderWidth:number
tooltip.cornerRadius? ​
optionalcornerRadius:number
tooltip.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
tooltip.depthFadeFar? ​
optionaldepthFadeFar:number
tooltip.depthFadeNear? ​
optionaldepthFadeNear:number
tooltip.enabled? ​
optionalenabled:boolean
tooltip.font? ​
optionalfont:string
tooltip.fontSize? ​
optionalfontSize:number
tooltip.fontWeight? ​
optionalfontWeight:string
tooltip.icon? ​
optionalicon:string
tooltip.iconPosition? ​
optionaliconPosition:"left"|"right"
tooltip.lineHeight? ​
optionallineHeight:number
tooltip.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
tooltip.marginBottom? ​
optionalmarginBottom:number
tooltip.marginLeft? ​
optionalmarginLeft:number
tooltip.marginRight? ​
optionalmarginRight:number
tooltip.marginTop? ​
optionalmarginTop:number
tooltip.maxNumber? ​
optionalmaxNumber:number
tooltip.overflowSuffix? ​
optionaloverflowSuffix:string
tooltip.pointer? ​
optionalpointer:boolean
tooltip.pointerCurve? ​
optionalpointerCurve:boolean
tooltip.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
tooltip.pointerHeight? ​
optionalpointerHeight:number
tooltip.pointerOffset? ​
optionalpointerOffset:number
tooltip.pointerWidth? ​
optionalpointerWidth:number
tooltip.position? ​
optionalposition:object
tooltip.position.x ​
x:
number
tooltip.position.y ​
y:
number
tooltip.position.z ​
z:
number
tooltip.progress? ​
optionalprogress:number
tooltip.resolution? ​
optionalresolution:number
tooltip.smartOverflow? ​
optionalsmartOverflow:boolean
tooltip.text? ​
optionaltext:string
tooltip.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
tooltip.textColor? ​
optionaltextColor:string
tooltip.textOutline? ​
optionaltextOutline:boolean
tooltip.textOutlineColor? ​
optionaltextOutlineColor:string
tooltip.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
tooltip.textOutlineWidth? ​
optionaltextOutlineWidth:number
tooltip.textPath? ​
optionaltextPath:string
tooltip.textShadow? ​
optionaltextShadow:boolean
tooltip.textShadowBlur? ​
optionaltextShadowBlur:number
tooltip.textShadowColor? ​
optionaltextShadowColor:string
tooltip.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
tooltip.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
getStyleForNode() ​
getStyleForNode(
data,algorithmResults?):NodeStyleId
Defined in: graphty-element/src/managers/StyleManager.ts:63
Get style ID for a node, with caching
Parameters ​
data ​
Node data for style matching
algorithmResults? ​
Optional algorithm results for style matching
Returns ​
The computed node style ID
getStyleForNodeStyleId() ​
staticgetStyleForNodeStyleId(id):object
Defined in: graphty-element/src/managers/StyleManager.ts:117
Get node style configuration by ID
Parameters ​
id ​
The node style ID
Returns ​
object
Node style configuration
effect? ​
optionaleffect:object
effect.flatShaded? ​
optionalflatShaded:boolean
effect.glow? ​
optionalglow:object
effect.glow.color? ​
optionalcolor:string
effect.glow.strength? ​
optionalstrength:number
effect.outline? ​
optionaloutline:object
effect.outline.color? ​
optionalcolor:string
effect.outline.width? ​
optionalwidth:number
effect.wireframe? ​
optionalwireframe:boolean
enabled? ​
optionalenabled:boolean
label? ​
optionallabel:object
label.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
label.animationSpeed? ​
optionalanimationSpeed:number
label.attachOffset? ​
optionalattachOffset:number
label.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
label.autoSize? ​
optionalautoSize:boolean
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; }
label.backgroundGradient? ​
optionalbackgroundGradient:boolean
label.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
label.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
label.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
label.backgroundPadding? ​
optionalbackgroundPadding:number
label.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
label.billboardMode? ​
optionalbillboardMode:number
label.borderColor? ​
optionalborderColor:string
label.borders? ​
optionalborders:object[]
label.borderWidth? ​
optionalborderWidth:number
label.cornerRadius? ​
optionalcornerRadius:number
label.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
label.depthFadeFar? ​
optionaldepthFadeFar:number
label.depthFadeNear? ​
optionaldepthFadeNear:number
label.enabled? ​
optionalenabled:boolean
label.font? ​
optionalfont:string
label.fontSize? ​
optionalfontSize:number
label.fontWeight? ​
optionalfontWeight:string
label.icon? ​
optionalicon:string
label.iconPosition? ​
optionaliconPosition:"left"|"right"
label.lineHeight? ​
optionallineHeight:number
label.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
label.marginBottom? ​
optionalmarginBottom:number
label.marginLeft? ​
optionalmarginLeft:number
label.marginRight? ​
optionalmarginRight:number
label.marginTop? ​
optionalmarginTop:number
label.maxNumber? ​
optionalmaxNumber:number
label.overflowSuffix? ​
optionaloverflowSuffix:string
label.pointer? ​
optionalpointer:boolean
label.pointerCurve? ​
optionalpointerCurve:boolean
label.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
label.pointerHeight? ​
optionalpointerHeight:number
label.pointerOffset? ​
optionalpointerOffset:number
label.pointerWidth? ​
optionalpointerWidth:number
label.position? ​
optionalposition:object
label.position.x ​
x:
number
label.position.y ​
y:
number
label.position.z ​
z:
number
label.progress? ​
optionalprogress:number
label.resolution? ​
optionalresolution:number
label.smartOverflow? ​
optionalsmartOverflow:boolean
label.text? ​
optionaltext:string
label.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
label.textColor? ​
optionaltextColor:string
label.textOutline? ​
optionaltextOutline:boolean
label.textOutlineColor? ​
optionaltextOutlineColor:string
label.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
label.textOutlineWidth? ​
optionaltextOutlineWidth:number
label.textPath? ​
optionaltextPath:string
label.textShadow? ​
optionaltextShadow:boolean
label.textShadowBlur? ​
optionaltextShadowBlur:number
label.textShadowColor? ​
optionaltextShadowColor:string
label.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
label.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
shape? ​
optionalshape:object
shape.size? ​
optionalsize:number
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"
texture? ​
optionaltexture:object
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; }
texture.icon? ​
optionalicon:string
texture.image? ​
optionalimage:string
tooltip? ​
optionaltooltip:object
tooltip.animation? ​
optionalanimation:"none"|"pulse"|"bounce"|"shake"|"glow"|"fill"
tooltip.animationSpeed? ​
optionalanimationSpeed:number
tooltip.attachOffset? ​
optionalattachOffset:number
tooltip.attachPosition? ​
optionalattachPosition:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"
tooltip.autoSize? ​
optionalautoSize:boolean
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; }
tooltip.backgroundGradient? ​
optionalbackgroundGradient:boolean
tooltip.backgroundGradientColors? ​
optionalbackgroundGradientColors: (string|undefined)[]
tooltip.backgroundGradientDirection? ​
optionalbackgroundGradientDirection:"vertical"|"horizontal"|"diagonal"
tooltip.backgroundGradientType? ​
optionalbackgroundGradientType:"linear"|"radial"
tooltip.backgroundPadding? ​
optionalbackgroundPadding:number
tooltip.badge? ​
optionalbadge:"notification"|"label"|"label-success"|"label-warning"|"label-danger"|"count"|"icon"|"progress"|"dot"
tooltip.billboardMode? ​
optionalbillboardMode:number
tooltip.borderColor? ​
optionalborderColor:string
tooltip.borders? ​
optionalborders:object[]
tooltip.borderWidth? ​
optionalborderWidth:number
tooltip.cornerRadius? ​
optionalcornerRadius:number
tooltip.depthFadeEnabled? ​
optionaldepthFadeEnabled:boolean
tooltip.depthFadeFar? ​
optionaldepthFadeFar:number
tooltip.depthFadeNear? ​
optionaldepthFadeNear:number
tooltip.enabled? ​
optionalenabled:boolean
tooltip.font? ​
optionalfont:string
tooltip.fontSize? ​
optionalfontSize:number
tooltip.fontWeight? ​
optionalfontWeight:string
tooltip.icon? ​
optionalicon:string
tooltip.iconPosition? ​
optionaliconPosition:"left"|"right"
tooltip.lineHeight? ​
optionallineHeight:number
tooltip.location? ​
optionallocation:"top"|"top-right"|"top-left"|"left"|"center"|"right"|"bottom"|"bottom-left"|"bottom-right"|"automatic"
tooltip.marginBottom? ​
optionalmarginBottom:number
tooltip.marginLeft? ​
optionalmarginLeft:number
tooltip.marginRight? ​
optionalmarginRight:number
tooltip.marginTop? ​
optionalmarginTop:number
tooltip.maxNumber? ​
optionalmaxNumber:number
tooltip.overflowSuffix? ​
optionaloverflowSuffix:string
tooltip.pointer? ​
optionalpointer:boolean
tooltip.pointerCurve? ​
optionalpointerCurve:boolean
tooltip.pointerDirection? ​
optionalpointerDirection:"top"|"left"|"right"|"bottom"|"auto"
tooltip.pointerHeight? ​
optionalpointerHeight:number
tooltip.pointerOffset? ​
optionalpointerOffset:number
tooltip.pointerWidth? ​
optionalpointerWidth:number
tooltip.position? ​
optionalposition:object
tooltip.position.x ​
x:
number
tooltip.position.y ​
y:
number
tooltip.position.z ​
z:
number
tooltip.progress? ​
optionalprogress:number
tooltip.resolution? ​
optionalresolution:number
tooltip.smartOverflow? ​
optionalsmartOverflow:boolean
tooltip.text? ​
optionaltext:string
tooltip.textAlign? ​
optionaltextAlign:"left"|"center"|"right"
tooltip.textColor? ​
optionaltextColor:string
tooltip.textOutline? ​
optionaltextOutline:boolean
tooltip.textOutlineColor? ​
optionaltextOutlineColor:string
tooltip.textOutlineJoin? ​
optionaltextOutlineJoin:"round"|"bevel"|"miter"
tooltip.textOutlineWidth? ​
optionaltextOutlineWidth:number
tooltip.textPath? ​
optionaltextPath:string
tooltip.textShadow? ​
optionaltextShadow:boolean
tooltip.textShadowBlur? ​
optionaltextShadowBlur:number
tooltip.textShadowColor? ​
optionaltextShadowColor:string
tooltip.textShadowOffsetX? ​
optionaltextShadowOffsetX:number
tooltip.textShadowOffsetY? ​
optionaltextShadowOffsetY:number
getStyles() ​
getStyles():
Styles
Defined in: graphty-element/src/managers/StyleManager.ts:53
Get the underlying Styles instance
Returns ​
The Styles instance
init() ​
init():
Promise<void>
Defined in: graphty-element/src/managers/StyleManager.ts:38
Initialize the style manager
Returns ​
Promise<void>
Implementation of ​
insertLayer() ​
insertLayer(
position,layer):void
Defined in: graphty-element/src/managers/StyleManager.ts:145
Insert a style layer at a specific position
Parameters ​
position ​
number
Position to insert at (0-based index)
layer ​
The style layer to insert
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
loadStylesFromObject() ​
loadStylesFromObject(
obj):void
Defined in: graphty-element/src/managers/StyleManager.ts:219
Load styles from an object
Parameters ​
obj ​
object
Object containing style configuration
Returns ​
void
loadStylesFromUrl() ​
loadStylesFromUrl(
url):Promise<void>
Defined in: graphty-element/src/managers/StyleManager.ts:229
Load styles from a URL
Parameters ​
url ​
string
URL to load styles from
Returns ​
Promise<void>
removeLayerByIndex() ​
removeLayerByIndex(
index):boolean
Defined in: graphty-element/src/managers/StyleManager.ts:168
Remove a layer at a specific index
Parameters ​
index ​
number
Index of the layer to remove
Returns ​
boolean
True if the layer was removed
removeLayersByMetadata() ​
removeLayersByMetadata(
predicate):void
Defined in: graphty-element/src/managers/StyleManager.ts:155
Remove style layers matching a metadata predicate
Parameters ​
predicate ​
(metadata) => boolean
Function to test layer metadata
Returns ​
void
reorderLayers() ​
reorderLayers(
fromIndex,toIndex):boolean
Defined in: graphty-element/src/managers/StyleManager.ts:198
Reorder layers by moving a layer from one index to another
Parameters ​
fromIndex ​
number
Current index of the layer
toIndex ​
number
Target index for the layer
Returns ​
boolean
True if the layer was moved
setCacheEnabled() ​
setCacheEnabled(
enabled):void
Defined in: graphty-element/src/managers/StyleManager.ts:264
Enable or disable caching
Parameters ​
enabled ​
boolean
Whether to enable caching
Returns ​
void
updateLayerByIndex() ​
updateLayerByIndex(
index,layer):boolean
Defined in: graphty-element/src/managers/StyleManager.ts:183
Update a layer at a specific index
Parameters ​
index ​
number
Index of the layer to update
layer ​
New 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 ​
boolean
True if the layer was updated
updateStyles() ​
updateStyles(
newStyles):void
Defined in: graphty-element/src/managers/StyleManager.ts:239
Update the styles configuration
Parameters ​
newStyles ​
New Styles instance to use
Returns ​
void