feat(cdk): move overlay into cdk (#6100)

Author: jelbourn

scripts/closure-compiler/build-devapp-bundle.sh

@@ -24,7 +24,7 @@ $(npm bin)/ngc -p scripts/closure-compiler/tsconfig-rxjs.json
 rxjsSourceFiles=$(find dist/packages/rxjs -name '*.js');
 
 # List of entry points in the CDK package. Exclude "testing" since it's not an entry point.
-cdkEntryPoints=($(find src/cdk/* -type d ! -name testing -exec basename {} \;))
+cdkEntryPoints=($(find src/cdk -maxdepth 1 -mindepth 1 -type d -not -name testing -exec basename {} \;))
 
 # Due a Closure Compiler issue https://github.com/google/closure-compiler/issues/2247
 # we need to add exports to the different RxJS ES2015 files.

src/lib/core/overlay/_overlay.scss renamed to src/cdk/overlay/_overlay.scss

@@ -1,4 +1,16 @@
-@import '../style/variables';
+// We want overlays to always appear over user content, so set a baseline
+// very high z-index for the overlay container, which is where we create the new
+// stacking context for all overlays.
+$cdk-z-index-overlay-container: 1000;
+$cdk-z-index-overlay: 1000;
+$cdk-z-index-overlay-backdrop: 1000;
+
+// Background color for all of the backdrops
+$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.6);
+
+// Default backdrop animation is based on the Material Design swift-ease-out.
+$backdrop-animation-duration: 400ms !default;
+$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
 
 
 @mixin cdk-overlay() {
@@ -48,10 +60,7 @@
     z-index: $cdk-z-index-overlay-backdrop;
     pointer-events: auto;
     -webkit-tap-highlight-color: transparent;
-
-    // TODO(jelbourn): figure out if there are actually spec'ed colors for both light and dark
-    // themes here. Currently using the values from AngularJS Material.
-    transition: opacity $swift-ease-out-duration $swift-ease-out-timing-function;
+    transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;
     opacity: 0;
 
     &.cdk-overlay-backdrop-showing {

src/lib/core/overlay/fullscreen-overlay-container.ts renamed to src/cdk/overlay/fullscreen-overlay-container.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google Inc. 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
+ */
+
+export * from './public_api';

src/lib/core/overlay/generic-component-type.ts renamed to src/cdk/overlay/generic-component-type.ts

@@ -1,13 +1,13 @@
-import {ComponentFixture, TestBed, async} from '@angular/core/testing';
 import {Component, ViewChild} from '@angular/core';
 import {By} from '@angular/platform-browser';
+import {ComponentFixture, TestBed, async} from '@angular/core/testing';
+import {Directionality} from '@angular/cdk/bidi';
+import {dispatchKeyboardEvent} from '@angular/cdk/testing';
+import {ESCAPE} from '@angular/cdk/keycodes';
 import {ConnectedOverlayDirective, OverlayModule, OverlayOrigin} from './index';
 import {OverlayContainer} from './overlay-container';
 import {ConnectedPositionStrategy} from './position/connected-position-strategy';
 import {ConnectedOverlayPositionChange} from './position/connected-position';
-import {Directionality} from '../bidi/index';
-import {dispatchKeyboardEvent} from '@angular/cdk/testing';
-import {ESCAPE} from '../keyboard/keycodes';
 
 
 describe('Overlay directives', () => {

src/cdk/overlay/index.ts

@@ -7,37 +7,37 @@
  */
 
 import {
-    Directive,
-    EventEmitter,
-    TemplateRef,
-    ViewContainerRef,
-    Optional,
-    Input,
-    OnDestroy,
-    Output,
-    ElementRef,
-    Renderer2,
-    OnChanges,
-    SimpleChanges,
-    InjectionToken,
-    Inject,
+  Directive,
+  ElementRef,
+  EventEmitter,
+  Inject,
+  InjectionToken,
+  Input,
+  OnChanges,
+  OnDestroy,
+  Optional,
+  Output,
+  Renderer2,
+  SimpleChanges,
+  TemplateRef,
+  ViewContainerRef,
 } from '@angular/core';
+import {Direction, Directionality} from '@angular/cdk/bidi';
+import {coerceBooleanProperty} from '@angular/cdk/coercion';
+import {ESCAPE} from '@angular/cdk/keycodes';
+import {TemplatePortal} from '@angular/cdk/portal';
 import {Overlay} from './overlay';
 import {OverlayRef} from './overlay-ref';
-import {TemplatePortal} from '../portal/portal';
 import {OverlayState} from './overlay-state';
 import {
-    ConnectionPositionPair,
-    // This import is only used to define a generic type. The current TypeScript version incorrectly
-    // considers such imports as unused (https://github.com/Microsoft/TypeScript/issues/14953)
-    // tslint:disable-next-line:no-unused-variable
-    ConnectedOverlayPositionChange
+  // This import is only used to define a generic type. The current TypeScript version incorrectly
+  // considers such imports as unused (https://github.com/Microsoft/TypeScript/issues/14953)
+  // tslint:disable-next-line:no-unused-variable
+  ConnectedOverlayPositionChange,
+  ConnectionPositionPair,
 } from './position/connected-position';
 import {ConnectedPositionStrategy} from './position/connected-position-strategy';
-import {Directionality, Direction} from '../bidi/index';
-import {coerceBooleanProperty} from '@angular/cdk/coercion';
-import {ScrollStrategy, RepositionScrollStrategy} from './scroll/index';
-import {ESCAPE} from '../keyboard/keycodes';
+import {RepositionScrollStrategy, ScrollStrategy} from './scroll/index';
 import {Subscription} from 'rxjs/Subscription';
 
 
@@ -56,7 +56,8 @@ export const MD_CONNECTED_OVERLAY_SCROLL_STRATEGY =
     new InjectionToken<() => ScrollStrategy>('md-connected-overlay-scroll-strategy');
 
 /** @docs-private */
-export function MD_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay) {
+export function MD_CONNECTED_OVERLAY_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay):
+    () => RepositionScrollStrategy {
   return () => overlay.scrollStrategies.reposition();
 }
 

src/lib/core/overlay/overlay-container.ts renamed to src/cdk/overlay/overlay-container.ts

@@ -0,0 +1,3 @@
+@import './overlay';
+
+@include cdk-overlay();

src/lib/core/overlay/overlay-directives.spec.ts renamed to src/cdk/overlay/overlay-directives.spec.ts

@@ -7,7 +7,7 @@
  */
 
 import {NgZone} from '@angular/core';
-import {PortalHost, Portal} from '../portal/portal';
+import {PortalHost, Portal} from '@angular/cdk/portal';
 import {OverlayState} from './overlay-state';
 import {Observable} from 'rxjs/Observable';
 import {Subject} from 'rxjs/Subject';