Build MDC-based chips

[jelbourn]

Tasks

• Scaffold empty classes, assets, demo, build config, etc.
• Stub existing component API
• Hook up MDC foundation and adapter
• Add remaining features on top of MDC implementation
• Test dark theme
• Test RTL
• Test with screen-readers
• Copy existing unit tests and ensure they all pass
• Copy existing e2e tests and ensure they all pass (if any)
• Verify SSR support in universal-app/
• Verify no size regression
• Create test harness
• Create schematics for migration
• Create user documentation

Additional notes

• The current chips implementation uses role="listbox". For the MDC-based version, we want to introduce different interaction-pattern variants, e.g.

<!-- role="grid" -->
<mat-chip-grid>
  <mat-chip-cell> ... </mat-chip-cell>
</mat-chip-grid>

<!-- role="listbox" -->
<mat-chip-listbox>
  <mat-chip-option> ... </mat-chip-option>
</mat-chip-listbox>

All of the variants of the chip-set/chip should extend from one common base.

• We likely want to remove the idea of selected from the base chip since it only really applies in the listbox model

Breaking changes

Known issues & visual differences

[vanessanschmitt]

Status update:

Tasks

• Scaffold empty classes, assets, demo, build config, etc.
• Stub existing component API
• Hook up MDC foundation and adapter
• Add remaining features on top of MDC implementation
• Test dark theme
• Test RTL
• Test with screen-readers
• Copy existing unit tests and ensure they all pass
• Copy existing e2e tests and ensure they all pass (if any)
• Verify SSR support in universal-app/
• Verify no size regression
• Create test harness
• Create schematics for migration
• Create user documentation

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}