{
  "definitions": [
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "attachDiagramWalk",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        },
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "tick",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 36,
      "name": "clear",
      "signature": "const clear = function clear(): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "clear",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        },
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "prefersStill",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "presentation/renderers/diagram.renderer.ts",
          "name": "createCanvas",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-renderers-diagram-renderer-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/renderers/diagram.renderer.ts",
            "label": "presentation/renderers/diagram.renderer.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/renderers/diagram.renderer.ts.md",
            "ref": "anatomy:file-presentation-renderers-diagram-renderer-ts"
          }
        }
      ],
      "exported": true,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 27,
      "name": "attachDiagramWalk",
      "signature": "export const attachDiagramWalk = function attachDiagramWalk(canvas: Element): Disposer {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "attachDiagramWalk",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 14,
      "name": "prefersStill",
      "signature": "const prefersStill = function prefersStill(): boolean {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/diagram.component.ts",
          "name": "clear",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/diagram.component.ts",
            "label": "presentation/components/diagram.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.md",
            "ref": "anatomy:file-presentation-components-diagram-component-ts"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 42,
      "name": "tick",
      "signature": "const tick = function tick(): void {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 12,
      "name": "ID_SELECTOR",
      "signature": "const ID_SELECTOR = \"[id]\";"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 18,
      "name": "stepsIn",
      "signature": "const stepsIn = function stepsIn(canvas: Element): readonly Element[] {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 19,
      "name": "order",
      "signature": "const order = canvas.querySelector(`[${DIAGRAM_WALK_ATTRIBUTE}]`)?.getAttribute(DIAGRAM_WALK_ATTRIBUTE) ?? \"\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 20,
      "name": "byId",
      "signature": "const byId = new Map([...canvas.querySelectorAll(ID_SELECTOR)].map((element) => [element.id, element]));"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 22,
      "name": "element",
      "signature": "const element = byId.get(id);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 28,
      "name": "steps",
      "signature": "const steps = stepsIn(canvas);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 33,
      "name": "head",
      "signature": "let head = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 34,
      "name": "visible",
      "signature": "let visible = false;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 35,
      "name": "timer",
      "signature": "let timer: ReturnType<typeof setTimeout> | null = null;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 47,
      "name": "step",
      "signature": "const step = steps[head];"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 57,
      "name": "observer",
      "signature": "const observer = new IntersectionObserver((entries) => {"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-diagram-component-ts",
  "language": "typescript",
  "layer": "product",
  "name": "diagram.component.ts",
  "path": "presentation/components/diagram.component.ts",
  "ref": "anatomy:file-presentation-components-diagram-component-ts",
  "relations": [
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-presentation-components",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-presentation-components",
          "label": "presentation/components",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-presentation-components.md",
          "ref": "chapter:/anatomy/tree#folder-presentation-components"
        }
      ],
      "relation": "contained-in"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#file-presentation-renderers-diagram-renderer-ts",
          "json": "https://banes-lab.com/json/source/tree/presentation/renderers/diagram.renderer.ts",
          "label": "presentation/renderers/diagram.renderer.ts",
          "markdown": "https://banes-lab.com/source/tree/presentation/renderers/diagram.renderer.ts.md",
          "ref": "anatomy:file-presentation-renderers-diagram-renderer-ts"
        }
      ],
      "relation": "used-by"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-presentation-components",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-presentation-components",
          "label": "presentation/components",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-presentation-components.md",
          "ref": "chapter:/anatomy/tree#folder-presentation-components"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-presentation-renderers",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-presentation-renderers",
          "label": "presentation/renderers",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-presentation-renderers.md",
          "ref": "chapter:/anatomy/tree#folder-presentation-renderers"
        }
      ],
      "relation": "linked-from"
    }
  ],
  "slots": {
    "concern": "component",
    "subject": "diagram",
    "variant": null
  },
  "stats": {
    "bytes": 2410,
    "callable": 5,
    "definitions": 15,
    "edges": 3,
    "exported": 9,
    "files": 1,
    "findings": {},
    "flows": {
      "leaf": 2,
      "relay": 1,
      "entry": 1,
      "isolated": 11
    },
    "lines": {
      "blank": 4,
      "code": 68,
      "total": 72
    }
  },
  "summary": "68 lines of code and 15 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/components/diagram.component.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-filter-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/filter.component.ts",
      "label": "presentation/components/filter.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/filter.component.ts.md",
      "ref": "anatomy:file-presentation-components-filter-component-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-code-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/code.component.ts",
      "label": "presentation/components/code.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/code.component.ts.md",
      "ref": "anatomy:file-presentation-components-code-component-ts"
    }
  },
  "up": {
    "href": null,
    "json": "https://banes-lab.com/json/api/source/tree/presentation/components",
    "label": "presentation/components",
    "markdown": "https://banes-lab.com/api/source/tree/presentation/components.md",
    "ref": "api:source/tree/presentation/components"
  }
}