{
  "id": "@typed/template#RequestAnimationFrameRenderQueue",
  "canonicalId": "@typed/template#RequestAnimationFrameRenderQueue",
  "symbol": {
    "id": "@typed/template#RequestAnimationFrameRenderQueue",
    "packageName": "@typed/template",
    "moduleName": ".",
    "exportName": "RequestAnimationFrameRenderQueue",
    "kind": "class",
    "signatures": [
      "export declare class RequestAnimationFrameRenderQueue extends RenderQueue {\n    readonly durationAllowed: number;\n    constructor(durationAllowed?: number);\n}"
    ],
    "summary": "A RenderQueue that schedules tasks using `requestAnimationFrame`.\nGood for visual updates that should happen before the next repaint.",
    "sections": {
      "Why": "Animation-frame scheduling aligns visual DOM work with the browser paint\ncycle while enforcing a configurable per-frame time budget.",
      "Ownership and lifetime": "The queue owns each animation-frame request until it runs or is cancelled by\ndisposal.",
      "Constructor": "Creates an animation-frame queue with a per-frame millisecond budget.",
      "Constructor: Why": "Lets applications tune visual work to their frame budget.",
      "Constructor: Ownership and lifetime": "The instance owns animation-frame requests until disposal.",
      "Property: durationAllowed": "Maximum work budget exposed through the frame's synthetic IdleDeadline.",
      "Property: durationAllowed: Why": "Bounds local queued work so the browser can return to painting.",
      "Property: durationAllowed: Ownership and lifetime": "Immutable numeric configuration for this queue instance."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { RequestAnimationFrameRenderQueue, RenderPriority } from \"@typed/template/RenderQueue\"\n\nconst queue = new RequestAnimationFrameRenderQueue(16) // 16ms budget\nconst status = document.createElement(\"output\")\nqueue.add(\"update\", () => status.replaceChildren(\"ready\"), () => {}, RenderPriority.Raf(5))"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/template/src/RenderQueue.ts",
      "line": 315
    },
    "since": "1.0.0",
    "category": "Frame scheduling"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/template#RequestAnimationFrameRenderQueue",
    "packageName": "@typed/template",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": ".",
    "consumerSpecifier": "@typed/template",
    "exportName": "RequestAnimationFrameRenderQueue",
    "qualifiedName": "RequestAnimationFrameRenderQueue",
    "declarationKey": "declaration:110c0f4b72c2a560eb6658ae",
    "family": "class",
    "signatures": [
      "export declare class RequestAnimationFrameRenderQueue extends RenderQueue {\n    readonly durationAllowed: number;\n    constructor(durationAllowed?: number);\n}"
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/RenderQueue.ts",
        "start": {
          "line": 315,
          "column": 1
        },
        "end": {
          "line": 352,
          "column": 2
        }
      },
      {
        "file": "packages/template/dist/RenderQueue.d.ts",
        "start": {
          "line": 258,
          "column": 5
        },
        "end": {
          "line": 258,
          "column": 43
        }
      },
      {
        "file": "packages/template/src/RenderQueue.ts",
        "start": {
          "line": 328,
          "column": 3
        },
        "end": {
          "line": 328,
          "column": 36
        }
      }
    ],
    "aliases": [
      "@typed/template/RenderQueue#RequestAnimationFrameRenderQueue"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:110c0f4b72c2a560eb6658ae",
    "name": "RequestAnimationFrameRenderQueue",
    "family": "class",
    "facets": [
      {
        "family": "class",
        "syntaxKind": "ClassDeclaration",
        "signatures": [
          "export declare class RequestAnimationFrameRenderQueue extends RenderQueue {\n    readonly durationAllowed: number;\n    constructor(durationAllowed?: number);\n}"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderQueue.ts",
            "start": {
              "line": 315,
              "column": 1
            },
            "end": {
              "line": 352,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "constructor",
        "syntaxKind": "Constructor",
        "signatures": [
          "constructor(durationAllowed?: number);"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/dist/RenderQueue.d.ts",
            "start": {
              "line": 258,
              "column": 5
            },
            "end": {
              "line": 258,
              "column": 43
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertyDeclaration",
        "signatures": [
          "readonly durationAllowed: number;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderQueue.ts",
            "start": {
              "line": 328,
              "column": 3
            },
            "end": {
              "line": 328,
              "column": 36
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      }
    ],
    "signatures": [
      "export declare class RequestAnimationFrameRenderQueue extends RenderQueue {\n    readonly durationAllowed: number;\n    constructor(durationAllowed?: number);\n}"
    ],
    "typeParameters": [],
    "summary": "A RenderQueue that schedules tasks using `requestAnimationFrame`.\nGood for visual updates that should happen before the next repaint.",
    "sections": {
      "Why": "Animation-frame scheduling aligns visual DOM work with the browser paint\ncycle while enforcing a configurable per-frame time budget.",
      "Ownership and lifetime": "The queue owns each animation-frame request until it runs or is cancelled by\ndisposal.",
      "Constructor": "Creates an animation-frame queue with a per-frame millisecond budget.",
      "Constructor: Why": "Lets applications tune visual work to their frame budget.",
      "Constructor: Ownership and lifetime": "The instance owns animation-frame requests until disposal.",
      "Property: durationAllowed": "Maximum work budget exposed through the frame's synthetic IdleDeadline.",
      "Property: durationAllowed: Why": "Bounds local queued work so the browser can return to painting.",
      "Property: durationAllowed: Ownership and lifetime": "Immutable numeric configuration for this queue instance."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { RequestAnimationFrameRenderQueue, RenderPriority } from \"@typed/template/RenderQueue\"\n\nconst queue = new RequestAnimationFrameRenderQueue(16) // 16ms budget\nconst status = document.createElement(\"output\")\nqueue.add(\"update\", () => status.replaceChildren(\"ready\"), () => {}, RenderPriority.Raf(5))"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/RenderQueue.ts",
        "start": {
          "line": 315,
          "column": 1
        },
        "end": {
          "line": 352,
          "column": 2
        }
      },
      {
        "file": "packages/template/dist/RenderQueue.d.ts",
        "start": {
          "line": 258,
          "column": 5
        },
        "end": {
          "line": 258,
          "column": 43
        }
      },
      {
        "file": "packages/template/src/RenderQueue.ts",
        "start": {
          "line": 328,
          "column": 3
        },
        "end": {
          "line": 328,
          "column": 36
        }
      }
    ],
    "since": "1.0.0",
    "category": "Frame scheduling"
  }
}