fix(material/tabs): Remove any type

Author: jamOne-

src/material/tabs/tab-body.spec.ts

@@ -160,7 +160,7 @@ class SimpleTabBodyApp implements AfterViewInit {
   position: number;
 
   @ViewChild(MatTabBody) tabBody: MatTabBody;
-  @ViewChild(TemplateRef) template: TemplateRef<any>;
+  @ViewChild(TemplateRef) template: TemplateRef<unknown>;
 
   private readonly _viewContainerRef = inject(ViewContainerRef);
 

src/material/tabs/tab-content.ts

@@ -21,7 +21,7 @@ export const MAT_TAB_CONTENT = new InjectionToken<MatTabContent>('MatTabContent'
   providers: [{provide: MAT_TAB_CONTENT, useExisting: MatTabContent}],
 })
 export class MatTabContent {
-  template = inject<TemplateRef<any>>(TemplateRef);
+  template = inject<TemplateRef<unknown>>(TemplateRef);
 
   constructor(...args: unknown[]);
   constructor() {}

src/material/tabs/tab-group.spec.ts

@@ -12,14 +12,15 @@ import {
 } from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
-import {Observable} from 'rxjs';
+import {Observable, Subscriber} from 'rxjs';
 import {
   MAT_TABS_CONFIG,
   MatTab,
   MatTabGroup,
   MatTabHeader,
   MatTabHeaderPosition,
   MatTabsModule,
+  MatTabChangeEvent,
 } from './index';
 
 describe('MatTabGroup', () => {
@@ -995,7 +996,7 @@ describe('MatTabGroup', () => {
    * Checks that the `selectedIndex` has been updated; checks that the label and body have their
    * respective `active` classes
    */
-  function checkSelectedIndex(expectedIndex: number, fixture: ComponentFixture<any>) {
+  function checkSelectedIndex(expectedIndex: number, fixture: ComponentFixture<unknown>) {
     fixture.detectChanges();
 
     let tabComponent: MatTabGroup = fixture.debugElement.query(
@@ -1014,11 +1015,11 @@ describe('MatTabGroup', () => {
     expect(tabContentElement.classList.contains('mat-mdc-tab-body-active')).toBe(true);
   }
 
-  function getSelectedLabel(fixture: ComponentFixture<any>): HTMLElement {
+  function getSelectedLabel(fixture: ComponentFixture<unknown>): HTMLElement {
     return fixture.nativeElement.querySelector('.mdc-tab--active');
   }
 
-  function getSelectedContent(fixture: ComponentFixture<any>): HTMLElement {
+  function getSelectedContent(fixture: ComponentFixture<unknown>): HTMLElement {
     return fixture.nativeElement.querySelector('.mat-mdc-tab-body-active');
   }
 });
@@ -1252,17 +1253,17 @@ class SimpleTabsTestApp {
   @ViewChild(MatTabGroup) tabGroup: MatTabGroup;
   @ViewChildren(MatTab) tabs: QueryList<MatTab>;
   selectedIndex: number = 1;
-  focusEvent: any;
-  selectEvent: any;
+  focusEvent: MatTabChangeEvent;
+  selectEvent: MatTabChangeEvent;
   disableRipple: boolean = false;
   contentTabIndex: number | null = null;
   headerPosition: MatTabHeaderPosition = 'above';
   ariaLabel: string;
   ariaLabelledby: string;
-  handleFocus(event: any) {
+  handleFocus(event: MatTabChangeEvent) {
     this.focusEvent = event;
   }
-  handleSelection(event: any) {
+  handleSelection(event: MatTabChangeEvent) {
     this.selectEvent = event;
   }
   animationDone() {}
@@ -1292,13 +1293,13 @@ class SimpleDynamicTabsTestApp {
     {label: 'Label 3', content: 'Content 3'},
   ];
   selectedIndex: number = 1;
-  focusEvent: any;
-  selectEvent: any;
+  focusEvent: MatTabChangeEvent;
+  selectEvent: MatTabChangeEvent;
   disablePagination = false;
-  handleFocus(event: any) {
+  handleFocus(event: MatTabChangeEvent) {
     this.focusEvent = event;
   }
-  handleSelection(event: any) {
+  handleSelection(event: MatTabChangeEvent) {
     this.selectEvent = event;
   }
 }
@@ -1372,11 +1373,11 @@ class AsyncTabsTestApp implements OnInit {
     {label: 'two', content: 'two'},
   ];
 
-  tabs: Observable<any>;
+  tabs: Observable<typeof this._tabs>;
 
   ngOnInit() {
     // Use ngOnInit because there is some issue with scheduling the async task in the constructor.
-    this.tabs = new Observable((observer: any) => {
+    this.tabs = new Observable((observer: Subscriber<typeof this._tabs>) => {
       setTimeout(() => observer.next(this._tabs));
     });
   }
@@ -1397,7 +1398,7 @@ class TabGroupWithSimpleApi {
   preserveContent = false;
   otherLabel = 'Fruit';
   otherContent = 'Apples, grapes';
-  @ViewChild('legumes') legumes: any;
+  @ViewChild('legumes') legumes: HTMLParagraphElement;
 }
 
 @Component({

src/material/tabs/tab-header.spec.ts

@@ -699,7 +699,7 @@ describe('MatTabHeader', () => {
       spyOn(TestBed.inject(MutationObserverFactory), 'create').and.callFake(
         (callback: Function) => {
           mutationCallbacks.push(callback);
-          return {observe: () => {}, disconnect: () => {}} as any;
+          return {observe: () => {}, disconnect: () => {}} as unknown as MutationObserver;
         },
       );
 

src/material/tabs/tab-label.ts

@@ -8,6 +8,7 @@
 
 import {Directive, InjectionToken, inject} from '@angular/core';
 import {CdkPortal} from '@angular/cdk/portal';
+import {type MatTab} from './tab';
 
 /**
  * Injection token that can be used to reference instances of `MatTabLabel`. It serves as
@@ -20,7 +21,7 @@ export const MAT_TAB_LABEL = new InjectionToken<MatTabLabel>('MatTabLabel');
  * Used to provide a tab label to a tab without causing a circular dependency.
  * @docs-private
  */
-export const MAT_TAB = new InjectionToken<any>('MAT_TAB');
+export const MAT_TAB = new InjectionToken<MatTab>('MAT_TAB');
 
 /** Used to flag tab labels for use with the portal directive */
 @Directive({

src/material/tabs/tab.ts

@@ -29,12 +29,13 @@ import {TemplatePortal} from '@angular/cdk/portal';
 import {Subject} from 'rxjs';
 import {_CdkPrivateStyleLoader} from '@angular/cdk/private';
 import {_StructuralStylesLoader} from '../core';
+import {type MatTabGroup} from './tab-group';
 
 /**
  * Used to provide a tab group to a tab without causing a circular dependency.
  * @docs-private
  */
-export const MAT_TAB_GROUP = new InjectionToken<any>('MAT_TAB_GROUP');
+export const MAT_TAB_GROUP = new InjectionToken<MatTabGroup>('MAT_TAB_GROUP');
 
 @Component({
   selector: 'mat-tab',
@@ -75,11 +76,11 @@ export class MatTab implements OnInit, OnChanges, OnDestroy {
    * Template provided in the tab content that will be used if present, used to enable lazy-loading
    */
   @ContentChild(MatTabContent, {read: TemplateRef, static: true})
-  // We need an initializer here to avoid a TS error. The value will be set in `ngAfterViewInit`.
-  private _explicitContent: TemplateRef<any> = undefined!;
+  // The value will be set in `ngAfterViewInit`.
+  private _explicitContent?: TemplateRef<unknown>;
 
   /** Template inside the MatTab view that contains an `<ng-content>`. */
-  @ViewChild(TemplateRef, {static: true}) _implicitContent: TemplateRef<any>;
+  @ViewChild(TemplateRef, {static: true}) _implicitContent: TemplateRef<unknown>;
 
   /** Plain text label for the tab, used when there is no template label. */
   @Input('label') textLabel: string = '';