xaml-csharp-development-skill-for-avalonia

HTML/CSS to Avalonia API Coverage Manifest (Controls, Layout, Styling, Animations)

Table of Contents

1. Purpose
2. Coverage Contract
3. Controls API Coverage (100% Type Surface)
4. Layout API Coverage Path
5. Styling API Coverage Path
6. Animation API Coverage Path
7. Coverage Validation Workflow
8. How to Use This Manifest in Migration Work
9. Extended HTML/CSS Topic Coverage

Purpose

This manifest defines how the HTML/CSS conversion references map to full Avalonia API lookup for 11.3.12.

Use it when you need to move from pattern guidance to exhaustive public API signatures.

This file is index/coverage metadata only and intentionally contains no HTML/CSS/XAML/C# code samples.

Coverage Contract

For this repository, complete lookup coverage is provided by combining:

1. generated per-control docs:
   • controls/README.md
   • one file per control under controls/
2. generated signature index:
   • api-index-generated.md

As of 2026-02-18 in this repo snapshot:

• controls documented: 135 (see controls/README.md),
• animation signatures matched by source-group query: 223,
• layout signatures matched by source-group query: 385,
• styling signatures matched by source-group query: 172.

These counts are lookup baselines for this snapshot, not promises of static values across future regenerations.

Controls API Coverage (100% Type Surface)

Entry points:

• 52-controls-reference-catalog.md
• controls/README.md

The controls catalog is generated from Avalonia 11.3.12 and includes:

• control metadata,
• basic public API members,
• minimal XAML/C# usage per control.

For any HTML element-to-control migration decision, resolve to specific control docs first, then apply the conversion patterns in 00, 01, and 06.

Layout API Coverage Path

Primary app-facing layout references:

• 30-layout-measure-arrange-and-custom-layout-controls.md
• 21-custom-layout-authoring.md
• 00-html-css-layout-box-model-and-positioning.md
• 01-html-css-flexbox-grid-and-responsive-layout-recipes.md

Full source-group lookup commands:

rg -n '^### `src/Avalonia.Base/Layout/' references/api-index-generated.md
rg -n '^### `src/Avalonia.Controls/(Grid|StackPanel|DockPanel|WrapPanel|Canvas|RelativePanel|Panel|ScrollViewer|VirtualizingPanel|VirtualizingStackPanel|LayoutTransformControl|Viewbox)' references/api-index-generated.md

Styling API Coverage Path

Primary styling references:

• 04-styles-themes-resources.md
• 16-property-system-attached-properties-behaviors-and-style-properties.md
• 17-resources-assets-theme-variants-and-xmlns.md
• 02-html-css-selectors-cascade-variables-and-theming.md
• 07-html-css-design-system-utilities-and-component-variants.md

Full source-group lookup command:

rg -n '^### `src/Avalonia.Base/Styling/' references/api-index-generated.md

Animation API Coverage Path

Primary animation references:

• 12-animations-transitions-and-frame-loops.md
• 15-compositor-and-custom-visuals.md
• 03-html-css-animations-transitions-and-motion-system.md

Full source-group lookup command:

rg -n '^### `src/Avalonia.Base/Animation/' references/api-index-generated.md

Coverage Validation Workflow

Run after adding or expanding API-focused references:

python3 scripts/find_uncovered_apis.py --output plan/api-coverage-not-covered.md
python3 -m unittest scripts.test_find_uncovered_apis

If counts change materially, update:

• plan/api-coverage-detailed-report.md
• plan/api-coverage-reference-update-plan.md

How to Use This Manifest in Migration Work

1. Find the web idiom conversion recipe (00-39).
2. Resolve exact control/layout/style/animation APIs via this manifest links.
3. Validate against generated signatures before finalizing production patterns.

Extended HTML/CSS Topic Coverage

Use these additional comparison references for common modern app topics:

• 09-html-css-typography-fonts-text-flow-and-truncation.md
• 10-html-css-backgrounds-gradients-shadows-and-glass-patterns.md
• 11-html-css-transforms-3d-and-micro-interaction-patterns.md
• 12-html-css-interaction-states-focus-gestures-and-input-ux.md
• 13-html-css-navigation-tabs-sidebars-breadcrumbs-and-routing-patterns.md
• 14-html-css-modal-drawer-toast-and-overlay-system-patterns.md
• 15-html-css-data-table-list-and-master-detail-patterns.md
• 16-html-css-accessibility-semantics-and-motion-preference-mapping.md
• 17-html-css-units-calc-clamp-and-fluid-sizing-patterns.md
• 18-html-css-images-media-object-fit-and-aspect-ratio-patterns.md
• 19-html-css-sticky-scroll-linked-and-anchor-patterns.md
• 20-html-css-pseudo-elements-generated-content-and-decorative-layer-patterns.md
• 21-html-css-grid-template-areas-to-avalonia-grid-region-patterns.md
• 22-html-css-logical-properties-to-avalonia-flow-aware-spacing-and-alignment.md
• 23-html-css-rtl-bidi-and-flow-direction-mapping.md
• 24-html-css-buttons-links-toggle-and-split-command-surfaces.md
• 25-html-css-details-accordion-and-treeview-hierarchical-disclosure.md
• 26-html-css-range-progress-meter-and-scroll-feedback-controls.md
• 27-html-css-advanced-input-autocomplete-date-time-mask-and-numeric-controls.md
• 28-html-css-color-input-spectrum-and-theme-accent-controls.md
• 29-html-css-tabs-offcanvas-and-carousel-shell-patterns.md
• 30-html-css-menubar-dropdown-and-context-menu-command-surfaces.md
• 31-html-web-components-custom-elements-to-avalonia-custom-and-templated-controls.md
• 32-html-shadow-dom-slots-and-css-parts-to-avalonia-control-templates-and-themes.md
• 33-html-data-attributes-custom-events-and-behaviors-to-avalonia-attached-properties.md
• 34-html-css-cascade-layers-scope-and-has-state-to-avalonia-style-architecture.md
• 35-html-css-select-option-multiselect-and-combobox-to-avalonia-selecting-controls.md
• 36-html-css-switch-checkbox-radio-and-tristate-to-avalonia-toggle-controls.md
• 37-html-css-resizable-split-panes-and-drag-handles-to-avalonia-gridsplitter-and-thumb.md
• 38-html-css-pull-to-refresh-and-live-feed-patterns-to-avalonia-refreshcontainer.md
• 39-html-css-headless-tablist-and-segmented-navigation-to-avalonia-tabstrip.md

This site is open source. Improve this page.