chore(e2e): break up E2eMaterialModules

Author: mmalerba

src/e2e-app/block-scroll-strategy/block-scroll-strategy-e2e-module.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 {ScrollingModule} from '@angular/cdk/scrolling';
+import {NgModule} from '@angular/core';
+import {BlockScrollStrategyE2E} from './block-scroll-strategy-e2e';
+
+@NgModule({
+  imports: [ScrollingModule],
+  declarations: [BlockScrollStrategyE2E],
+})
+export class BlockScrollStrategyE2eModule {
+}

src/e2e-app/button/button-e2e-module.ts

@@ -0,0 +1,21 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatButtonModule, MatIconModule} from '@angular/material';
+import {ButtonE2E} from './button-e2e';
+
+@NgModule({
+  imports: [
+    MatButtonModule,
+    MatIconModule,
+  ],
+  declarations: [ButtonE2E],
+})
+export class ButtonE2eModule {
+}

src/e2e-app/checkbox/checkbox-e2e-module.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatCheckboxModule} from '@angular/material';
+import {SimpleCheckboxes} from './checkbox-e2e';
+
+@NgModule({
+  imports: [MatCheckboxModule],
+  declarations: [SimpleCheckboxes],
+})
+export class CheckboxE2eModule {
+}

src/e2e-app/dialog/dialog-e2e-module.ts

@@ -0,0 +1,19 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatDialogModule} from '@angular/material';
+import {DialogE2E, TestDialog} from './dialog-e2e';
+
+@NgModule({
+  imports: [MatDialogModule],
+  declarations: [DialogE2E, TestDialog],
+  entryComponents: [TestDialog]
+})
+export class DialogE2eModule {
+}

src/e2e-app/e2e-app-module.ts

@@ -0,0 +1,19 @@
+/**
+ * @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 {Component, ViewEncapsulation} from '@angular/core';
+
+/** Root component for the e2e-app demos. */
+@Component({
+  moduleId: module.id,
+  selector: 'e2e-app',
+  template: '<e2e-app-layout><router-outlet></router-outlet></e2e-app-layout>',
+  encapsulation: ViewEncapsulation.None,
+})
+export class E2eApp {
+}

src/e2e-app/e2e-app.ts

@@ -25,5 +25,5 @@
 </mat-nav-list>
 
 <main>
-  <router-outlet></router-outlet>
+  <ng-content></ng-content>
 </main>

src/e2e-app/e2e-app/e2e-app.html renamed to src/e2e-app/e2e-app/e2e-app-layout.html

@@ -0,0 +1,16 @@
+import {Component, ViewEncapsulation} from '@angular/core';
+
+
+@Component({selector: 'home', template: `<p>e2e website!</p>`})
+export class Home {
+}
+
+@Component({
+  moduleId: module.id,
+  selector: 'e2e-app-layout',
+  templateUrl: 'e2e-app-layout.html',
+  encapsulation: ViewEncapsulation.None,
+})
+export class E2eAppLayout {
+  showLinks: boolean = false;
+}

src/e2e-app/e2e-app/e2e-app-layout.ts

@@ -0,0 +1,30 @@
+/**
+ * @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 {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {GestureConfig, MatListModule} from '@angular/material';
+import {HAMMER_GESTURE_CONFIG} from '@angular/platform-browser';
+import {RouterModule} from '@angular/router';
+import {E2eAppLayout, Home} from './e2e-app-layout';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MatListModule,
+    RouterModule,
+  ],
+  declarations: [E2eAppLayout, Home],
+  exports: [E2eAppLayout],
+
+  // We need to pass this in here, because the gesture config currently doesn't for lazy-loaded
+  // modules. See https://github.com/angular/material2/issues/4595#issuecomment-416641018.
+  providers: [{provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}]
+})
+export class E2eAppModule {
+}

src/e2e-app/e2e-app/e2e-app-module.ts

@@ -1,28 +1,28 @@
+import {
+  ButtonToggleOverviewExample,
+  CardFancyExample,
+  ExpansionOverviewExample,
+  ListOverviewExample,
+  StepperOverviewExample,
+  ToolbarMultirowExample
+} from '@angular/material-examples';
 import {Routes} from '@angular/router';
-import {VirtualScrollE2E} from '../virtual-scroll/virtual-scroll-e2e';
-import {Home} from './e2e-app';
+import {BlockScrollStrategyE2E} from '../block-scroll-strategy/block-scroll-strategy-e2e';
 import {ButtonE2E} from '../button/button-e2e';
-import {BasicTabs} from '../tabs/tabs-e2e';
-import {IconE2E} from '../icon/icon-e2e';
-import {MenuE2E} from '../menu/menu-e2e';
-import {SimpleRadioButtons} from '../radio/radio-e2e';
 import {SimpleCheckboxes} from '../checkbox/checkbox-e2e';
 import {DialogE2E} from '../dialog/dialog-e2e';
 import {GridListE2E} from '../grid-list/grid-list-e2e';
+import {IconE2E} from '../icon/icon-e2e';
+import {InputE2E} from '../input/input-e2e';
+import {MenuE2E} from '../menu/menu-e2e';
 import {ProgressBarE2E} from '../progress-bar/progress-bar-e2e';
 import {ProgressSpinnerE2E} from '../progress-spinner/progress-spinner-e2e';
-import {SlideToggleE2E} from '../slide-toggle/slide-toggle-e2e';
-import {InputE2E} from '../input/input-e2e';
+import {SimpleRadioButtons} from '../radio/radio-e2e';
 import {SidenavE2E} from '../sidenav/sidenav-e2e';
-import {BlockScrollStrategyE2E} from '../block-scroll-strategy/block-scroll-strategy-e2e';
-import {
-  CardFancyExample,
-  ListOverviewExample,
-  ToolbarMultirowExample,
-  ButtonToggleOverviewExample,
-  ExpansionOverviewExample,
-  StepperOverviewExample
-} from '@angular/material-examples';
+import {SlideToggleE2E} from '../slide-toggle/slide-toggle-e2e';
+import {BasicTabs} from '../tabs/tabs-e2e';
+import {VirtualScrollE2E} from '../virtual-scroll/virtual-scroll-e2e';
+import {Home} from './e2e-app-layout';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},

src/e2e-app/e2e-app/e2e-app.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatGridListModule} from '@angular/material';
+import {GridListE2E} from './grid-list-e2e';
+
+@NgModule({
+  imports: [MatGridListModule],
+  declarations: [GridListE2E],
+})
+export class GridListE2eModule {
+}

src/e2e-app/e2e-app/routes.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatIconModule} from '@angular/material';
+import {IconE2E} from './icon-e2e';
+
+@NgModule({
+  imports: [MatIconModule],
+  declarations: [IconE2E],
+})
+export class IconE2eModule {
+}

src/e2e-app/grid-list/grid-list-e2e-module.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 {NgModule} from '@angular/core';
+import {MatFormFieldModule, MatInputModule} from '@angular/material';
+import {InputE2E} from './input-e2e';
+
+@NgModule({
+  imports: [MatFormFieldModule, MatInputModule],
+  declarations: [InputE2E],
+})
+export class InputE2eModule {
+}