# configuration/constants/diagram.constants.ts

> 16 lines of code and 16 definitions.

Tree: Site tree
Language: typescript
Layer: infrastructure
Canonical: https://banes-lab.com/anatomy/tree#file-configuration-constants-diagram-constants-ts
Source text: https://banes-lab.com/assets/sources/source.81ddc6e4b4700b7ccde490a3561e270c336ce7fb2fe15f5f4c07af97242348b0.generated.txt

## Definitions

- `DIAGRAM_RATIO_PROPERTY` (lexical_declaration, line 1, exported)
- `VIEWBOX_ATTRIBUTE` (lexical_declaration, line 3, exported)
- `VIEWBOX_SEPARATOR` (lexical_declaration, line 5, exported)
- `VIEWBOX_WIDTH_INDEX` (lexical_declaration, line 7, exported)
- `VIEWBOX_HEIGHT_INDEX` (lexical_declaration, line 9, exported)
- `FLOWCHART_MARK` (lexical_declaration, line 11, exported)
- `EDGE_PREFIX` (lexical_declaration, line 13, exported)
- `EDGE_PART_MARK` (lexical_declaration, line 15, exported)
- `NODE_COUNT_MARK` (lexical_declaration, line 17, exported)
- `DIAGRAM_NODE_SELECTOR` (lexical_declaration, line 19, exported)
- `DIAGRAM_EDGE_SELECTOR` (lexical_declaration, line 21, exported)
- `DIAGRAM_WALKING_CLASS` (lexical_declaration, line 23, exported)
- `DIAGRAM_WALKED_CLASS` (lexical_declaration, line 25, exported)
- `DIAGRAM_WALK_STEP_MS` (lexical_declaration, line 27, exported)
- `DIAGRAM_WALK_PAUSE_MS` (lexical_declaration, line 29, exported)
- `REDUCED_MOTION_QUERY` (lexical_declaration, line 31, exported)

## Source

```typescript
export const DIAGRAM_RATIO_PROPERTY = "--diagram-ratio";

export const VIEWBOX_ATTRIBUTE = "viewBox";

export const VIEWBOX_SEPARATOR = " ";

export const VIEWBOX_WIDTH_INDEX = 2;

export const VIEWBOX_HEIGHT_INDEX = 3;

export const FLOWCHART_MARK = "-flowchart-";

export const EDGE_PREFIX = "L_";

export const EDGE_PART_MARK = "_";

export const NODE_COUNT_MARK = "-";

export const DIAGRAM_NODE_SELECTOR = ".node";

export const DIAGRAM_EDGE_SELECTOR = ".flowchart-link";

export const DIAGRAM_WALKING_CLASS = "diagram-walking";

export const DIAGRAM_WALKED_CLASS = "walked";

export const DIAGRAM_WALK_STEP_MS = 420;

export const DIAGRAM_WALK_PAUSE_MS = 2600;

export const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
```