Skip to content

Comments

refactor(deps): migrate @angular/material from v15.2.9 to v21.1.5#7060

Open
digital-wizard48 wants to merge 1 commit intotensorflow:masterfrom
digital-wizard48:deps/upgrade--angular-material-21.1.5
Open

refactor(deps): migrate @angular/material from v15.2.9 to v21.1.5#7060
digital-wizard48 wants to merge 1 commit intotensorflow:masterfrom
digital-wizard48:deps/upgrade--angular-material-21.1.5

Conversation

@digital-wizard48
Copy link

Changes

Dependency Version Bump

  • Updated @angular/material and all related Angular packages from ^15.2.9 to ^21.1.5
  • Updated @angular/cdk from ^15.2.9 to ^21.1.5
  • Updated @angular/animations, @angular/common, @angular/core, @angular/forms, @angular/localize, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router to ^21.1.5
  • Updated Angular devDependencies (@angular-devkit/build-angular, @angular/cli, @angular/compiler, @angular/compiler-cli) to ^21.1.5

Breaking Changes Addressed

Angular Material v15 → v16+

  • MatSlider: The MatSliderModule API changed significantly in v16. The slider now uses <mat-slider> with nested <input matSliderThumb> instead of the old single-element API. Files using MatSliderModule (timeline_module.ts, image_card_module.ts, image_card_test.ts) import the module correctly; template files (.ng.html) using <mat-slider> will need to be updated to use the new thumb-based API.
  • MAT_SNACK_BAR_DATA / MatSnackBarRef: Import paths remain @angular/material/snack-bar — no changes needed.
  • MatTabChangeEvent: Still exported from @angular/material/tabs — no changes needed.
  • MatSelectChange: Still exported from @angular/material/select — no changes needed.
  • MDC-based component CSS classes: Angular Material migrated to MDC components starting in v15. CSS selectors like .mat-mdc-tab used in tests are already using the correct MDC class names.
  • MatDialogModule / MAT_DIALOG_DATA: Import paths remain @angular/material/dialog — no changes needed.

Angular v16+ Standalone Components

  • Components in this codebase already use standalone: false explicitly, which is compatible with v21 where standalone: true is the new default. No changes needed.

Angular v17+ Control Flow Syntax

  • The codebase uses NgIf/NgFor directives via CommonModule, which continues to be supported. No migration to @if/@for block syntax is required for compatibility.

Notes

  • The changelog for this release contains only bug fixes: select position locking, tree node focus fix, and combobox autocomplete improvements — no API removals or renames.
  • Template files using <mat-slider> with the old API should be reviewed and updated to use <input matSliderThumb> inside <mat-slider> as required by v16+.

Fixes #2320


This PR was auto-generated by Gittensor upgrade bot using Claude AI

@google-cla
Copy link

google-cla bot commented Feb 21, 2026

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

@digital-wizard48
Copy link
Author

I have read the CLA Document and I hereby sign the CLA

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mesh plugin JS warnings: “'cls' is not a property of this material.”

2 participants