{
  "definitions": [
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "frame",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.component.ts",
          "name": "frame",
          "source": {
            "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"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 37,
      "name": "numberAt",
      "signature": "const numberAt = function numberAt(record: Record<string, unknown>, key: string): number {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "attachLearningMap",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.component.ts",
          "name": "onVisibility",
          "source": {
            "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"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 131,
      "name": "pause",
      "signature": "const pause = function pause(): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "pause",
          "source": {
            "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"
          }
        }
      ],
      "callers": [
        {
          "file": "presentation/widgets/home.widget.ts",
          "name": "wire",
          "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"
          }
        }
      ],
      "exported": true,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 42,
      "name": "attachLearningMap",
      "signature": "export const attachLearningMap = function attachLearningMap(shell: Element, view: LearningView): Disposer {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "settle",
          "source": {
            "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"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 67,
      "name": "glideBack",
      "signature": "const glideBack = function glideBack(tick: number): Step {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "frame",
          "source": {
            "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"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 96,
      "name": "light",
      "signature": "const light = function light(traveled: number): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "onVisibility",
          "source": {
            "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"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 123,
      "name": "play",
      "signature": "const play = function play(): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "light",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.component.ts",
          "name": "numberAt",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.component.ts",
          "name": "numberAt",
          "source": {
            "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"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 106,
      "name": "frame",
      "signature": "const frame = function frame(now: number): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "glideBack",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.fragment.component.ts",
          "name": "paceAt",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-learning-fragment-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/learning.fragment.component.ts",
            "label": "presentation/components/learning.fragment.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/learning.fragment.component.ts.md",
            "ref": "anatomy:file-presentation-components-learning-fragment-component-ts"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 84,
      "name": "settle",
      "signature": "const settle = function settle(tick: number): Step {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/learning.component.ts",
          "name": "pause",
          "source": {
            "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"
          }
        },
        {
          "file": "presentation/components/learning.component.ts",
          "name": "play",
          "source": {
            "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"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 134,
      "name": "onVisibility",
      "signature": "const onVisibility = function onVisibility(): void {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "interface_declaration",
      "line": 27,
      "name": "Step",
      "signature": "interface Step {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 33,
      "name": "ease",
      "signature": "const ease = function ease(t: number): number {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 38,
      "name": "value",
      "signature": "const value = record[key];"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 43,
      "name": "framed",
      "signature": "const framed = framedOf(view);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 47,
      "name": "{ box, geometry, style }",
      "signature": "const { box, geometry, style } = framed;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 48,
      "name": "total",
      "signature": "const total = geometry.getTotalLength();"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 51,
      "name": "marks",
      "signature": "const marks = marksOf(geometry, view.stops, total);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 52,
      "name": "spans",
      "signature": "const spans = spansOf(marks);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 53,
      "name": "aspect",
      "signature": "const aspect = shell.clientHeight / shell.clientWidth;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 54,
      "name": "coarse",
      "signature": "const coarse = typeof globalThis.matchMedia === \"function\" && globalThis.matchMedia(COARSE_POINTER_QUERY).matches;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 55,
      "name": "aim",
      "signature": "const aim = aimOf(touchTargetOf(document.documentElement), globalThis.devicePixelRatio);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 56,
      "name": "fit",
      "signature": "const fit = cameraFit(shell.clientWidth, view.stops, aim, coarse);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 57,
      "name": "viewWidth",
      "signature": "const viewWidth = widestOf(view.stops) * fit.zoom;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 58,
      "name": "viewHeight",
      "signature": "const viewHeight = viewWidth * aspect;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 59,
      "name": "opening",
      "signature": "const opening = geometry.getPointAtLength(0);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 60,
      "name": "closing",
      "signature": "const closing = geometry.getPointAtLength(total);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 61,
      "name": "elapsed",
      "signature": "let elapsed = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 62,
      "name": "held",
      "signature": "let held = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 63,
      "name": "back",
      "signature": "let back = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 64,
      "name": "last",
      "signature": "let last = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 65,
      "name": "running",
      "signature": "let running = false;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 69,
      "name": "t",
      "signature": "const t = back / RETURN;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 76,
      "name": "glide",
      "signature": "const glide = ease(t);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 98,
      "name": "lit",
      "signature": "const lit = traveled >= mark.at && traveled > 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 110,
      "name": "tick",
      "signature": "const tick = Math.min(FRAME_CAP, (now - last) / MILLISECONDS);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 112,
      "name": "step",
      "signature": "const step = settle(tick);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 113,
      "name": "head",
      "signature": "const head = step.focus ?? geometry.getPointAtLength(step.traveled);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 142,
      "name": "observer",
      "signature": "const observer = new IntersectionObserver("
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-learning-component-ts",
  "language": "typescript",
  "layer": "product",
  "name": "learning.component.ts",
  "path": "presentation/components/learning.component.ts",
  "ref": "anatomy:file-presentation-components-learning-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-components-learning-fragment-component-ts",
          "json": "https://banes-lab.com/json/source/tree/presentation/components/learning.fragment.component.ts",
          "label": "presentation/components/learning.fragment.component.ts",
          "markdown": "https://banes-lab.com/source/tree/presentation/components/learning.fragment.component.ts.md",
          "ref": "anatomy:file-presentation-components-learning-fragment-component-ts"
        }
      ],
      "relation": "uses"
    },
    {
      "links": [
        {
          "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": "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-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": "learning",
    "variant": null
  },
  "stats": {
    "bytes": 5189,
    "callable": 10,
    "definitions": 37,
    "edges": 8,
    "exported": 33,
    "files": 1,
    "findings": {},
    "flows": {
      "leaf": 5,
      "relay": 1,
      "entry": 3,
      "isolated": 28
    },
    "lines": {
      "blank": 9,
      "code": 151,
      "total": 160
    }
  },
  "summary": "151 lines of code and 37 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/components/learning.component.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-learning-fragment-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/learning.fragment.component.ts",
      "label": "presentation/components/learning.fragment.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/learning.fragment.component.ts.md",
      "ref": "anatomy:file-presentation-components-learning-fragment-component-ts"
    },
    "previous": {
      "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"
    }
  },
  "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"
  }
}