refactor(material/select): switch to tree shakeable overlay APIs

Reworks the module to use the new tree-shakeable APIs for creating overlays.

Author: crisbeto

goldens/material/select/index.api.md

@@ -35,7 +35,6 @@ import { Observable } from 'rxjs';
 import { OnChanges } from '@angular/core';
 import { OnDestroy } from '@angular/core';
 import { OnInit } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
 import { QueryList } from '@angular/core';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -52,12 +51,12 @@ export const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
 // @public @deprecated
 export const MAT_SELECT_SCROLL_STRATEGY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
-    deps: (typeof Overlay)[];
+    deps: any[];
     useFactory: typeof MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY;
 };
 
 // @public @deprecated
-export function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => ScrollStrategy;
+export function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(_overlay: unknown): () => ScrollStrategy;
 
 // @public
 export const MAT_SELECT_TRIGGER: InjectionToken<MatSelectTrigger>;

src/material/select/select.spec.ts

@@ -15,7 +15,7 @@ import {
   TAB,
   UP_ARROW,
 } from '@angular/cdk/keycodes';
-import {CloseScrollStrategy, Overlay, OverlayContainer, OverlayModule} from '@angular/cdk/overlay';
+import {createCloseScrollStrategy, OverlayContainer, OverlayModule} from '@angular/cdk/overlay';
 import {ScrollDispatcher} from '@angular/cdk/scrolling';
 import {
   createKeyboardEvent,
@@ -30,6 +30,7 @@ import {
   Component,
   DebugElement,
   ElementRef,
+  Injector,
   OnInit,
   Provider,
   QueryList,
@@ -1779,9 +1780,7 @@ describe('MatSelect', () => {
           providers: [
             {
               provide: MAT_SELECT_SCROLL_STRATEGY,
-              useFactory: (overlay: Overlay) => (): CloseScrollStrategy =>
-                overlay.scrollStrategies.close(),
-              deps: [Overlay],
+              useFactory: () => () => createCloseScrollStrategy(TestBed.inject(Injector)),
             },
             {
               provide: ScrollDispatcher,

src/material/select/select.ts

@@ -30,7 +30,7 @@ import {
   CdkConnectedOverlay,
   CdkOverlayOrigin,
   ConnectedPosition,
-  Overlay,
+  createRepositionScrollStrategy,
   ScrollStrategy,
 } from '@angular/cdk/overlay';
 import {ViewportRuler} from '@angular/cdk/scrolling';
@@ -60,6 +60,7 @@ import {
   ViewEncapsulation,
   HostAttributeToken,
   Renderer2,
+  Injector,
 } from '@angular/core';
 import {
   AbstractControl,
@@ -97,8 +98,8 @@ export const MAT_SELECT_SCROLL_STRATEGY = new InjectionToken<() => ScrollStrateg
   {
     providedIn: 'root',
     factory: () => {
-      const overlay = inject(Overlay);
-      return () => overlay.scrollStrategies.reposition();
+      const injector = inject(Injector);
+      return () => createRepositionScrollStrategy(injector);
     },
   },
 );
@@ -109,9 +110,10 @@ export const MAT_SELECT_SCROLL_STRATEGY = new InjectionToken<() => ScrollStrateg
  * @breaking-change 21.0.0
  */
 export function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(
-  overlay: Overlay,
+  _overlay: unknown,
 ): () => ScrollStrategy {
-  return () => overlay.scrollStrategies.reposition();
+  const injector = inject(Injector);
+  return () => createRepositionScrollStrategy(injector);
 }
 
 /** Object that can be used to configure the default options for the select module. */
@@ -151,7 +153,7 @@ export const MAT_SELECT_CONFIG = new InjectionToken<MatSelectConfig>('MAT_SELECT
  */
 export const MAT_SELECT_SCROLL_STRATEGY_PROVIDER = {
   provide: MAT_SELECT_SCROLL_STRATEGY,
-  deps: [Overlay],
+  deps: [] as any[],
   useFactory: MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY,
 };