{
  "definitions": [
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "animate",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "primeReplay",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "track",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "onMutate",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "scan",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 56,
      "name": "trackElement",
      "signature": "const trackElement = function trackElement(track: Tracker, element: HTMLElement): void {"
    },
    {
      "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"
          }
        }
      ],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "onIntersect",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "trackElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 29,
      "name": "animate",
      "signature": "const animate = function animate(element: HTMLElement): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "trackElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "observeAnimations",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "onMutate",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 73,
      "name": "scan",
      "signature": "const scan = function scan(track: Tracker, root: Element): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "replay",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "trackElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": false,
      "flow": "relay",
      "kind": "lexical_declaration",
      "line": 47,
      "name": "primeReplay",
      "signature": "const primeReplay = function primeReplay(element: HTMLElement, eventName: string): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "primeReplay",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": false,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 41,
      "name": "replay",
      "signature": "const replay = function replay(element: HTMLElement): void {"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "trackElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "exported": true,
      "flow": "leaf",
      "kind": "lexical_declaration",
      "line": 108,
      "name": "track",
      "signature": "const track = (target: Element): void => {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "scan",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        },
        {
          "file": "core/observers/element.observer.ts",
          "name": "trackElement",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [],
      "exported": false,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 88,
      "name": "onMutate",
      "signature": "const onMutate = function onMutate(track: Tracker, mutations: MutationRecord[]): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "animate",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [],
      "exported": false,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 79,
      "name": "onIntersect",
      "signature": "const onIntersect = function onIntersect(entries: IntersectionObserverEntry[], observer: IntersectionObserver): void {"
    },
    {
      "callable": true,
      "callees": [
        {
          "file": "core/observers/element.observer.ts",
          "name": "scan",
          "source": {
            "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
            "json": "https://banes-lab.com/json/source/tree/core/observers/element.observer.ts",
            "label": "core/observers/element.observer.ts",
            "markdown": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.md",
            "ref": "anatomy:file-core-observers-element-observer-ts"
          }
        }
      ],
      "callers": [],
      "exported": true,
      "flow": "entry",
      "kind": "lexical_declaration",
      "line": 102,
      "name": "observeAnimations",
      "signature": "export const observeAnimations = function observeAnimations(root: Element): Disposer {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 5,
      "name": "STAGGER_ATTRIBUTE",
      "signature": "const STAGGER_ATTRIBUTE = \"data-animate-stagger\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 6,
      "name": "TRIGGER_ATTRIBUTE",
      "signature": "const TRIGGER_ATTRIBUTE = \"data-animate-trigger\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 7,
      "name": "ANIMATED_CLASS",
      "signature": "const ANIMATED_CLASS = \"animated\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 8,
      "name": "DELAY_PROPERTY",
      "signature": "const DELAY_PROPERTY = \"--animate-delay\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 9,
      "name": "ROOT_MARGIN",
      "signature": "const ROOT_MARGIN = \"50px 0px 0px 0px\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 10,
      "name": "THRESHOLD",
      "signature": "const THRESHOLD = 0;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 11,
      "name": "LOAD_TRIGGER",
      "signature": "const LOAD_TRIGGER = \"load\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 12,
      "name": "TRIGGER_EVENTS",
      "signature": "const TRIGGER_EVENTS: ReadonlyMap<string, string> = new Map(["
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 17,
      "name": "animatedSelector",
      "signature": "const animatedSelector = `[${ANIMATE_ATTRIBUTE}]`;"
    },
    {
      "callable": true,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 19,
      "name": "staggerDelay",
      "signature": "const staggerDelay = function staggerDelay(element: Element): number | null {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 20,
      "name": "parent",
      "signature": "const parent = element.closest(`[${STAGGER_ATTRIBUTE}]`);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 24,
      "name": "step",
      "signature": "const step = Number.parseInt(parent.getAttribute(STAGGER_ATTRIBUTE) ?? \"\", RADIX);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 25,
      "name": "index",
      "signature": "const index = [...parent.querySelectorAll(animatedSelector)].indexOf(element);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 30,
      "name": "delay",
      "signature": "const delay = element.getAttribute(ANIMATE_DELAY_ATTRIBUTE);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 34,
      "name": "stagger",
      "signature": "const stagger = staggerDelay(element);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "type_alias_declaration",
      "line": 54,
      "name": "Tracker",
      "signature": "type Tracker = (element: Element) => void;"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 60,
      "name": "trigger",
      "signature": "const trigger = element.getAttribute(TRIGGER_ATTRIBUTE) ?? \"\";"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": false,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 61,
      "name": "eventName",
      "signature": "const eventName = TRIGGER_EVENTS.get(trigger);"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 103,
      "name": "observer",
      "signature": "const observer = new IntersectionObserver(onIntersect, {"
    },
    {
      "callable": false,
      "callees": [],
      "callers": [],
      "exported": true,
      "flow": "isolated",
      "kind": "lexical_declaration",
      "line": 111,
      "name": "mutations",
      "signature": "const mutations = new MutationObserver((records) => {"
    }
  ],
  "document": null,
  "findings": [],
  "generated": false,
  "href": "https://banes-lab.com/anatomy/tree#file-core-observers-element-observer-ts",
  "language": "typescript",
  "layer": "application",
  "name": "element.observer.ts",
  "path": "core/observers/element.observer.ts",
  "ref": "anatomy:file-core-observers-element-observer-ts",
  "relations": [
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-observers",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-observers",
          "label": "core/observers",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-observers.md",
          "ref": "chapter:/anatomy/tree#folder-core-observers"
        }
      ],
      "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"
        }
      ],
      "relation": "uses"
    },
    {
      "links": [
        {
          "href": "https://banes-lab.com/anatomy/tree#folder-core-observers",
          "json": "https://banes-lab.com/json/anatomy/tree/folder-core-observers",
          "label": "core/observers",
          "markdown": "https://banes-lab.com/anatomy/tree/folder-core-observers.md",
          "ref": "chapter:/anatomy/tree#folder-core-observers"
        },
        {
          "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": "observer",
    "subject": "element",
    "variant": null
  },
  "stats": {
    "bytes": 4019,
    "callable": 10,
    "definitions": 29,
    "edges": 11,
    "exported": 4,
    "files": 1,
    "findings": {},
    "flows": {
      "relay": 4,
      "leaf": 2,
      "entry": 3,
      "isolated": 20
    },
    "lines": {
      "blank": 12,
      "code": 108,
      "total": 120
    }
  },
  "summary": "108 lines of code and 29 definitions.",
  "text": "https://banes-lab.com/source/tree/core/observers/element.observer.ts.txt",
  "tree": "tree",
  "siblings": {
    "next": {
      "href": "https://banes-lab.com/anatomy/tree#file-core-observers-panel-observer-ts",
      "json": "https://banes-lab.com/json/source/tree/core/observers/panel.observer.ts",
      "label": "core/observers/panel.observer.ts",
      "markdown": "https://banes-lab.com/source/tree/core/observers/panel.observer.ts.md",
      "ref": "anatomy:file-core-observers-panel-observer-ts"
    },
    "previous": {
      "href": "https://banes-lab.com/anatomy/tree#file-core-observers-document-observer-ts",
      "json": "https://banes-lab.com/json/source/tree/core/observers/document.observer.ts",
      "label": "core/observers/document.observer.ts",
      "markdown": "https://banes-lab.com/source/tree/core/observers/document.observer.ts.md",
      "ref": "anatomy:file-core-observers-document-observer-ts"
    }
  },
  "up": {
    "href": null,
    "json": "https://banes-lab.com/json/api/source/tree/core/observers",
    "label": "core/observers",
    "markdown": "https://banes-lab.com/api/source/tree/core/observers.md",
    "ref": "api:source/tree/core/observers"
  }
}
