chore: create separate modules for each demo page (angular#15498)

.github/CODEOWNERS

@@ -111,9 +111,10 @@
 /src/dev-app/connected-overlay/**                  @jelbourn @crisbeto
 /src/dev-app/dataset/**                            @andrewseguin
 /src/dev-app/datepicker/**                         @mmalerba
+/src/dev-app/dev-app-layout/**                     @mmalerba
 /src/dev-app/dialog/**                             @jelbourn @crisbeto
-/src/dev-app/drawer/**                             @mmalerba
 /src/dev-app/drag-drop/**                          @crisbeto
+/src/dev-app/drawer/**                             @mmalerba
 /src/dev-app/example/**                            @andrewseguin
 /src/dev-app/examples-page/**                      @andrewseguin
 /src/dev-app/expansion/**                          @josephperrott
@@ -123,8 +124,8 @@
 /src/dev-app/icon/**                               @jelbourn
 /src/dev-app/input/**                              @mmalerba
 /src/dev-app/list/**                               @jelbourn @crisbeto @devversion
-/src/dev-app/menu/**                               @crisbeto
 /src/dev-app/live-announcer/**                     @jelbourn
+/src/dev-app/menu/**                               @crisbeto
 /src/dev-app/overlay/**                            @jelbourn @crisbeto
 /src/dev-app/paginator/**                          @andrewseguin
 /src/dev-app/platform/**                           @jelbourn @devversion

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

@@ -0,0 +1,35 @@
+/**
+ * @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 {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {
+  MatAutocompleteModule,
+  MatButtonModule,
+  MatCardModule,
+  MatFormFieldModule,
+  MatInputModule
+} from '@angular/material';
+import {AutocompleteDemo} from './autocomplete-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatAutocompleteModule,
+    MatButtonModule,
+    MatCardModule,
+    MatFormFieldModule,
+    MatInputModule,
+    ReactiveFormsModule,
+  ],
+  declarations: [AutocompleteDemo],
+})
+export class AutocompleteDemoModule {
+}

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

@@ -0,0 +1,26 @@
+/**
+ * @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 {FormsModule} from '@angular/forms';
+import {MatBadgeModule, MatButtonModule, MatIconModule} from '@angular/material';
+import {BadgeDemo} from './badge-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatBadgeModule,
+    MatButtonModule,
+    MatIconModule,
+  ],
+  declarations: [BadgeDemo],
+})
+export class BadgeDemoModule {
+}

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

@@ -0,0 +1,36 @@
+/**
+ * @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 {
+  MatCardModule,
+  MatCheckboxModule,
+  MatFormFieldModule,
+  MatInputModule,
+  MatRadioModule,
+  MatSelectModule,
+  MatToolbarModule
+} from '@angular/material';
+import {BaselineDemo} from './baseline-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatRadioModule,
+    MatSelectModule,
+    MatToolbarModule,
+  ],
+  declarations: [BaselineDemo],
+})
+export class BaselineDemoModule {
+}

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

@@ -0,0 +1,43 @@
+/**
+ * @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 {FormsModule} from '@angular/forms';
+import {
+  MatBottomSheetModule,
+  MatButtonModule,
+  MatCardModule,
+  MatCheckboxModule,
+  MatFormFieldModule,
+  MatIconModule,
+  MatInputModule,
+  MatListModule,
+  MatSelectModule
+} from '@angular/material';
+import {BottomSheetDemo, ExampleBottomSheet} from './bottom-sheet-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatBottomSheetModule,
+    MatButtonModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+    MatListModule,
+    MatSelectModule,
+  ],
+  declarations: [BottomSheetDemo, ExampleBottomSheet],
+  entryComponents: [ExampleBottomSheet],
+})
+export class BottomSheetDemoModule {
+}

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

@@ -0,0 +1,26 @@
+/**
+ * @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 {FormsModule} from '@angular/forms';
+import {MatButtonToggleModule, MatCheckboxModule, MatIconModule} from '@angular/material';
+import {ButtonToggleDemo} from './button-toggle-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonToggleModule,
+    MatCheckboxModule,
+    MatIconModule,
+  ],
+  declarations: [ButtonToggleDemo],
+})
+export class ButtonToggleDemoModule {
+}

src/dev-app/button/button-demo-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 {ButtonDemo} from './button-demo';
+
+@NgModule({
+  imports: [
+    MatButtonModule,
+    MatIconModule,
+  ],
+  declarations: [ButtonDemo],
+})
+export class ButtonDemoModule {
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @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,
+  MatCardModule,
+  MatDividerModule,
+  MatProgressBarModule
+} from '@angular/material';
+import {CardDemo} from './card-demo';
+
+@NgModule({
+  imports: [
+    MatButtonModule,
+    MatCardModule,
+    MatDividerModule,
+    MatProgressBarModule,
+  ],
+  declarations: [CardDemo],
+})
+export class CardDemoModule {
+}

src/dev-app/checkbox/checkbox-demo-module.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 {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {FormsModule} from '@angular/forms';
+import {MatCheckboxModule, MatPseudoCheckboxModule} from '@angular/material';
+import {CheckboxDemo, MatCheckboxDemoNestedChecklist} from './checkbox-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatCheckboxModule,
+    MatPseudoCheckboxModule,
+  ],
+  declarations: [CheckboxDemo, MatCheckboxDemoNestedChecklist],
+})
+export class CheckboxDemoModule {
+}

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

@@ -0,0 +1,38 @@
+/**
+ * @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 {FormsModule} from '@angular/forms';
+import {
+  MatButtonModule,
+  MatCardModule,
+  MatCheckboxModule,
+  MatChipsModule,
+  MatFormFieldModule,
+  MatIconModule,
+  MatToolbarModule
+} from '@angular/material';
+import {ChipsDemo} from './chips-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatChipsModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatToolbarModule,
+  ],
+  declarations: [ChipsDemo],
+})
+export class ChipsDemoModule {
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @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 {OverlayModule} from '@angular/cdk/overlay';
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {FormsModule} from '@angular/forms';
+import {MatButtonModule, MatCheckboxModule, MatRadioModule} from '@angular/material';
+import {ConnectedOverlayDemo} from './connected-overlay-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonModule,
+    MatCheckboxModule,
+    MatRadioModule,
+    OverlayModule,
+  ],
+  declarations: [ConnectedOverlayDemo],
+})
+export class ConnectedOverlayDemoModule {
+}

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

@@ -0,0 +1,40 @@
+/**
+ * @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 {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {
+  MatButtonModule,
+  MatCheckboxModule,
+  MatDatepickerModule,
+  MatFormFieldModule,
+  MatIconModule,
+  MatInputModule,
+  MatSelectModule
+} from '@angular/material';
+import {CustomHeader, CustomHeaderNgContent, DatepickerDemo} from './datepicker-demo';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonModule,
+    MatCheckboxModule,
+    MatDatepickerModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+    MatSelectModule,
+    ReactiveFormsModule,
+  ],
+  declarations: [CustomHeader, CustomHeaderNgContent, DatepickerDemo],
+  entryComponents: [CustomHeader, CustomHeaderNgContent],
+})
+export class DatepickerDemoModule {
+}