@graphty/graphty-element / managers / StyleManager
Class: StyleManager
Defined in: 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: 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: src/managers/StyleManager.ts:133
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?
{ 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: src/managers/StyleManager.ts:195
Clear the style cache
Returns
void
dispose()
dispose():
void
Defined in: src/managers/StyleManager.ts:45
Dispose the style manager and clear caches
Returns
void
Implementation of
getCalculatedStylesForNode()
getCalculatedStylesForNode(
data):CalculatedValue[]
Defined in: src/managers/StyleManager.ts:84
Get calculated styles for a node
Parameters
data
Node data
Returns
CalculatedValue[]
Array of calculated values for this node
getStyleForEdge()
getStyleForEdge(
data,algorithmResults?):EdgeStyleId
Defined in: src/managers/StyleManager.ts:95
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: src/managers/StyleManager.ts:125
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: 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: src/managers/StyleManager.ts:116
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: src/managers/StyleManager.ts:53
Get the underlying Styles instance
Returns
The Styles instance
init()
init():
Promise<void>
Defined in: src/managers/StyleManager.ts:38
Initialize the style manager
Returns
Promise<void>
Implementation of
insertLayer()
insertLayer(
position,layer):void
Defined in: src/managers/StyleManager.ts:144
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?
{ 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: src/managers/StyleManager.ts:166
Load styles from an object
Parameters
obj
object
Object containing style configuration
Returns
void
loadStylesFromUrl()
loadStylesFromUrl(
url):Promise<void>
Defined in: src/managers/StyleManager.ts:176
Load styles from a URL
Parameters
url
string
URL to load styles from
Returns
Promise<void>
removeLayersByMetadata()
removeLayersByMetadata(
predicate):void
Defined in: src/managers/StyleManager.ts:154
Remove style layers matching a metadata predicate
Parameters
predicate
(metadata) => boolean
Function to test layer metadata
Returns
void
setCacheEnabled()
setCacheEnabled(
enabled):void
Defined in: src/managers/StyleManager.ts:204
Enable or disable caching
Parameters
enabled
boolean
Whether to enable caching
Returns
void
updateStyles()
updateStyles(
newStyles):void
Defined in: src/managers/StyleManager.ts:186
Update the styles configuration
Parameters
newStyles
New Styles instance to use
Returns
void