{
  "definitions": [
    {
      "callable": true,
      "callees": [
        {
          "file": "presentation/components/panel.component.ts",
          "name": "bind",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-panel-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/panel.component.ts",
            "label": "presentation/components/panel.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/panel.component.ts.md",
            "ref": "anatomy:file-presentation-components-panel-component-ts"
          }
        },
        {
          "file": "presentation/components/panel.component.ts",
          "name": "createControls",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-panel-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/panel.component.ts",
            "label": "presentation/components/panel.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/panel.component.ts.md",
            "ref": "anatomy:file-presentation-components-panel-component-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "presentation/components/code.component.ts",
          "name": "createCodeBody",
          "source": {
            "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"
          }
        }
      ],
      "exported": true,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 77,
      "name": "createPanel",
      "signature": "export const createPanel = function createPanel(content: Element, className: string, mode: PanelMode): PanelHandle {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/panel.component.ts",
          "name": "createPanel",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-panel-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/panel.component.ts",
            "label": "presentation/components/panel.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/panel.component.ts.md",
            "ref": "anatomy:file-presentation-components-panel-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 30,
      "name": "bind",
      "signature": "const bind = function bind(state: PanelState, element: HTMLElement): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "presentation/components/panel.component.ts",
          "name": "createPanel",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-panel-component-ts",
            "json": "https://banes-lab.com/json/source/tree/presentation/components/panel.component.ts",
            "label": "presentation/components/panel.component.ts",
            "markdown": "https://banes-lab.com/source/tree/presentation/components/panel.component.ts.md",
            "ref": "anatomy:file-presentation-components-panel-component-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 56,
      "name": "createControls",
      "signature": "const createControls = function createControls(state: PanelState): HTMLElement {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 17,
      "name": "createControl",
      "signature": "const createControl = function createControl(icon: string, title: string, onClick: () => void): HTMLButtonElement {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 18,
      "name": "button",
      "signature": "const button = createElement(\"button\", {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 57,
      "name": "controls",
      "signature": "const controls = createElement(\"div\", {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 78,
      "name": "stage",
      "signature": "const stage = createElement(\"div\", {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 82,
      "name": "element",
      "signature": "const element = createElement(\"div\", {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 87,
      "name": "state",
      "signature": "const state = new PanelState(element, stage, mode);"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-panel-component-ts",
  "language": "typescript",
  "layer": "product",
  "name": "panel.component.ts",
  "path": "presentation/components/panel.component.ts",
  "ref": "anatomy:file-presentation-components-panel-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-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"
        }
      ],
      "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"
        }
      ],
      "relation": "linked-from"
    }
  ],
  "slots": {
    "concern": "component",
    "subject": "panel",
    "variant": null
  },
  "stats": {
    "bytes": 3506,
    "callable": 4,
    "definitions": 9,
    "edges": 2,
    "exported": 4,
    "files": 1,
    "findings": {},
    "flows": {
      "relay": 1,
      "leaf": 2,
      "isolated": 6
    },
    "lines": {
      "blank": 4,
      "code": 94,
      "total": 98
    }
  },
  "summary": "94 lines of code and 9 definitions.",
  "text": "https://banes-lab.com/source/tree/presentation/components/panel.component.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-reference-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/reference.component.ts",
      "label": "presentation/components/reference.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/reference.component.ts.md",
      "ref": "anatomy:file-presentation-components-reference-component-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-presentation-components-overlay-component-ts",
      "json": "https://banes-lab.com/json/source/tree/presentation/components/overlay.component.ts",
      "label": "presentation/components/overlay.component.ts",
      "markdown": "https://banes-lab.com/source/tree/presentation/components/overlay.component.ts.md",
      "ref": "anatomy:file-presentation-components-overlay-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"
  }
}