{
  "definitions": [
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "railMeter",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "railMeter",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "railMeter",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 53,
      "name": "midpoint",
      "signature": "const midpoint = function midpoint(element: Element): number {"
    },
    {
      "callable": true,
      "callees": [
        {
          "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"
          }
        },
        {
          "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"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "midpoint",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "midpoint",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "midpoint",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "progress",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "observeRail",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 63,
      "name": "railMeter",
      "signature": "const railMeter = function railMeter(rail: HTMLElement, main: HTMLElement, first: Element, last: Element): RailMeter {"
    },
    {
      "callable": true,
      "callees": [
        {
          "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/components/home.component.ts",
          "name": "railMeter",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 64,
      "name": "progress",
      "signature": "const progress = function progress(): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "step",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 16,
      "name": "easeOut",
      "signature": "const easeOut = function easeOut(t: number): number {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "observeRail",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 90,
      "name": "bindRail",
      "signature": "const bindRail = function bindRail(meter: RailMeter, main: HTMLElement, root: Element): Disposer {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "bindRail",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        },
        {
          "file": "presentation/components/home.component.ts",
          "name": "railMeter",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "callers": [],
      "exported": false,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 119,
      "name": "observeRail",
      "signature": "const observeRail = function observeRail(root: Element): Disposer {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/home.component.ts",
          "name": "easeOut",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/home.component.ts",
            "label": "presentation/components/home.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.md",
            "ref": "anatomy:file-presentation-components-home-component-ts"
          }
        }
      ],
      "callers": [],
      "exported": false,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 22,
      "name": "step",
      "signature": "const step = function step(now: number): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/widgets/home.widget.ts",
          "name": "dispose",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-widgets-home-widget-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/widgets/home.widget.ts",
            "label": "presentation/widgets/home.widget.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/widgets/home.widget.ts.md",
            "ref": "anatomy:file-presentation-widgets-home-widget-ts"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 131,
      "name": "attachHome",
      "signature": "export const attachHome = function attachHome(root: Element): Disposer {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 9,
      "name": "COUNT_DURATION",
      "signature": "const COUNT_DURATION = 1400;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 10,
      "name": "EASE_POWER",
      "signature": "const EASE_POWER = 3;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 11,
      "name": "FULL",
      "signature": "const FULL = 100;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 12,
      "name": "RAIL_LEAD",
      "signature": "const RAIL_LEAD = 0.35;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 13,
      "name": "PERCENT",
      "signature": "const PERCENT = \"%\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 14,
      "name": "HEIGHT_PROPERTY",
      "signature": "const HEIGHT_PROPERTY = \"height\";"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 20,
      "name": "countUp",
      "signature": "const countUp = function countUp(element: HTMLElement, target: number): void {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 21,
      "name": "opened",
      "signature": "const opened = performance.now();"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 23,
      "name": "t",
      "signature": "const t = Math.min(1, (now - opened) / COUNT_DURATION);"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 32,
      "name": "observeCounts",
      "signature": "const observeCounts = function observeCounts(root: Element): Disposer {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 33,
      "name": "observer",
      "signature": "const observer = new IntersectionObserver("
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "interface_declaration",
      "line": 58,
      "name": "RailMeter",
      "signature": "interface RailMeter {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 65,
      "name": "box",
      "signature": "const box = rail.getBoundingClientRect();"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 66,
      "name": "view",
      "signature": "const view = main.getBoundingClientRect();"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 70,
      "name": "railTop",
      "signature": "const railTop = box.top - view.top + main.scrollTop;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 71,
      "name": "furthest",
      "signature": "const furthest = Math.max(0, main.scrollHeight - main.clientHeight);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 72,
      "name": "opens",
      "signature": "const opens = Math.max(0, railTop - main.clientHeight * (1 - RAIL_LEAD));"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 73,
      "name": "span",
      "signature": "const span = Math.max(1, furthest - opens);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 74,
      "name": "traveled",
      "signature": "const traveled = Math.min(1, Math.max(0, (main.scrollTop - opens) / span));"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 80,
      "name": "anchor",
      "signature": "const anchor = rail.parentElement;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 91,
      "name": "queued",
      "signature": "let queued = false;"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 92,
      "name": "onScroll",
      "signature": "const onScroll = function onScroll(): void {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 104,
      "name": "sizes",
      "signature": "const sizes = new ResizeObserver(meter.refresh);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 106,
      "name": "fonts",
      "signature": "const fonts: unknown = Reflect.get(document, \"fonts\");"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 107,
      "name": "ready",
      "signature": "const ready: unknown = typeof fonts === \"object\" && fonts !== null ? Reflect.get(fonts, \"ready\") : null;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 120,
      "name": "rail",
      "signature": "const rail = root.querySelector(`#${RAIL_ID}`);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 121,
      "name": "icons",
      "signature": "const icons = [...root.querySelectorAll(ROW_ICON_SELECTOR)];"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 122,
      "name": "main",
      "signature": "const main = document.getElementById(MAIN_ID);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 123,
      "name": "first",
      "signature": "const first = icons.at(0);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 124,
      "name": "last",
      "signature": "const last = icons.at(-1);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 132,
      "name": "disposers",
      "signature": "const disposers = [observeCounts(root), observeRail(root)];"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-home-component-ts",
  "language": "typescript",
  "layer": "product",
  "name": "home.component.ts",
  "path": "presentation/components/home.component.ts",
  "ref": "anatomy:file-presentation-components-home-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-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-widgets-home-widget-ts",
          "json": "https://banes-lab.com/json/source/tree/presentation/widgets/home.widget.ts",
          "label": "presentation/widgets/home.widget.ts",
          "markdown": "https://banes-lab.com/source/tree/presentation/widgets/home.widget.ts.md",
          "ref": "anatomy:file-presentation-widgets-home-widget-ts"
        }
      ],
      "relation": "uses"
    },
    {
      "links": [
        {
          "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-widgets",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-presentation-widgets",
          "label": "presentation/widgets",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-presentation-widgets.md",
          "ref": "chapter:/anatomy/tree#folder-presentation-widgets"
        }
      ],
      "relation": "linked-from"
    }
  ],
  "slots": {
    "concern": "component",
    "subject": "home",
    "variant": null
  },
  "stats": {
    "bytes": 5107,
    "callable": 11,
    "definitions": 39,
    "edges": 11,
    "exported": 2,
    "files": 1,
    "findings": {},
    "flows": {
      "leaf": 3,
      "relay": 2,
      "entry": 3,
      "isolated": 31
    },
    "lines": {
      "blank": 10,
      "code": 128,
      "total": 138
    }
  },
  "summary": "128 lines of code and 39 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/components/home.component.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-learning-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/learning.component.ts",
      "label": "presentation/components/learning.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/learning.component.ts.md",
      "ref": "anatomy:file-presentation-components-learning-component-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-folder-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/folder.component.ts",
      "label": "presentation/components/folder.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/folder.component.ts.md",
      "ref": "anatomy:file-presentation-components-folder-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"
  }
}