Material examples forked to be zoneless and default CD v22 compatible

material_examples_zoneless_onpush_compat.md

Material examples forked to be zoneless and default CD v22 compatible

Key

✅ = all clear, either already or by combination with forks

## Component

- [Name of example](link to example in doc)
  - Notes, link to forks if needed

Autocomplete ✅

• Require an autocomplete option to be selected
  • Fork

Badge ✅

• Badge overview
  • Fork

Bottom Sheet ✅

• Testing with MatBottomSheetHarness
  • Fork. Tests pass.

Button ✅

• Testing with MatButtonHarness
  • Fork.
  • This works to run and works to test. But it gets a weird issue where after trying to make some changes, it would no longer auto-run the test script on load and it just runs the app.

Button Toggle ✅

• Button-toggles with forms
  • Find my signal form example

Card ✅

Checkbox ✅

Chips ✅

Datepicker ✅

Dialog ✅

Divider ✅

Expansion Panel ✅

Form Field ✅

Grid List ✅

• Dynamic grid-list
  • Fork. Was compatible, but assigned the tile state to signal for good measure.

Icon ✅

Input ✅

• Input with a clear button
  • Fork

List ✅

Menu ✅

Paginator ✅

• Configurable paginator
  • Fork

Progress Bar ✅

• Configurable progress-bar
  • Fork

Progress Spinner ✅

• Configurable progress spinner
  • Fork
• Testing with MatProgressSpinnerHarness
  • Works as-is. Tests pass.
• Basic progress-spinner
  • Works as-is

Radio Button ✅

• Radios with ngModel
  • Fork

Ripples ✅

• MatRipple basic usage
  • Fork. The casting to adjust this is a tad weird, but needed for signals and IMO cleaner than non-null assertions on class fields.

Select 📌

Sidenav ✅

• Autosize sidenav
  • Fork
• Sidenav with custom escape and backdrop click behavior
  • Fork
• Sidenav open & close behavior
  • Fork

Slide Toggle ✅

• Configurable slide-toggle
  • Fork
• Slide-toggle with forms
  • See my forms project

Slider ✅

• Configurable slider
  • Fork

Snackbar ✅

3 just need some properties made to signals 1:1

Sort Header 📌

Stepper ✅

Just need regular signal conversion for a few fields

Table 📌

Tabs ✅

• Tabs with drag*drop integration.
  • Fork
• Tab group with dynamically changing tabs
  • Fork
• Tab group where the tab content is loaded lazily (when activated)
  • Fork
• Basic use of the tab nav bar
  • Fork

Timepicker ✅

• Timepicker integration with datepicker
  • Fork
• Timepicker with different locale
  • Fork

Toolbar ✅

Tooltip ✅

Tree ✅

Double check these at runtime later