refactor(material/input): convert to standalone

Converts `material/input` to standalone.

Author: crisbeto

src/material/input/input.spec.ts

@@ -1,4 +1,4 @@
-import {dispatchFakeEvent, wrappedErrorMessage} from '../../cdk/testing/private';
+import {dispatchFakeEvent, wrappedErrorMessage} from '@angular/cdk/testing/private';
 import {
   ChangeDetectionStrategy,
   Component,

src/material/input/input.ts

@@ -77,6 +77,7 @@ let nextUniqueId = 0;
     '(input)': '_onInput()',
   },
   providers: [{provide: MatFormFieldControl, useExisting: MatInput}],
+  standalone: true,
 })
 export class MatInput
   implements MatFormFieldControl<any>, OnChanges, OnDestroy, AfterViewInit, DoCheck

src/material/input/module.ts

@@ -13,8 +13,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInput} from './input';
 
 @NgModule({
-  imports: [MatCommonModule, MatFormFieldModule],
+  imports: [MatCommonModule, MatFormFieldModule, MatInput],
   exports: [MatInput, MatFormFieldModule, TextFieldModule, MatCommonModule],
-  declarations: [MatInput],
 })
 export class MatInputModule {}

src/material/input/public-api.ts

@@ -10,3 +10,13 @@ export {MatInput} from './input';
 export {MatInputModule} from './module';
 export * from './input-value-accessor';
 export * from './input-errors';
+
+// Re-provide these for convenience since they used to be provided implicitly.
+export {
+  MatFormField,
+  MatLabel,
+  MatHint,
+  MatError,
+  MatPrefix,
+  MatSuffix,
+} from '@angular/material/form-field';

src/material/input/testing/input-harness.spec.ts

@@ -14,8 +14,7 @@ describe('MatInputHarness', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [NoopAnimationsModule, MatInputModule, FormsModule],
-      declarations: [InputHarnessTest],
+      imports: [NoopAnimationsModule, MatInputModule, FormsModule, InputHarnessTest],
     }).compileComponents();
 
     fixture = TestBed.createComponent(InputHarnessTest);
@@ -266,6 +265,8 @@ describe('MatInputHarness', () => {
       <input matNativeControl placeholder="Color control" id="colorControl" type="color">
     </mat-form-field>
   `,
+  standalone: true,
+  imports: [MatInputModule, FormsModule],
 })
 class InputHarnessTest {
   inputType = 'number';

src/material/input/testing/native-select-harness.spec.ts

@@ -13,8 +13,7 @@ describe('MatNativeSelectHarness', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [NoopAnimationsModule, MatInputModule, FormsModule],
-      declarations: [SelectHarnessTest],
+      imports: [NoopAnimationsModule, MatInputModule, FormsModule, SelectHarnessTest],
     }).compileComponents();
 
     fixture = TestBed.createComponent(SelectHarnessTest);
@@ -220,6 +219,8 @@ describe('MatNativeSelectHarness', () => {
       </select>
     </mat-form-field>
   `,
+  standalone: true,
+  imports: [MatInputModule, FormsModule],
 })
 class SelectHarnessTest {
   favoriteFood: string;

tools/public_api_guard/material/input.md

@@ -12,12 +12,17 @@ import { ElementRef } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { FormGroupDirective } from '@angular/forms';
 import * as i0 from '@angular/core';
-import * as i2 from '@angular/material/core';
-import * as i3 from '@angular/material/form-field';
+import * as i1 from '@angular/material/core';
+import * as i2 from '@angular/material/form-field';
 import * as i4 from '@angular/cdk/text-field';
 import { InjectionToken } from '@angular/core';
+import { MatError } from '@angular/material/form-field';
 import { MatFormField } from '@angular/material/form-field';
 import { MatFormFieldControl } from '@angular/material/form-field';
+import { MatHint } from '@angular/material/form-field';
+import { MatLabel } from '@angular/material/form-field';
+import { MatPrefix } from '@angular/material/form-field';
+import { MatSuffix } from '@angular/material/form-field';
 import { NgControl } from '@angular/forms';
 import { NgForm } from '@angular/forms';
 import { NgZone } from '@angular/core';
@@ -34,6 +39,12 @@ export const MAT_INPUT_VALUE_ACCESSOR: InjectionToken<{
     value: any;
 }>;
 
+export { MatError }
+
+export { MatFormField }
+
+export { MatHint }
+
 // @public (undocumented)
 export class MatInput implements MatFormFieldControl<any>, OnChanges, OnDestroy, AfterViewInit, DoCheck {
     constructor(_elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>, _platform: Platform, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, inputValueAccessor: any, _autofillMonitor: AutofillMonitor, ngZone: NgZone, _formField?: MatFormField | undefined);
@@ -110,7 +121,7 @@ export class MatInput implements MatFormFieldControl<any>, OnChanges, OnDestroy,
     get value(): string;
     set value(value: any);
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatInput, "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", ["matInput"], { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatInput, "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", ["matInput"], { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatInput, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }, null, null, { optional: true; }]>;
 }
@@ -122,9 +133,15 @@ export class MatInputModule {
     // (undocumented)
     static ɵinj: i0.ɵɵInjectorDeclaration<MatInputModule>;
     // (undocumented)
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatInputModule, [typeof i1.MatInput], [typeof i2.MatCommonModule, typeof i3.MatFormFieldModule], [typeof i1.MatInput, typeof i3.MatFormFieldModule, typeof i4.TextFieldModule, typeof i2.MatCommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatInputModule, never, [typeof i1.MatCommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInput], [typeof i3.MatInput, typeof i2.MatFormFieldModule, typeof i4.TextFieldModule, typeof i1.MatCommonModule]>;
 }
 
+export { MatLabel }
+
+export { MatPrefix }
+
+export { MatSuffix }
+
 // (No @packageDocumentation comment for this package)
 
 ```