refactor(overlay): avoid circular type references

Currently there is a circular type reference between `OverlayRef`, `PositionStrategy`/`ScrollStrategy` and `OverlayConfig` which can cause issues with some build tools. These changes introduce the `OverlayRefBase` type to avoid the circular reference.

Fixes #9491.

Author: crisbeto

src/cdk/overlay/overlay-ref-base.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {Portal} from '@angular/cdk/portal';
+
+/**
+ * Basic interface for an overlay. Used to avoid circular type references between
+ * `OverlayRef`, `PositionStrategy` and `ScrollStrategy`, and `OverlayConfig`.
+ * @docs-private
+ */
+export interface OverlayRefBase {
+  attach: (portal: Portal<any>) => any;
+  detach: () => any;
+  dispose: () => void;
+  overlayElement: HTMLElement;
+  getConfig: () => any;
+  hasAttached: () => boolean;
+  updateSize: (config: any) => void;
+  updatePosition: () => void;
+}

src/cdk/overlay/position/connected-position-strategy.ts

@@ -23,7 +23,7 @@ import {Subscription} from 'rxjs/Subscription';
 import {Observable} from 'rxjs/Observable';
 import {CdkScrollable} from '@angular/cdk/scrolling';
 import {isElementScrolledOutsideView, isElementClippedByScrolling} from './scroll-clip';
-import {OverlayRef} from '../overlay-ref';
+import {OverlayRefBase} from '../overlay-ref-base';
 
 
 
@@ -35,6 +35,9 @@ import {OverlayRef} from '../overlay-ref';
  * of the overlay.
  */
 export class ConnectedPositionStrategy implements PositionStrategy {
+  /** The overlay to which this strategy is attached. */
+  private _overlayRef: OverlayRefBase;
+
   /** Layout direction of the position strategy. */
   private _dir = 'ltr';
 
@@ -96,7 +99,8 @@ export class ConnectedPositionStrategy implements PositionStrategy {
   }
 
   /** Attach this position strategy to an overlay. */
-  attach(overlayRef: OverlayRef): void {
+  attach(overlayRef: OverlayRefBase): void {
+    this._overlayRef = overlayRef;
     this._pane = overlayRef.overlayElement;
     this._resizeSubscription.unsubscribe();
     this._resizeSubscription = this._viewportRuler.change().subscribe(() => this.apply());

src/cdk/overlay/position/global-position-strategy.ts

@@ -7,7 +7,7 @@
  */
 
 import {PositionStrategy} from './position-strategy';
-import {OverlayRef} from '../overlay-ref';
+import {OverlayRefBase} from '../overlay-ref-base';
 
 
 /**
@@ -18,7 +18,7 @@ import {OverlayRef} from '../overlay-ref';
  */
 export class GlobalPositionStrategy implements PositionStrategy {
   /** The overlay to which this strategy is attached. */
-  private _overlayRef: OverlayRef;
+  private _overlayRef: OverlayRefBase;
 
   private _cssPosition = 'static';
   private _topOffset = '';
@@ -35,7 +35,7 @@ export class GlobalPositionStrategy implements PositionStrategy {
 
   constructor(private _document: any) {}
 
-  attach(overlayRef: OverlayRef): void {
+  attach(overlayRef: OverlayRefBase): void {
     const config = overlayRef.getConfig();
 
     this._overlayRef = overlayRef;

src/cdk/overlay/position/position-strategy.ts

@@ -6,14 +6,12 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {OverlayRef} from '../overlay-ref';
-
+import {OverlayRefBase} from '../overlay-ref-base';
 
 /** Strategy for setting the position on an overlay. */
 export interface PositionStrategy {
-
   /** Attaches this position strategy to an overlay. */
-  attach(overlay: OverlayRef): void;
+  attach(overlayRef: OverlayRefBase): void;
 
   /** Updates the position of the overlay element. */
   apply(): void;

src/cdk/overlay/scroll/close-scroll-strategy.ts

@@ -7,7 +7,7 @@
  */
 import {NgZone} from '@angular/core';
 import {ScrollStrategy, getMatScrollStrategyAlreadyAttachedError} from './scroll-strategy';
-import {OverlayRef} from '../overlay-ref';
+import {OverlayRefBase} from '../overlay-ref-base';
 import {Subscription} from 'rxjs/Subscription';
 import {ScrollDispatcher, ViewportRuler} from '@angular/cdk/scrolling';
 
@@ -24,7 +24,7 @@ export interface CloseScrollStrategyConfig {
  */
 export class CloseScrollStrategy implements ScrollStrategy {
   private _scrollSubscription: Subscription|null = null;
-  private _overlayRef: OverlayRef;
+  private _overlayRef: OverlayRefBase;
   private _initialScrollPosition: number;
 
   constructor(
@@ -34,7 +34,7 @@ export class CloseScrollStrategy implements ScrollStrategy {
     private _config?: CloseScrollStrategyConfig) {}
 
   /** Attaches this scroll strategy to an overlay. */
-  attach(overlayRef: OverlayRef) {
+  attach(overlayRef: OverlayRefBase) {
     if (this._overlayRef) {
       throw getMatScrollStrategyAlreadyAttachedError();
     }

src/cdk/overlay/scroll/reposition-scroll-strategy.ts

@@ -9,7 +9,7 @@
 import {NgZone} from '@angular/core';
 import {Subscription} from 'rxjs/Subscription';
 import {ScrollStrategy, getMatScrollStrategyAlreadyAttachedError} from './scroll-strategy';
-import {OverlayRef} from '../overlay-ref';
+import {OverlayRefBase} from '../overlay-ref-base';
 import {ScrollDispatcher, ViewportRuler} from '@angular/cdk/scrolling';
 import {isElementScrolledOutsideView} from '../position/scroll-clip';
 
@@ -29,7 +29,7 @@ export interface RepositionScrollStrategyConfig {
  */
 export class RepositionScrollStrategy implements ScrollStrategy {
   private _scrollSubscription: Subscription|null = null;
-  private _overlayRef: OverlayRef;
+  private _overlayRef: OverlayRefBase;
 
   constructor(
     private _scrollDispatcher: ScrollDispatcher,
@@ -38,7 +38,7 @@ export class RepositionScrollStrategy implements ScrollStrategy {
     private _config?: RepositionScrollStrategyConfig) { }
 
   /** Attaches this scroll strategy to an overlay. */
-  attach(overlayRef: OverlayRef) {
+  attach(overlayRef: OverlayRefBase) {
     if (this._overlayRef) {
       throw getMatScrollStrategyAlreadyAttachedError();
     }

src/cdk/overlay/scroll/scroll-strategy.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {OverlayRef} from '../overlay-ref';
+import {OverlayRefBase} from '../overlay-ref-base';
 
 /**
  * Describes a strategy that will be used by an overlay to handle scroll events while it is open.
@@ -19,7 +19,7 @@ export interface ScrollStrategy {
   disable: () => void;
 
   /** Attaches this `ScrollStrategy` to an overlay. */
-  attach: (overlayRef: OverlayRef) => void;
+  attach: (overlayRef: OverlayRefBase) => void;
 }
 
 /**