{
  "id": "@typed/template#DomRenderEvent",
  "canonicalId": "@typed/template#DomRenderEvent",
  "symbol": {
    "id": "@typed/template#DomRenderEvent",
    "packageName": "@typed/template",
    "moduleName": ".",
    "exportName": "DomRenderEvent",
    "kind": "interface",
    "signatures": [
      "export interface DomRenderEvent {\n    readonly [RenderEventTypeId]: \"dom\";\n    readonly content: Rendered;\n    readonly toString: () => string;\n    readonly valueOf: () => Rendered;\n}",
      "export declare const DomRenderEvent: (content: Rendered) => DomRenderEvent;"
    ],
    "summary": "A RenderEvent containing DOM nodes.",
    "sections": {
      "Why": "`DomRenderEvent` lets any renderer hand Typed an existing `Node`,\n`DocumentFragment`, `Wire`, or nested readonly collection of those values.\nThe exact objects cross the boundary: Typed does not recreate them, rewrite\ntheir classes, or claim siblings and ancestors owned by another system.",
      "Ownership and lifetime": "The event owns no surrounding DOM and establishes no subscription. The Fx\nthat emitted it owns external-renderer teardown and Effect finalizers. The\nreceiving dynamic part may insert, remove, or move only the nodes represented\nby the event inside that part's bounded range.",
      "DOM behavior": "Browser-owned state stays attached to the same node identity. Delegated event\nhandlers use EventSource's documented forwarding Proxy with an overridden\n`currentTarget`; the DOM nodes themselves are not recreated. When an\nalready-connected node must move, the renderer prefers\n`ParentNode.moveBefore` and falls back to `insertBefore`.",
      "Property: [[computed:[RenderEventTypeId]]]": "Native-output discriminant stored at the public RenderEvent key.",
      "Property: [[computed:[RenderEventTypeId]]]: Why": "Distinguishes exact-node output from HTML transport.",
      "Property: [[computed:[RenderEventTypeId]]]: Ownership and lifetime": "Immutable metadata owned by the event record.",
      "Property: content": "The actual rendered DOM content.",
      "Property: content: Why": "Exposes exact nodes rather than a virtual representation.",
      "Property: content: Ownership and lifetime": "The event retains these nodes; producer and receiving range define teardown.",
      "Property: toString": "Serializes the current nodes for diagnostics or non-streaming integration.",
      "Property: toString: Why": "Provides a string representation without discarding DOM identity.",
      "Property: toString: Ownership and lifetime": "Reads the nodes and performs no mutation.",
      "Property: valueOf": "Returns the exact DOM value carried by the event.",
      "Property: valueOf: Why": "Integrations can insert or inspect the original nodes.",
      "Property: valueOf: Ownership and lifetime": "Returns a borrowed identity; it does not clone or transfer ownership."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { DomRenderEvent } from \"@typed/template/RenderEvent\"\n\nconst node = document.createElement(\"div\")\nconst event = DomRenderEvent(node)\n\n// Get the DOM node\nconst domNode = event.valueOf()\n\n// Convert to HTML string\nconst htmlString = event.toString()"
      },
      {
        "language": "ts",
        "code": "import { DomRenderEvent } from \"@typed/template/RenderEvent\"\n\nconst div = document.createElement(\"div\")\ndiv.textContent = \"Hello\"\nconst event = DomRenderEvent(div)"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/template/src/RenderEvent.ts",
      "line": 187
    },
    "since": "1.0.0",
    "category": "Native DOM output"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/template#DomRenderEvent",
    "packageName": "@typed/template",
    "packageVersion": "1.0.0-beta.7",
    "moduleName": ".",
    "consumerSpecifier": "@typed/template",
    "exportName": "DomRenderEvent",
    "qualifiedName": "DomRenderEvent",
    "declarationKey": "declaration:231c41d12476a0ef5d048e29",
    "family": "interface",
    "signatures": [
      "export interface DomRenderEvent {\n    readonly [RenderEventTypeId]: \"dom\";\n    readonly content: Rendered;\n    readonly toString: () => string;\n    readonly valueOf: () => Rendered;\n}",
      "export declare const DomRenderEvent: (content: Rendered) => DomRenderEvent;"
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 187,
          "column": 1
        },
        "end": {
          "line": 241,
          "column": 2
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 271,
          "column": 14
        },
        "end": {
          "line": 276,
          "column": 3
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 200,
          "column": 3
        },
        "end": {
          "line": 200,
          "column": 39
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 214,
          "column": 3
        },
        "end": {
          "line": 214,
          "column": 30
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 227,
          "column": 3
        },
        "end": {
          "line": 227,
          "column": 35
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 240,
          "column": 3
        },
        "end": {
          "line": 240,
          "column": 36
        }
      }
    ],
    "aliases": [
      "@typed/template/RenderEvent#DomRenderEvent"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:231c41d12476a0ef5d048e29",
    "name": "DomRenderEvent",
    "family": "interface",
    "facets": [
      {
        "family": "interface",
        "syntaxKind": "InterfaceDeclaration",
        "signatures": [
          "export interface DomRenderEvent {\n    readonly [RenderEventTypeId]: \"dom\";\n    readonly content: Rendered;\n    readonly toString: () => string;\n    readonly valueOf: () => Rendered;\n}"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 187,
              "column": 1
            },
            "end": {
              "line": 241,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "variable",
        "syntaxKind": "VariableDeclaration",
        "signatures": [
          "export declare const DomRenderEvent: (content: Rendered) => DomRenderEvent;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 271,
              "column": 14
            },
            "end": {
              "line": 276,
              "column": 3
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly [RenderEventTypeId]: \"dom\";"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 200,
              "column": 3
            },
            "end": {
              "line": 200,
              "column": 39
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly content: Rendered;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 214,
              "column": 3
            },
            "end": {
              "line": 214,
              "column": 30
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly toString: () => string;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 227,
              "column": 3
            },
            "end": {
              "line": 227,
              "column": 35
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      },
      {
        "family": "property",
        "syntaxKind": "PropertySignature",
        "signatures": [
          "readonly valueOf: () => Rendered;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/template/src/RenderEvent.ts",
            "start": {
              "line": 240,
              "column": 3
            },
            "end": {
              "line": 240,
              "column": 36
            }
          }
        ],
        "static": false,
        "readonly": true,
        "optional": false
      }
    ],
    "signatures": [
      "export interface DomRenderEvent {\n    readonly [RenderEventTypeId]: \"dom\";\n    readonly content: Rendered;\n    readonly toString: () => string;\n    readonly valueOf: () => Rendered;\n}",
      "export declare const DomRenderEvent: (content: Rendered) => DomRenderEvent;"
    ],
    "typeParameters": [],
    "summary": "A RenderEvent containing DOM nodes.",
    "sections": {
      "Why": "`DomRenderEvent` lets any renderer hand Typed an existing `Node`,\n`DocumentFragment`, `Wire`, or nested readonly collection of those values.\nThe exact objects cross the boundary: Typed does not recreate them, rewrite\ntheir classes, or claim siblings and ancestors owned by another system.",
      "Ownership and lifetime": "The event owns no surrounding DOM and establishes no subscription. The Fx\nthat emitted it owns external-renderer teardown and Effect finalizers. The\nreceiving dynamic part may insert, remove, or move only the nodes represented\nby the event inside that part's bounded range.",
      "DOM behavior": "Browser-owned state stays attached to the same node identity. Delegated event\nhandlers use EventSource's documented forwarding Proxy with an overridden\n`currentTarget`; the DOM nodes themselves are not recreated. When an\nalready-connected node must move, the renderer prefers\n`ParentNode.moveBefore` and falls back to `insertBefore`.",
      "Property: [[computed:[RenderEventTypeId]]]": "Native-output discriminant stored at the public RenderEvent key.",
      "Property: [[computed:[RenderEventTypeId]]]: Why": "Distinguishes exact-node output from HTML transport.",
      "Property: [[computed:[RenderEventTypeId]]]: Ownership and lifetime": "Immutable metadata owned by the event record.",
      "Property: content": "The actual rendered DOM content.",
      "Property: content: Why": "Exposes exact nodes rather than a virtual representation.",
      "Property: content: Ownership and lifetime": "The event retains these nodes; producer and receiving range define teardown.",
      "Property: toString": "Serializes the current nodes for diagnostics or non-streaming integration.",
      "Property: toString: Why": "Provides a string representation without discarding DOM identity.",
      "Property: toString: Ownership and lifetime": "Reads the nodes and performs no mutation.",
      "Property: valueOf": "Returns the exact DOM value carried by the event.",
      "Property: valueOf: Why": "Integrations can insert or inspect the original nodes.",
      "Property: valueOf: Ownership and lifetime": "Returns a borrowed identity; it does not clone or transfer ownership."
    },
    "examples": [
      {
        "language": "ts",
        "code": "import { DomRenderEvent } from \"@typed/template/RenderEvent\"\n\nconst node = document.createElement(\"div\")\nconst event = DomRenderEvent(node)\n\n// Get the DOM node\nconst domNode = event.valueOf()\n\n// Convert to HTML string\nconst htmlString = event.toString()"
      },
      {
        "language": "ts",
        "code": "import { DomRenderEvent } from \"@typed/template/RenderEvent\"\n\nconst div = document.createElement(\"div\")\ndiv.textContent = \"Hello\"\nconst event = DomRenderEvent(div)"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 187,
          "column": 1
        },
        "end": {
          "line": 241,
          "column": 2
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 271,
          "column": 14
        },
        "end": {
          "line": 276,
          "column": 3
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 200,
          "column": 3
        },
        "end": {
          "line": 200,
          "column": 39
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 214,
          "column": 3
        },
        "end": {
          "line": 214,
          "column": 30
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 227,
          "column": 3
        },
        "end": {
          "line": 227,
          "column": 35
        }
      },
      {
        "file": "packages/template/src/RenderEvent.ts",
        "start": {
          "line": 240,
          "column": 3
        },
        "end": {
          "line": 240,
          "column": 36
        }
      }
    ],
    "since": "1.0.0",
    "category": "Native DOM output"
  }
}