Revert "chore(dev-app): add lazy loading (#15522)"

This reverts commit 1dce080.

Author: kara

.github/CODEOWNERS

@@ -111,7 +111,7 @@
 /src/dev-app/connected-overlay/**                  @jelbourn @crisbeto
 /src/dev-app/dataset/**                            @andrewseguin
 /src/dev-app/datepicker/**                         @mmalerba
-/src/dev-app/dev-app/**                            @mmalerba
+/src/dev-app/dev-app-layout/**                     @mmalerba
 /src/dev-app/dialog/**                             @jelbourn @crisbeto
 /src/dev-app/drag-drop/**                          @crisbeto
 /src/dev-app/drawer/**                             @mmalerba

src/dev-app/autocomplete/autocomplete-demo-module.ts

@@ -16,7 +16,6 @@ import {
   MatFormFieldModule,
   MatInputModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {AutocompleteDemo} from './autocomplete-demo';
 
 @NgModule({
@@ -29,7 +28,6 @@ import {AutocompleteDemo} from './autocomplete-demo';
     MatFormFieldModule,
     MatInputModule,
     ReactiveFormsModule,
-    RouterModule.forChild([{path: '', component: AutocompleteDemo}]),
   ],
   declarations: [AutocompleteDemo],
 })

src/dev-app/badge/badge-demo-module.ts

@@ -10,7 +10,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatBadgeModule, MatButtonModule, MatIconModule} from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {BadgeDemo} from './badge-demo';
 
 @NgModule({
@@ -20,7 +19,6 @@ import {BadgeDemo} from './badge-demo';
     MatBadgeModule,
     MatButtonModule,
     MatIconModule,
-    RouterModule.forChild([{path: '', component: BadgeDemo}]),
   ],
   declarations: [BadgeDemo],
 })

src/dev-app/baseline/baseline-demo-module.ts

@@ -17,7 +17,6 @@ import {
   MatSelectModule,
   MatToolbarModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {BaselineDemo} from './baseline-demo';
 
 @NgModule({
@@ -30,7 +29,6 @@ import {BaselineDemo} from './baseline-demo';
     MatRadioModule,
     MatSelectModule,
     MatToolbarModule,
-    RouterModule.forChild([{path: '', component: BaselineDemo}]),
   ],
   declarations: [BaselineDemo],
 })

src/dev-app/bottom-sheet/bottom-sheet-demo-module.ts

@@ -20,7 +20,6 @@ import {
   MatListModule,
   MatSelectModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {BottomSheetDemo, ExampleBottomSheet} from './bottom-sheet-demo';
 
 @NgModule({
@@ -36,7 +35,6 @@ import {BottomSheetDemo, ExampleBottomSheet} from './bottom-sheet-demo';
     MatInputModule,
     MatListModule,
     MatSelectModule,
-    RouterModule.forChild([{path: '', component: BottomSheetDemo}]),
   ],
   declarations: [BottomSheetDemo, ExampleBottomSheet],
   entryComponents: [ExampleBottomSheet],

src/dev-app/button-toggle/button-toggle-demo-module.ts

@@ -10,7 +10,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatButtonToggleModule, MatCheckboxModule, MatIconModule} from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {ButtonToggleDemo} from './button-toggle-demo';
 
 @NgModule({
@@ -20,7 +19,6 @@ import {ButtonToggleDemo} from './button-toggle-demo';
     MatButtonToggleModule,
     MatCheckboxModule,
     MatIconModule,
-    RouterModule.forChild([{path: '', component: ButtonToggleDemo}]),
   ],
   declarations: [ButtonToggleDemo],
 })

src/dev-app/button/button-demo-module.ts

@@ -8,14 +8,12 @@
 
 import {NgModule} from '@angular/core';
 import {MatButtonModule, MatIconModule} from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {ButtonDemo} from './button-demo';
 
 @NgModule({
   imports: [
     MatButtonModule,
     MatIconModule,
-    RouterModule.forChild([{path: '', component: ButtonDemo}]),
   ],
   declarations: [ButtonDemo],
 })

src/dev-app/card/card-demo-module.ts

@@ -13,7 +13,6 @@ import {
   MatDividerModule,
   MatProgressBarModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {CardDemo} from './card-demo';
 
 @NgModule({
@@ -22,7 +21,6 @@ import {CardDemo} from './card-demo';
     MatCardModule,
     MatDividerModule,
     MatProgressBarModule,
-    RouterModule.forChild([{path: '', component: CardDemo}]),
   ],
   declarations: [CardDemo],
 })

src/dev-app/checkbox/checkbox-demo-module.ts

@@ -10,7 +10,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatCheckboxModule, MatPseudoCheckboxModule} from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {CheckboxDemo, MatCheckboxDemoNestedChecklist} from './checkbox-demo';
 
 @NgModule({
@@ -19,7 +18,6 @@ import {CheckboxDemo, MatCheckboxDemoNestedChecklist} from './checkbox-demo';
     FormsModule,
     MatCheckboxModule,
     MatPseudoCheckboxModule,
-    RouterModule.forChild([{path: '', component: CheckboxDemo}]),
   ],
   declarations: [CheckboxDemo, MatCheckboxDemoNestedChecklist],
 })

src/dev-app/chips/chips-demo-module.ts

@@ -18,7 +18,6 @@ import {
   MatIconModule,
   MatToolbarModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {ChipsDemo} from './chips-demo';
 
 @NgModule({
@@ -32,7 +31,6 @@ import {ChipsDemo} from './chips-demo';
     MatFormFieldModule,
     MatIconModule,
     MatToolbarModule,
-    RouterModule.forChild([{path: '', component: ChipsDemo}]),
   ],
   declarations: [ChipsDemo],
 })

src/dev-app/connected-overlay/connected-overlay-demo-module.ts

@@ -11,7 +11,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule, MatCheckboxModule, MatRadioModule} from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {ConnectedOverlayDemo} from './connected-overlay-demo';
 
 @NgModule({
@@ -22,7 +21,6 @@ import {ConnectedOverlayDemo} from './connected-overlay-demo';
     MatCheckboxModule,
     MatRadioModule,
     OverlayModule,
-    RouterModule.forChild([{path: '', component: ConnectedOverlayDemo}]),
   ],
   declarations: [ConnectedOverlayDemo],
 })

src/dev-app/datepicker/datepicker-demo-module.ts

@@ -16,10 +16,8 @@ import {
   MatFormFieldModule,
   MatIconModule,
   MatInputModule,
-  MatNativeDateModule,
   MatSelectModule
 } from '@angular/material';
-import {RouterModule} from '@angular/router';
 import {CustomHeader, CustomHeaderNgContent, DatepickerDemo} from './datepicker-demo';
 
 @NgModule({
@@ -32,10 +30,8 @@ import {CustomHeader, CustomHeaderNgContent, DatepickerDemo} from './datepicker-
     MatFormFieldModule,
     MatIconModule,
     MatInputModule,
-    MatNativeDateModule,
     MatSelectModule,
     ReactiveFormsModule,
-    RouterModule.forChild([{path: '', component: DatepickerDemo}]),
   ],
   declarations: [CustomHeader, CustomHeaderNgContent, DatepickerDemo],
   entryComponents: [CustomHeader, CustomHeaderNgContent],

src/dev-app/dev-app/dev-app-module.ts renamed to src/dev-app/dev-app-layout/dev-app-layout-module.ts

@@ -16,8 +16,6 @@ import {
   MatToolbarModule
 } from '@angular/material';
 import {RouterModule} from '@angular/router';
-import {DevApp404} from './dev-app-404';
-import {DevAppHome} from './dev-app-home';
 import {DevAppLayout} from './dev-app-layout';
 
 @NgModule({
@@ -30,8 +28,8 @@ import {DevAppLayout} from './dev-app-layout';
     MatToolbarModule,
     RouterModule,
   ],
-  declarations: [DevAppLayout, DevAppHome, DevApp404],
+  declarations: [DevAppLayout],
   exports: [DevAppLayout],
 })
-export class DevAppModule {
+export class DevAppLayoutModule {
 }

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

@@ -37,15 +37,15 @@ <h1>Angular Material Demos</h1>
           <button mat-button (click)="rippleOptions.disabled = !rippleOptions.disabled">
             {{rippleOptions.disabled ? 'Enable' : 'Disable'}} ripples
           </button>
-          <button mat-button (click)="dir.value = (dir.value === 'rtl' ? 'ltr' : 'rtl')"
+          <button mat-button (click)="root.dir = (root.dir === 'rtl' ? 'ltr' : 'rtl')"
                   title="Toggle between RTL and LTR">
-            {{dir.value.toUpperCase()}}
+            {{root.dir.toUpperCase()}}
           </button>
         </div>
       </div>
     </mat-toolbar>
 
-    <div [attr.dir]="dir.value" class="demo-content mat-app-background">
+    <div #root="dir" dir="ltr" class="demo-content mat-app-background">
       <ng-content></ng-content>
     </div>
   </main>

src/dev-app/dev-app/dev-app-layout.scss renamed to src/dev-app/dev-app-layout/dev-app-layout.scss

@@ -6,11 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directionality} from '@angular/cdk/bidi';
 import {OverlayContainer} from '@angular/cdk/overlay';
-import {ChangeDetectorRef, Component, ElementRef, Inject, ViewEncapsulation} from '@angular/core';
+import {Component, ElementRef, ViewEncapsulation} from '@angular/core';
 import {DevAppRippleOptions} from '../ripple/ripple-options';
-import {DevAppDirectionality} from './dev-app-directionality';
 
 /** Root component for the dev-app demos. */
 @Component({
@@ -72,10 +70,7 @@ export class DevAppLayout {
 
   constructor(
       private _element: ElementRef<HTMLElement>, private _overlayContainer: OverlayContainer,
-      public rippleOptions: DevAppRippleOptions,
-      @Inject(Directionality) public dir: DevAppDirectionality, cdr: ChangeDetectorRef) {
-    dir.change.subscribe(() => cdr.markForCheck());
-  }
+      public rippleOptions: DevAppRippleOptions) {}
 
   toggleFullscreen() {
     // Cast to `any`, because the typings don't include the browser-prefixed methods.

src/dev-app/dev-app/dev-app-layout.ts renamed to src/dev-app/dev-app-layout/dev-app-layout.ts

@@ -0,0 +1,133 @@
+/**
+ * @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 {FullscreenOverlayContainer, OverlayContainer} from '@angular/cdk/overlay';
+import {HttpClientModule} from '@angular/common/http';
+import {NgModule} from '@angular/core';
+import {MAT_RIPPLE_GLOBAL_OPTIONS} from '@angular/material';
+import {BrowserModule} from '@angular/platform-browser';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {RouterModule} from '@angular/router';
+import {AutocompleteDemoModule} from './autocomplete/autocomplete-demo-module';
+import {BadgeDemoModule} from './badge/badge-demo-module';
+import {BaselineDemoModule} from './baseline/baseline-demo-module';
+import {BottomSheetDemoModule} from './bottom-sheet/bottom-sheet-demo-module';
+import {ButtonToggleDemoModule} from './button-toggle/button-toggle-demo-module';
+import {ButtonDemoModule} from './button/button-demo-module';
+import {CardDemoModule} from './card/card-demo-module';
+import {CheckboxDemoModule} from './checkbox/checkbox-demo-module';
+import {ChipsDemoModule} from './chips/chips-demo-module';
+import {ConnectedOverlayDemoModule} from './connected-overlay/connected-overlay-demo-module';
+import {DatepickerDemoModule} from './datepicker/datepicker-demo-module';
+import {DevApp404, DevAppComponent, DevAppHome} from './dev-app';
+import {DevAppLayoutModule} from './dev-app-layout/dev-app-layout-module';
+import {DialogDemoModule} from './dialog/dialog-demo-module';
+import {DragDropDemoModule} from './drag-drop/drag-drop-demo-module';
+import {DrawerDemoModule} from './drawer/drawer-demo-module';
+import {ExamplesPageModule} from './examples-page/examples-page-module';
+import {ExpansionDemoModule} from './expansion/expansion-demo-module';
+import {FocusOriginDemoModule} from './focus-origin/focus-origin-demo-module';
+import {GesturesDemoModule} from './gestures/gestures-demo-module';
+import {GridListDemoModule} from './grid-list/grid-list-demo-module';
+import {IconDemoModule} from './icon/icon-demo-module';
+import {InputDemoModule} from './input/input-demo-module';
+import {ListDemoModule} from './list/list-demo-module';
+import {LiveAnnouncerDemoModule} from './live-announcer/live-announcer-demo-module';
+import {MenuDemoModule} from './menu/menu-demo-module';
+import {PaginatorDemoModule} from './paginator/paginator-demo-module';
+import {PlatformDemoModule} from './platform/platform-demo-module';
+import {PortalDemoModule} from './portal/portal-demo-module';
+import {ProgressBarDemoModule} from './progress-bar/progress-bar-demo-module';
+import {ProgressSpinnerDemoModule} from './progress-spinner/progress-spinner-demo-module';
+import {RadioDemoModule} from './radio/radio-demo-module';
+import {RippleDemoModule} from './ripple/ripple-demo-module';
+import {DevAppRippleOptions} from './ripple/ripple-options';
+import {DEV_APP_ROUTES} from './routes';
+import {ScreenTypeDemoModule} from './screen-type/screen-type-demo-module';
+import {SelectDemoModule} from './select/select-demo-module';
+import {SidenavDemoModule} from './sidenav/sidenav-demo-module';
+import {SlideToggleDemoModule} from './slide-toggle/slide-toggle-demo-module';
+import {SliderDemoModule} from './slider/slider-demo-module';
+import {SnackBarDemoModule} from './snack-bar/snack-bar-demo-module';
+import {StepperDemoModule} from './stepper/stepper-demo-module';
+import {TableDemoModule} from './table/table-demo-module';
+import {TabsDemoModule} from './tabs/tabs-demo-module';
+import {ToolbarDemoModule} from './toolbar/toolbar-demo-module';
+import {TooltipDemoModule} from './tooltip/tooltip-demo-module';
+import {TreeDemoModule} from './tree/tree-demo-module';
+import {TypographyDemoModule} from './typography/typography-demo-module';
+import {VirtualScrollDemoModule} from './virtual-scroll/virtual-scroll-demo-module';
+
+@NgModule({
+  imports: [
+    BrowserAnimationsModule,
+    BrowserModule,
+    DevAppLayoutModule,
+    HttpClientModule,
+    RouterModule.forRoot(DEV_APP_ROUTES),
+
+    // Demo pages
+    AutocompleteDemoModule,
+    BadgeDemoModule,
+    BaselineDemoModule,
+    BottomSheetDemoModule,
+    ButtonDemoModule,
+    ButtonToggleDemoModule,
+    CardDemoModule,
+    CheckboxDemoModule,
+    ChipsDemoModule,
+    ConnectedOverlayDemoModule,
+    DatepickerDemoModule,
+    DialogDemoModule,
+    DragDropDemoModule,
+    DrawerDemoModule,
+    ExamplesPageModule,
+    ExpansionDemoModule,
+    FocusOriginDemoModule,
+    GesturesDemoModule,
+    GridListDemoModule,
+    IconDemoModule,
+    InputDemoModule,
+    ListDemoModule,
+    LiveAnnouncerDemoModule,
+    MenuDemoModule,
+    PaginatorDemoModule,
+    PlatformDemoModule,
+    PortalDemoModule,
+    ProgressBarDemoModule,
+    ProgressSpinnerDemoModule,
+    RadioDemoModule,
+    RippleDemoModule,
+    ScreenTypeDemoModule,
+    SelectDemoModule,
+    SidenavDemoModule,
+    SliderDemoModule,
+    SlideToggleDemoModule,
+    SnackBarDemoModule,
+    StepperDemoModule,
+    TableDemoModule,
+    TabsDemoModule,
+    ToolbarDemoModule,
+    TooltipDemoModule,
+    TreeDemoModule,
+    TypographyDemoModule,
+    VirtualScrollDemoModule,
+  ],
+  declarations: [
+    DevAppComponent,
+    DevAppHome,
+    DevApp404,
+  ],
+  providers: [
+    {provide: OverlayContainer, useClass: FullscreenOverlayContainer},
+    {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useExisting: DevAppRippleOptions},
+  ],
+  bootstrap: [DevAppComponent],
+})
+export class DevAppModule {
+}