build: migrate MDC input demo (#25506)

Renames the current input demo to `legacy` and moves the MDC version to stable.

Author: crisbeto

.github/CODEOWNERS

@@ -181,7 +181,7 @@
 /src/dev-app/google-map/**                             @crisbeto
 /src/dev-app/grid-list/**                              @andrewseguin
 /src/dev-app/icon/**                                   @andrewseguin
-/src/dev-app/input/**                                  @mmalerba
+/src/dev-app/legacy-input/**                           @mmalerba
 /src/dev-app/layout/**                                 @andrewseguin
 /src/dev-app/cdk-menu/**                               @mmalerba @crisbeto
 /src/dev-app/input-modality/**                         @jelbourn
@@ -193,7 +193,7 @@
 /src/dev-app/mdc-checkbox/**                           @mmalerba
 /src/dev-app/mdc-chips/**                              @mmalerba
 /src/dev-app/mdc-dialog/**                             @devversion
-/src/dev-app/mdc-input/**                              @devversion @mmalerba
+/src/dev-app/input/**                                  @devversion @mmalerba
 /src/dev-app/mdc-list/**                               @mmalerba
 /src/dev-app/mdc-menu/**                               @crisbeto
 /src/dev-app/legacy-paginator/**                       @crisbeto

src/components-examples/config.bzl

@@ -40,7 +40,6 @@ ALL_EXAMPLES = [
     "//src/components-examples/material-experimental/column-resize",
     "//src/components-examples/material-experimental/popover-edit",
     "//src/components-examples/material-experimental/mdc-card",
-    "//src/components-examples/material-experimental/mdc-form-field",
     "//src/components-examples/material-experimental/selection",
     "//src/components-examples/cdk/tree",
     "//src/components-examples/cdk/text-field",

src/components-examples/material/form-field/index.ts

@@ -59,6 +59,6 @@ const EXAMPLES = [
     ReactiveFormsModule,
   ],
   declarations: [...EXAMPLES, MyTelInput],
-  exports: EXAMPLES,
+  exports: [...EXAMPLES, MyTelInput],
 })
 export class FormFieldExamplesModule {}

src/dev-app/BUILD.bazel

@@ -47,6 +47,7 @@ ng_module(
         "//src/dev-app/input",
         "//src/dev-app/input-modality",
         "//src/dev-app/layout",
+        "//src/dev-app/legacy-input",
         "//src/dev-app/legacy-paginator",
         "//src/dev-app/legacy-table",
         "//src/dev-app/legacy-tooltip",
@@ -58,7 +59,6 @@ ng_module(
         "//src/dev-app/mdc-checkbox",
         "//src/dev-app/mdc-chips",
         "//src/dev-app/mdc-dialog",
-        "//src/dev-app/mdc-input",
         "//src/dev-app/mdc-list",
         "//src/dev-app/mdc-menu",
         "//src/dev-app/mdc-progress-bar",

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

@@ -109,11 +109,9 @@ export class DevAppLayout {
     {name: 'MDC Checkbox', route: '/mdc-checkbox'},
     {name: 'MDC Chips', route: '/mdc-chips'},
     {name: 'MDC Dialog', route: '/mdc-dialog'},
-    {name: 'MDC Input', route: '/mdc-input'},
     {name: 'MDC List', route: '/mdc-list'},
     {name: 'MDC Menu', route: '/mdc-menu'},
     {name: 'MDC Radio', route: '/mdc-radio'},
-    {name: 'Legacy Paginator', route: '/legacy-paginator'},
     {name: 'MDC Progress Bar', route: '/mdc-progress-bar'},
     {name: 'MDC Progress Spinner', route: '/mdc-progress-spinner'},
     {name: 'MDC Tabs', route: '/mdc-tabs'},
@@ -123,6 +121,8 @@ export class DevAppLayout {
     {name: 'MDC Snack Bar', route: '/mdc-snack-bar'},
     {name: 'Legacy Tooltip', route: '/legacy-tooltip'},
     {name: 'Legacy Table', route: '/legacy-table'},
+    {name: 'Legacy Paginator', route: '/legacy-paginator'},
+    {name: 'Legacy Input', route: '/legacy-input'},
   ];
 
   /** Currently selected density scale based on the index. */

src/dev-app/input/BUILD.bazel

@@ -6,19 +6,20 @@ ng_module(
     name = "input",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "input-demo.html",
         ":input_demo_scss",
+        "input-demo.html",
     ],
     deps = [
+        "//src/components-examples/material/form-field",
+        "//src/material/autocomplete",
+        "//src/material/button",
         "//src/material/button-toggle",
+        "//src/material/card",
+        "//src/material/checkbox",
+        "//src/material/form-field",
         "//src/material/icon",
-        "//src/material/legacy-button",
-        "//src/material/legacy-card",
-        "//src/material/legacy-checkbox",
-        "//src/material/legacy-form-field",
-        "//src/material/legacy-input",
-        "//src/material/legacy-select",
-        "//src/material/legacy-tabs",
+        "//src/material/input",
+        "//src/material/tabs",
         "//src/material/toolbar",
         "@npm//@angular/forms",
     ],