{
  "definitions": [
    {
      "callable": true,
      "callees": [
        {
          "file": "core/loaders/diagram.loader.ts",
          "name": "loadDiagram",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-loaders-diagram-loader-ts",
            "json": "https://banes-lab.com/json/source/tree/core/loaders/diagram.loader.ts",
            "label": "core/loaders/diagram.loader.ts",
            "markdown": "https://banes-lab.com/source/tree/core/loaders/diagram.loader.ts.md",
            "ref": "anatomy:file-core-loaders-diagram-loader-ts"
          }
        },
        {
          "file": "core/predicates/document.predicate.ts",
          "name": "isStaticRender",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-predicates-document-predicate-ts",
            "json": "https://banes-lab.com/json/source/tree/core/predicates/document.predicate.ts",
            "label": "core/predicates/document.predicate.ts",
            "markdown": "https://banes-lab.com/source/tree/core/predicates/document.predicate.ts.md",
            "ref": "anatomy:file-core-predicates-document-predicate-ts"
          }
        },
        {
          "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/renderers/diagram.renderer.ts",
          "name": "fill",
          "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"
          }
        }
      ],
      "callers": [
        {
          "file": "presentation/renderers/diagram.renderer.ts",
          "name": "renderDiagram",
          "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": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 41,
      "name": "createCanvas",
      "signature": "const createCanvas = function createCanvas(source: string, className: string): HTMLElement {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/factories/element.factory.ts",
          "name": "createElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-factories-element-factory-ts",
            "json": "https://banes-lab.com/json/source/tree/core/factories/element.factory.ts",
            "label": "core/factories/element.factory.ts",
            "markdown": "https://banes-lab.com/source/tree/core/factories/element.factory.ts.md",
            "ref": "anatomy:file-core-factories-element-factory-ts"
          }
        },
        {
          "file": "core/registries/style.registry.ts",
          "name": "declareStyle",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-registries-style-registry-ts",
            "json": "https://banes-lab.com/json/source/tree/core/registries/style.registry.ts",
            "label": "core/registries/style.registry.ts",
            "markdown": "https://banes-lab.com/source/tree/core/registries/style.registry.ts.md",
            "ref": "anatomy:file-core-registries-style-registry-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": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 28,
      "name": "fill",
      "signature": "const fill = function fill(holder: HTMLElement, canvas: HTMLElement, markup: string | null): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/factories/element.factory.ts",
          "name": "createElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-factories-element-factory-ts",
            "json": "https://banes-lab.com/json/source/tree/core/factories/element.factory.ts",
            "label": "core/factories/element.factory.ts",
            "markdown": "https://banes-lab.com/source/tree/core/factories/element.factory.ts.md",
            "ref": "anatomy:file-core-factories-element-factory-ts"
          }
        },
        {
          "file": "core/factories/element.factory.ts",
          "name": "createElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-factories-element-factory-ts",
            "json": "https://banes-lab.com/json/source/tree/core/factories/element.factory.ts",
            "label": "core/factories/element.factory.ts",
            "markdown": "https://banes-lab.com/source/tree/core/factories/element.factory.ts.md",
            "ref": "anatomy:file-core-factories-element-factory-ts"
          }
        },
        {
          "file": "core/factories/element.factory.ts",
          "name": "createElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-factories-element-factory-ts",
            "json": "https://banes-lab.com/json/source/tree/core/factories/element.factory.ts",
            "label": "core/factories/element.factory.ts",
            "markdown": "https://banes-lab.com/source/tree/core/factories/element.factory.ts.md",
            "ref": "anatomy:file-core-factories-element-factory-ts"
          }
        },
        {
          "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"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 56,
      "name": "renderDiagram",
      "signature": "export const renderDiagram = function renderDiagram(block: MermaidBlock): Element {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 21,
      "name": "ratioOf",
      "signature": "const ratioOf = function ratioOf(vector: Element): number | null {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 22,
      "name": "parts",
      "signature": "const parts = (vector.getAttribute(VIEWBOX_ATTRIBUTE) ?? \"\").split(VIEWBOX_SEPARATOR).map(Number);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 23,
      "name": "width",
      "signature": "const width = parts[VIEWBOX_WIDTH_INDEX] ?? 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 24,
      "name": "height",
      "signature": "const height = parts[VIEWBOX_HEIGHT_INDEX] ?? 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 33,
      "name": "vector",
      "signature": "const vector = createVectorElement(markup);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 34,
      "name": "ratio",
      "signature": "const ratio = ratioOf(vector);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 42,
      "name": "holder",
      "signature": "const holder = createElement(\"div\");"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 43,
      "name": "panel",
      "signature": "const panel: PanelHandle = createPanel(holder, className, \"fit\");"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 57,
      "name": "caption",
      "signature": "const caption = block.caption ?? VIEW_FULL_DIAGRAM_TITLE;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 58,
      "name": "expand",
      "signature": "const expand = createExpandButton(\"diagram-expand\", VIEW_FULL_DIAGRAM_TITLE, caption, () =>"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 61,
      "name": "header",
      "signature": "const header = createElement(\"figcaption\", {"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-renderers-diagram-renderer-ts",
  "language": "typescript",
  "layer": "product",
  "name": "diagram.renderer.ts",
  "path": "presentation/renderers/diagram.renderer.ts",
  "ref": "anatomy:file-presentation-renderers-diagram-renderer-ts",
  "relations": [
    {
      "links": [
        {
          "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": "contained-in"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#file-core-factories-element-factory-ts",
          "json": "https://banes-lab.com/json/source/tree/core/factories/element.factory.ts",
          "label": "core/factories/element.factory.ts",
          "markdown": "https://banes-lab.com/source/tree/core/factories/element.factory.ts.md",
          "ref": "anatomy:file-core-factories-element-factory-ts"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#file-core-loaders-diagram-loader-ts",
          "json": "https://banes-lab.com/json/source/tree/core/loaders/diagram.loader.ts",
          "label": "core/loaders/diagram.loader.ts",
          "markdown": "https://banes-lab.com/source/tree/core/loaders/diagram.loader.ts.md",
          "ref": "anatomy:file-core-loaders-diagram-loader-ts"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#file-core-predicates-document-predicate-ts",
          "json": "https://banes-lab.com/json/source/tree/core/predicates/document.predicate.ts",
          "label": "core/predicates/document.predicate.ts",
          "markdown": "https://banes-lab.com/source/tree/core/predicates/document.predicate.ts.md",
          "ref": "anatomy:file-core-predicates-document-predicate-ts"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#file-core-registries-style-registry-ts",
          "json": "https://banes-lab.com/json/source/tree/core/registries/style.registry.ts",
          "label": "core/registries/style.registry.ts",
          "markdown": "https://banes-lab.com/source/tree/core/registries/style.registry.ts.md",
          "ref": "anatomy:file-core-registries-style-registry-ts"
        },
        {
          "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"
        }
      ],
      "relation": "uses"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-factories",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-factories",
          "label": "core/factories",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-factories.md",
          "ref": "chapter:/anatomy/tree#folder-core-factories"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-loaders",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-loaders",
          "label": "core/loaders",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-loaders.md",
          "ref": "chapter:/anatomy/tree#folder-core-loaders"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-predicates",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-predicates",
          "label": "core/predicates",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-predicates.md",
          "ref": "chapter:/anatomy/tree#folder-core-predicates"
        },
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-registries",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-registries",
          "label": "core/registries",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-registries.md",
          "ref": "chapter:/anatomy/tree#folder-core-registries"
        },
        {
          "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": "renderer",
    "subject": "diagram",
    "variant": null
  },
  "stats": {
    "bytes": 3335,
    "callable": 4,
    "definitions": 14,
    "edges": 10,
    "exported": 4,
    "files": 1,
    "findings": {},
    "flows": {
      "relay": 2,
      "entry": 1,
      "isolated": 11
    },
    "lines": {
      "blank": 4,
      "code": 73,
      "total": 77
    }
  },
  "summary": "73 lines of code and 14 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/renderers/diagram.renderer.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-renderers-document-renderer-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/renderers/document.renderer.ts",
      "label": "presentation/renderers/document.renderer.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/renderers/document.renderer.ts.md",
      "ref": "anatomy:file-presentation-renderers-document-renderer-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-renderers-definition-renderer-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/renderers/definition.renderer.ts",
      "label": "presentation/renderers/definition.renderer.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/renderers/definition.renderer.ts.md",
      "ref": "anatomy:file-presentation-renderers-definition-renderer-ts"
    }
  },
  "up": {
    "href": null,
    "json": "https://banes-lab.com/json/api/source/tree/presentation/renderers",
    "label": "presentation/renderers",
    "markdown": "https://banes-lab.com/api/source/tree/presentation/renderers.md",
    "ref": "api:source/tree/presentation/renderers"
  }
}