fix(material/tooltip): Remove almost all any

Author: jamOne-

src/material/tooltip/tooltip.spec.ts

@@ -1,7 +1,13 @@
 import {FocusMonitor} from '@angular/cdk/a11y';
 import {Direction, Directionality} from '@angular/cdk/bidi';
 import {ESCAPE} from '@angular/cdk/keycodes';
-import {CdkScrollable, OverlayContainer, OverlayModule} from '@angular/cdk/overlay';
+import {
+  CdkScrollable,
+  ConnectedPosition,
+  FlexibleConnectedPositionStrategy,
+  OverlayContainer,
+  OverlayModule,
+} from '@angular/cdk/overlay';
 import {Platform} from '@angular/cdk/platform';
 import {
   createFakeEvent,
@@ -1423,7 +1429,7 @@ describe('MatTooltip', () => {
       fixture.detectChanges();
 
       const styles = fixture.nativeElement.querySelector('button').style;
-      expect(styles.touchAction || (styles as any).webkitUserDrag).toBe('none');
+      expect(styles.touchAction || styles.webkitUserDrag).toBe('none');
     });
 
     it('should allow native touch interactions if touch gestures are turned off', () => {
@@ -1432,7 +1438,7 @@ describe('MatTooltip', () => {
       fixture.detectChanges();
 
       const styles = fixture.nativeElement.querySelector('button').style;
-      expect(styles.touchAction || (styles as any).webkitUserDrag).toBeFalsy();
+      expect(styles.touchAction || styles.webkitUserDrag).toBeFalsy();
     });
 
     it('should allow text selection on inputs when gestures are set to auto', () => {
@@ -1444,13 +1450,13 @@ describe('MatTooltip', () => {
 
       expect(inputStyle.userSelect).toBeFalsy();
       expect(inputStyle.webkitUserSelect).toBeFalsy();
-      expect((inputStyle as any).msUserSelect).toBeFalsy();
-      expect((inputStyle as any).MozUserSelect).toBeFalsy();
+      expect(inputStyle.msUserSelect).toBeFalsy();
+      expect(inputStyle.MozUserSelect).toBeFalsy();
 
       expect(textareaStyle.userSelect).toBeFalsy();
       expect(textareaStyle.webkitUserSelect).toBeFalsy();
-      expect((textareaStyle as any).msUserSelect).toBeFalsy();
-      expect((textareaStyle as any).MozUserSelect).toBeFalsy();
+      expect(textareaStyle.msUserSelect).toBeFalsy();
+      expect(textareaStyle.MozUserSelect).toBeFalsy();
     });
 
     it('should disable text selection on inputs when gestures are set to on', () => {
@@ -1462,14 +1468,14 @@ describe('MatTooltip', () => {
       const inputUserSelect =
         inputStyle.userSelect ||
         inputStyle.webkitUserSelect ||
-        (inputStyle as any).msUserSelect ||
-        (inputStyle as any).MozUserSelect;
+        inputStyle.msUserSelect ||
+        inputStyle.MozUserSelect;
       const textareaStyle = fixture.componentInstance.textarea.nativeElement.style;
       const textareaUserSelect =
         textareaStyle.userSelect ||
         textareaStyle.webkitUserSelect ||
-        (textareaStyle as any).msUserSelect ||
-        (textareaStyle as any).MozUserSelect;
+        textareaStyle.msUserSelect ||
+        textareaStyle.MozUserSelect;
 
       expect(inputUserSelect).toBe('none');
       expect(textareaUserSelect).toBe('none');
@@ -1608,7 +1614,7 @@ describe('MatTooltip', () => {
 })
 class BasicTooltipDemo {
   position = 'below';
-  message: any = initialTooltipMessage;
+  message: string | number = initialTooltipMessage;
   showButton = true;
   showTooltipClass = false;
   tooltipDisabled = false;
@@ -1725,7 +1731,7 @@ class TooltipOnDraggableElement {
   standalone: false,
 })
 class TooltipDemoWithoutPositionBinding {
-  message: any = initialTooltipMessage;
+  message: string = initialTooltipMessage;
   @ViewChild(MatTooltip) tooltip: MatTooltip;
   @ViewChild('button') button: ElementRef<HTMLButtonElement>;
 }
@@ -1749,7 +1755,7 @@ class TooltipDemoWithoutTooltipClassBinding {
   standalone: false,
 })
 class TooltipDemoWithTooltipClassBinding {
-  message: any = initialTooltipMessage;
+  message: string = initialTooltipMessage;
   @ViewChild(MatTooltip) tooltip: MatTooltip;
   @ViewChild('button') button: ElementRef<HTMLButtonElement>;
 }

src/material/tooltip/tooltip.ts

@@ -52,6 +52,15 @@ import {ComponentPortal} from '@angular/cdk/portal';
 import {Observable, Subject} from 'rxjs';
 import {_animationsDisabled} from '../core';
 
+declare global {
+  interface CSSStyleDeclaration {
+    msUserSelect: string;
+    MozUserSelect: string;
+    webkitUserDrag: string;
+    webkitTapHighlightColor: string;
+  }
+}
+
 /** Possible positions for a tooltip. */
 export type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
 
@@ -219,7 +228,7 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
   private _position: TooltipPosition = 'below';
   private _positionAtOrigin: boolean = false;
   private _disabled: boolean = false;
-  private _tooltipClass: string | string[] | Set<string> | {[key: string]: any};
+  private _tooltipClass: string | string[] | Set<string> | {[key: string]: unknown};
   private _viewInitialized = false;
   private _pointerExitEventsInitialized = false;
   private readonly _tooltipComponent = TooltipComponent;
@@ -361,7 +370,7 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
     return this._tooltipClass;
   }
 
-  set tooltipClass(value: string | string[] | Set<string> | {[key: string]: any}) {
+  set tooltipClass(value: string | string[] | Set<string> | {[key: string]: unknown}) {
     this._tooltipClass = value;
     if (this._tooltipInstance) {
       this._setTooltipClass(this._tooltipClass);
@@ -723,7 +732,9 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
   }
 
   /** Updates the tooltip class */
-  private _setTooltipClass(tooltipClass: string | string[] | Set<string> | {[key: string]: any}) {
+  private _setTooltipClass(
+    tooltipClass: string | string[] | Set<string> | {[key: string]: unknown},
+  ) {
     if (this._tooltipInstance) {
       this._tooltipInstance.tooltipClass = tooltipClass;
       this._tooltipInstance._markForCheck();
@@ -911,20 +922,20 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
       // textareas, because it prevents the user from typing into them on iOS Safari.
       if (gestures === 'on' || (element.nodeName !== 'INPUT' && element.nodeName !== 'TEXTAREA')) {
         style.userSelect =
-          (style as any).msUserSelect =
+          style.msUserSelect =
           style.webkitUserSelect =
-          (style as any).MozUserSelect =
+          style.MozUserSelect =
             'none';
       }
 
       // If we have `auto` gestures and the element uses native HTML dragging,
       // we don't set `-webkit-user-drag` because it prevents the native behavior.
       if (gestures === 'on' || !element.draggable) {
-        (style as any).webkitUserDrag = 'none';
+        style.webkitUserDrag = 'none';
       }
 
       style.touchAction = 'none';
-      (style as any).webkitTapHighlightColor = 'transparent';
+      style.webkitTapHighlightColor = 'transparent';
     }
   }
 
@@ -985,7 +996,7 @@ export class TooltipComponent implements OnDestroy {
   message: string;
 
   /** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
-  tooltipClass: string | string[] | Set<string> | {[key: string]: any};
+  tooltipClass: string | string[] | Set<string> | {[key: string]: unknown};
 
   /** The timeout ID of any current timer set to show the tooltip */
   private _showTimeoutId: ReturnType<typeof setTimeout> | undefined;