DEPTHLESS_STYLES

const DEPTHLESS_STYLES: object

Defined in: packages/sigma/src/types/styles.ts:832

Default visual styles, with no depth-layer assignment.

DEFAULT_STYLES minus its depth rules. Because they declare no depth, they splice into a styles array whatever the declared depthLayers (and whatever the custom node/edge/graph state). Use as a base when bringing custom depth layers and assigning depth yourself:

styles: { nodes: [DEPTHLESS_STYLES.nodes, { depth: "myLayer" }] }

Kept as their precise literal type on purpose: widening to NodeStyleRule / EdgeStyleRule would reintroduce a depth property and block the splice.

Type Declaration

edges

edges: object = baseEdgeStyle

edges.color

readonly color: object

edges.color.attribute

readonly attribute: "color" = "color"

edges.color.defaultValue

readonly defaultValue: "#ccc" = "#ccc"

edges.label

readonly label: object

edges.label.attribute

readonly attribute: "label" = "label"

edges.size

readonly size: object

edges.size.attribute

readonly attribute: "size" = "size"

edges.size.defaultValue

readonly defaultValue: 1 = 1

edges.visibility

readonly visibility: object

edges.visibility.else

readonly else: "visible" = "visible"

edges.visibility.then

readonly then: "hidden" = "hidden"

edges.visibility.whenState

readonly whenState: "isHidden" = "isHidden"

nodes

nodes: object = baseNodeStyle

nodes.backdropColor

readonly backdropColor: "#ffffff" = "#ffffff"

nodes.backdropPadding

readonly backdropPadding: 6 = 6

nodes.backdropShadowBlur

readonly backdropShadowBlur: 12 = 12

nodes.backdropShadowColor

readonly backdropShadowColor: "rgba(0, 0, 0, 0.5)" = "rgba(0, 0, 0, 0.5)"

nodes.backdropVisibility

readonly backdropVisibility: object

nodes.backdropVisibility.else

readonly else: "hidden" = "hidden"

nodes.backdropVisibility.then

readonly then: "visible" = "visible"

nodes.backdropVisibility.whenState

readonly whenState: "isHovered" = "isHovered"

nodes.color

readonly color: object

nodes.color.attribute

readonly attribute: "color" = "color"

nodes.color.defaultValue

readonly defaultValue: "#666" = "#666"

nodes.label

readonly label: object

nodes.label.attribute

readonly attribute: "label" = "label"

nodes.labelVisibility

readonly labelVisibility: object

nodes.labelVisibility.else

readonly else: "auto" = "auto"

nodes.labelVisibility.then

readonly then: "visible" = "visible"

nodes.labelVisibility.whenState

readonly whenState: "isHovered" = "isHovered"

nodes.size

readonly size: object

nodes.size.else

readonly else: object

nodes.size.else.attribute

readonly attribute: "size" = "size"

nodes.size.else.defaultValue

readonly defaultValue: 10 = 10

nodes.size.then

readonly then: object

nodes.size.then.attribute

readonly attribute: "size" = "size"

nodes.size.then.defaultValue

readonly defaultValue: 12 = 12

nodes.size.whenState

readonly whenState: "isHovered" = "isHovered"

nodes.visibility

readonly visibility: object

nodes.visibility.else

readonly else: "visible" = "visible"

nodes.visibility.then

readonly then: "hidden" = "hidden"

nodes.visibility.whenState

readonly whenState: "isHidden" = "isHidden"

nodes.x

readonly x: object

nodes.x.attribute

readonly attribute: "x" = "x"

nodes.y

readonly y: object

nodes.y.attribute

readonly attribute: "y" = "y"