# NexusTypography

- File ID: file:184ajmn:nexustypography-razor
- Path: NexusReader.UI.Shared/Components/Atoms/NexusTypography.razor
- Role: ui-component
- Layer: frontend

## Purpose

Blazor UI component that renders typographic content with a variant-driven CSS class and supports arbitrary additional HTML attributes and child content.

## Key Details

Simple presentational Razor component (NexusTypography) that maps a Variant enum to a CSS class, supports custom Class and arbitrary AdditionalAttributes, and renders child content.

## Symbols

- NexusTypography: Blazor UI component that renders typographic content with a variant-driven CSS class and supports arbitrary additional HTML attributes and child content.
- ComponentRender(): Renders a div with computed CSS classes, applies captured additional attributes, and injects ChildContent.
- VariantCssClass(): Computes the CSS class name based on the selected TypographyVariant enum value.
- TypographyVariant: Enum that represents the typography style variant used to select CSS classes.

## Dependencies

- No resolved dependencies.

## Calls

- No resolved calls.

## Unresolved References

- call-target: self
- call-target: self

## Coverage

- Symbols: 4
- Executable symbols: 2
- Executable symbols with control flow: 2
- Grounded edges: 4
- Unresolved references: 2
- Control-flow fragments: 2
- Unresolved jumps: 1
- Unsupported constructs: 0
- Control-flow coverage: 100%
- Required diagrams: 2
- Generated diagrams: 3

## Control Flow Fragments

- ComponentRender: 7 nodes, 6 edges, 2 jumps, 0 unsupported constructs
- VariantCssClass: 3 nodes, 2 edges, 0 jumps, 0 unsupported constructs

## Diagrams

### NexusTypography Neighborhood

```mermaid
flowchart LR
    class_vspg7j_nexustypography("NexusTypography")
    file_184ajmn_nexustypography_razor("NexusTypography")
    method_10aseyf_componentrender[["ComponentRender()"]]
    method_1vxob4r_variantcssclass[["VariantCssClass()"]]
    type_oa0wy5_typographyvariant[/"TypographyVariant"/]
```

### NexusTypography Execution Overview

```mermaid
flowchart TD
    class_vspg7j_nexustypography("NexusTypography")
    method_10aseyf_componentrender[["ComponentRender()"]]
    method_1vxob4r_variantcssclass[["VariantCssClass()"]]
    unresolved_unresolved_155aomx_call_target{"Unresolved: ChildContent"}
    unresolved_unresolved_czqwea_call_target{"Unresolved: VariantCssClass"}
    class_vspg7j_nexustypography -->|contains| method_10aseyf_componentrender
    class_vspg7j_nexustypography -->|contains| method_1vxob4r_variantcssclass
    method_10aseyf_componentrender -->|unresolved call| unresolved_unresolved_155aomx_call_target
    method_10aseyf_componentrender -->|unresolved call| unresolved_unresolved_czqwea_call_target
```

### ComponentRender() Control Flow

```mermaid
flowchart TD
    method_10aseyf_componentrender__call_1_VariantCssClass[["VariantCssClass"]]
    method_10aseyf_componentrender__call_2_ChildContent[["ChildContent"]]
    method_10aseyf_componentrender__action_1_attribute_capture_1__linear("Capture unmatched attributes")
    method_10aseyf_componentrender__action_1_render_1__linear("Render root div")
    method_10aseyf_componentrender__action_2_content_insertion_2__linear("Insert child content")
    method_10aseyf_componentrender__entry(["ComponentRender entry"])
    method_10aseyf_componentrender__implicit_return(["return"])
    method_10aseyf_componentrender__action_1_attribute_capture_1__linear -->|none used to compose CSS class string| method_10aseyf_componentrender__call_1_VariantCssClass
    method_10aseyf_componentrender__action_1_render_1__linear -->|next| method_10aseyf_componentrender__action_1_attribute_capture_1__linear
    method_10aseyf_componentrender__action_2_content_insertion_2__linear -->|RenderFragment invoked / placed into the div| method_10aseyf_componentrender__call_2_ChildContent
    method_10aseyf_componentrender__call_1_VariantCssClass -->|next| method_10aseyf_componentrender__action_2_content_insertion_2__linear
    method_10aseyf_componentrender__call_2_ChildContent -->|return| method_10aseyf_componentrender__implicit_return
    method_10aseyf_componentrender__entry -->|next| method_10aseyf_componentrender__action_1_render_1__linear
```

## Diagram Validation

- Status: warn
- Warning: Control-flow extraction left 1 unresolved jumps.
