refactor(material/tooltip): convert to standalone

Converts `material/tooltip` to standalone.

Author: crisbeto

src/material/tooltip/module.ts

@@ -19,9 +19,8 @@ import {
 } from './tooltip';
 
 @NgModule({
-  imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],
+  imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],
   exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule],
-  declarations: [MatTooltip, TooltipComponent],
   providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER],
 })
 export class MatTooltipModule {}

src/material/tooltip/testing/tooltip-harness.spec.ts

@@ -12,8 +12,7 @@ describe('MatTooltipHarness', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatTooltipModule, NoopAnimationsModule],
-      declarations: [TooltipHarnessTest],
+      imports: [MatTooltipModule, NoopAnimationsModule, TooltipHarnessTest],
     }).compileComponents();
 
     fixture = TestBed.createComponent(TooltipHarnessTest);
@@ -68,6 +67,8 @@ describe('MatTooltipHarness', () => {
     <button matTooltip='Static message' id='two'>Trigger 2</button>
     <button matTooltip='Disabled Tooltip' [matTooltipDisabled]='true' id='three'>Trigger 3</button>
   `,
+  standalone: true,
+  imports: [MatTooltipModule],
 })
 class TooltipHarnessTest {
   message = 'Tooltip message';

src/material/tooltip/tooltip.spec.ts

@@ -12,7 +12,7 @@ import {
   dispatchKeyboardEvent,
   dispatchMouseEvent,
   patchElementFocus,
-} from '../../cdk/testing/private';
+} from '@angular/cdk/testing/private';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -52,8 +52,9 @@ describe('MDC-based MatTooltip', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [MatTooltipModule, OverlayModule],
-      declarations: [
+      imports: [
+        MatTooltipModule,
+        OverlayModule,
         BasicTooltipDemo,
         ScrollableTooltipDemo,
         OnPushTooltipDemo,
@@ -171,8 +172,7 @@ describe('MDC-based MatTooltip', () => {
     it('should be able to override the default show and hide delays', fakeAsync(() => {
       TestBed.resetTestingModule()
         .configureTestingModule({
-          imports: [MatTooltipModule, OverlayModule],
-          declarations: [BasicTooltipDemo],
+          imports: [MatTooltipModule, OverlayModule, BasicTooltipDemo],
           providers: [
             {
               provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
@@ -1540,6 +1540,8 @@ describe('MDC-based MatTooltip', () => {
         [matTooltipClass]="{'custom-one': showTooltipClass, 'custom-two': showTooltipClass }"
         [matTooltipTouchGestures]="touchGestures">Button</button>
     }`,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class BasicTooltipDemo {
   position: string = 'below';
@@ -1562,6 +1564,8 @@ class BasicTooltipDemo {
               [matTooltipPosition]="position">Button</button>
       }
     </div>`,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class ScrollableTooltipDemo {
   position: string = 'below';
@@ -1589,6 +1593,8 @@ class ScrollableTooltipDemo {
       Button
     </button>`,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class OnPushTooltipDemo {
   position: string = 'below';
@@ -1602,13 +1608,17 @@ class OnPushTooltipDemo {
       <button [matTooltip]="tooltip">Button {{tooltip}}</button>
     }
   `,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class DynamicTooltipsDemo {
   tooltips: string[] = [];
 }
 
 @Component({
   template: `<button [matTooltip]="message" [attr.aria-label]="message">Click me</button>`,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class DataBoundAriaLabelTooltip {
   message = 'Hello there';
@@ -1626,6 +1636,8 @@ class DataBoundAriaLabelTooltip {
       matTooltip="Another thing"
       [matTooltipTouchGestures]="touchGestures"></textarea>
   `,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class TooltipOnTextFields {
   @ViewChild('input') input: ElementRef<HTMLInputElement>;
@@ -1641,6 +1653,8 @@ class TooltipOnTextFields {
       matTooltip="Drag me"
       [matTooltipTouchGestures]="touchGestures"></button>
   `,
+  standalone: true,
+  imports: [MatTooltipModule, OverlayModule],
 })
 class TooltipOnDraggableElement {
   @ViewChild('button') button: ElementRef;

src/material/tooltip/tooltip.ts

@@ -29,8 +29,9 @@ import {
   ViewChild,
   ViewContainerRef,
   ViewEncapsulation,
+  inject,
 } from '@angular/core';
-import {DOCUMENT} from '@angular/common';
+import {DOCUMENT, NgClass} from '@angular/common';
 import {normalizePassiveListenerOptions, Platform} from '@angular/cdk/platform';
 import {ANIMATION_MODULE_TYPE} from '@angular/platform-browser/animations';
 import {AriaDescriber, FocusMonitor} from '@angular/cdk/a11y';
@@ -77,6 +78,13 @@ export function getMatTooltipInvalidPositionError(position: string) {
 /** Injection token that determines the scroll handling while a tooltip is visible. */
 export const MAT_TOOLTIP_SCROLL_STRATEGY = new InjectionToken<() => ScrollStrategy>(
   'mat-tooltip-scroll-strategy',
+  {
+    providedIn: 'root',
+    factory: () => {
+      const overlay = inject(Overlay);
+      return () => overlay.scrollStrategies.reposition({scrollThrottle: SCROLL_THROTTLE_MS});
+    },
+  },
 );
 
 /** @docs-private */
@@ -174,6 +182,7 @@ const MAX_WIDTH = 200;
     'class': 'mat-mdc-tooltip-trigger',
     '[class.mat-mdc-tooltip-disabled]': 'disabled',
   },
+  standalone: true,
 })
 export class MatTooltip implements OnDestroy, AfterViewInit {
   _overlayRef: OverlayRef | null;
@@ -893,6 +902,8 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
     '(mouseleave)': '_handleMouseLeave($event)',
     'aria-hidden': 'true',
   },
+  standalone: true,
+  imports: [NgClass],
 })
 export class TooltipComponent implements OnDestroy {
   /* Whether the tooltip text overflows to multiple lines */

tools/public_api_guard/material/tooltip.md

@@ -14,10 +14,10 @@ import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import * as i2 from '@angular/cdk/a11y';
-import * as i3 from '@angular/common';
-import * as i4 from '@angular/cdk/overlay';
-import * as i5 from '@angular/material/core';
+import * as i1 from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/cdk/overlay';
+import * as i4 from '@angular/material/core';
 import * as i6 from '@angular/cdk/scrolling';
 import { InjectionToken } from '@angular/core';
 import { NgZone } from '@angular/core';
@@ -106,7 +106,7 @@ export class MatTooltip implements OnDestroy, AfterViewInit {
     _tooltipInstance: TooltipComponent | null;
     touchGestures: TooltipTouchGestures;
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTooltip, "[matTooltip]", ["matTooltip"], { "position": { "alias": "matTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "matTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "matTooltipDisabled"; "required": false; }; "showDelay": { "alias": "matTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "matTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "matTooltipTouchGestures"; "required": false; }; "message": { "alias": "matTooltip"; "required": false; }; "tooltipClass": { "alias": "matTooltipClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTooltip, "[matTooltip]", ["matTooltip"], { "position": { "alias": "matTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "matTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "matTooltipDisabled"; "required": false; }; "showDelay": { "alias": "matTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "matTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "matTooltipTouchGestures"; "required": false; }; "message": { "alias": "matTooltip"; "required": false; }; "tooltipClass": { "alias": "matTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTooltip, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
 }
@@ -134,7 +134,7 @@ export class MatTooltipModule {
     // (undocumented)
     static ɵinj: i0.ɵɵInjectorDeclaration<MatTooltipModule>;
     // (undocumented)
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTooltipModule, [typeof i1.MatTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule], [typeof i1.MatTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i6.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatCommonModule, typeof i5.MatTooltip, typeof i5.TooltipComponent], [typeof i5.MatTooltip, typeof i5.TooltipComponent, typeof i4.MatCommonModule, typeof i6.CdkScrollableModule]>;
 }
 
 // @public
@@ -171,7 +171,7 @@ export class TooltipComponent implements OnDestroy {
     };
     _triggerElement: HTMLElement;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mat-tooltip-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mat-tooltip-component", never, {}, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, { optional: true; }]>;
 }