{
  "definitions": [
    {
      "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": "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"
          }
        },
        {
          "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": [],
      "exported": true,
      "flow": "entry",
      "kind": "method_definition",
      "line": 49,
      "name": "constructor",
      "signature": "public constructor(surface: string) {"
    },
    {
      "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"
          }
        }
      ],
      "callers": [],
      "exported": false,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 27,
      "name": "lineRow",
      "signature": "const lineRow = function lineRow(text: string): HTMLElement {"
    },
    {
      "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": [],
      "exported": true,
      "flow": "entry",
      "kind": "method_definition",
      "line": 101,
      "name": "focus",
      "signature": "public focus(at: number): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 31,
      "name": "createPlaybackButton",
      "signature": "export const createPlaybackButton = function createPlaybackButton(paused: boolean, act: () => void): HTMLButtonElement {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 32,
      "name": "label",
      "signature": "const label = paused ? PLAY_LABEL : PAUSE_LABEL;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 33,
      "name": "button",
      "signature": "const button = createElement(\"button\", {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "class_declaration",
      "line": 42,
      "name": "VenuePane",
      "signature": "export class VenuePane {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "public_field_definition",
      "line": 43,
      "name": "element",
      "signature": "public readonly element: HTMLElement;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "public_field_definition",
      "line": 44,
      "name": "viewport",
      "signature": "private readonly viewport: HTMLElement;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "public_field_definition",
      "line": 45,
      "name": "content",
      "signature": "private readonly content: HTMLElement;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "public_field_definition",
      "line": 46,
      "name": "rows",
      "signature": "private rows: HTMLElement[] = [];"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "public_field_definition",
      "line": 47,
      "name": "offset",
      "signature": "private offset = 0;"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "method_definition",
      "line": 61,
      "name": "show",
      "signature": "public show(lines: readonly string[]): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "method_definition",
      "line": 66,
      "name": "insert",
      "signature": "public insert(at: number, line: SurfaceLine): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "method_definition",
      "line": 80,
      "name": "type",
      "signature": "public type(at: number, text: string, done: boolean): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "method_definition",
      "line": 89,
      "name": "remove",
      "signature": "public remove(at: number): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "method_definition",
      "line": 95,
      "name": "mark",
      "signature": "public mark(lines: readonly SurfaceLine[]): void {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 102,
      "name": "row",
      "signature": "const row = this.rows[at];"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 106,
      "name": "room",
      "signature": "const room = this.viewport.clientHeight;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 107,
      "name": "centered",
      "signature": "const centered = row.offsetTop + row.offsetHeight / HALF - room / HALF;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 108,
      "name": "next",
      "signature": "const next = Math.round(Math.min(Math.max(centered, 0), Math.max(this.content.offsetHeight - room, 0)));"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-surface-component-ts",
  "language": "typescript",
  "layer": "product",
  "name": "surface.component.ts",
  "path": "presentation/components/surface.component.ts",
  "ref": "anatomy:file-presentation-components-surface-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-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-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"
        }
      ],
      "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-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"
        }
      ],
      "relation": "linked-from"
    }
  ],
  "slots": {
    "concern": "component",
    "subject": "surface",
    "variant": null
  },
  "stats": {
    "bytes": 4504,
    "callable": 9,
    "definitions": 21,
    "edges": 8,
    "exported": 20,
    "files": 1,
    "findings": {},
    "flows": {
      "entry": 3,
      "isolated": 18
    },
    "lines": {
      "blank": 10,
      "code": 104,
      "total": 114
    }
  },
  "summary": "104 lines of code and 21 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/components/surface.component.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-tab-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/tab.component.ts",
      "label": "presentation/components/tab.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/tab.component.ts.md",
      "ref": "anatomy:file-presentation-components-tab-component-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-step-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/step.component.ts",
      "label": "presentation/components/step.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/step.component.ts.md",
      "ref": "anatomy:file-presentation-components-step-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"
  }
}