refactor(cdk/text-field): convert to standalone

Converts `cdk/text-field` to standalone.

Author: crisbeto

src/cdk/text-field/autofill.spec.ts

@@ -22,8 +22,7 @@ describe('AutofillMonitor', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [TextFieldModule],
-      declarations: [Inputs],
+      imports: [TextFieldModule, Inputs],
     }).compileComponents();
   });
 
@@ -191,8 +190,7 @@ describe('cdkAutofill', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [TextFieldModule],
-      declarations: [InputWithCdkAutofilled],
+      imports: [TextFieldModule, InputWithCdkAutofilled],
     }).compileComponents();
   });
 
@@ -222,6 +220,8 @@ describe('cdkAutofill', () => {
     <input #input2>
     <input #input3>
   `,
+  standalone: true,
+  imports: [TextFieldModule],
 })
 class Inputs {
   // Cast to `any` so we can stub out some methods in the tests.
@@ -232,6 +232,8 @@ class Inputs {
 
 @Component({
   template: `<input #input cdkAutofill>`,
+  standalone: true,
+  imports: [TextFieldModule],
 })
 class InputWithCdkAutofilled {
   // Cast to `any` so we can stub out some methods in the tests.

src/cdk/text-field/autofill.ts

@@ -46,7 +46,10 @@ const listenerOptions = normalizePassiveListenerOptions({passive: true});
 export class AutofillMonitor implements OnDestroy {
   private _monitoredElements = new Map<Element, MonitoredElementInfo>();
 
-  constructor(private _platform: Platform, private _ngZone: NgZone) {}
+  constructor(
+    private _platform: Platform,
+    private _ngZone: NgZone,
+  ) {}
 
   /**
    * Monitor for changes in the autofill state of the given input element.
@@ -143,6 +146,7 @@ export class AutofillMonitor implements OnDestroy {
 /** A directive that can be used to monitor the autofill state of an input. */
 @Directive({
   selector: '[cdkAutofill]',
+  standalone: true,
 })
 export class CdkAutofill implements OnDestroy, OnInit {
   /** Emits when the autofill state of the element changes. */

src/cdk/text-field/autosize.spec.ts

@@ -21,8 +21,10 @@ describe('CdkTextareaAutosize', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [FormsModule, TextFieldModule, NoopAnimationsModule],
-      declarations: [
+      imports: [
+        FormsModule,
+        TextFieldModule,
+        NoopAnimationsModule,
         AutosizeTextAreaWithContent,
         AutosizeTextAreaWithValue,
         AutosizeTextareaWithNgModel,
@@ -393,6 +395,8 @@ const textareaStyleReset = `
     <textarea cdkTextareaAutosize [cdkAutosizeMinRows]="minRows" [cdkAutosizeMaxRows]="maxRows"
         #autosize="cdkTextareaAutosize" [placeholder]="placeholder">{{content}}</textarea>`,
   styles: [textareaStyleReset],
+  standalone: true,
+  imports: [FormsModule, TextFieldModule],
 })
 class AutosizeTextAreaWithContent {
   @ViewChild('autosize') autosize: CdkTextareaAutosize;
@@ -405,6 +409,8 @@ class AutosizeTextAreaWithContent {
 @Component({
   template: `<textarea cdkTextareaAutosize [value]="value"></textarea>`,
   styles: [textareaStyleReset],
+  standalone: true,
+  imports: [FormsModule, TextFieldModule],
 })
 class AutosizeTextAreaWithValue {
   value: string = '';
@@ -413,6 +419,8 @@ class AutosizeTextAreaWithValue {
 @Component({
   template: `<textarea cdkTextareaAutosize [(ngModel)]="model"></textarea>`,
   styles: [textareaStyleReset],
+  standalone: true,
+  imports: [FormsModule, TextFieldModule],
 })
 class AutosizeTextareaWithNgModel {
   model = '';
@@ -421,6 +429,8 @@ class AutosizeTextareaWithNgModel {
 @Component({
   template: `<textarea [cdkTextareaAutosize]="false">{{content}}</textarea>`,
   styles: [textareaStyleReset],
+  standalone: true,
+  imports: [FormsModule, TextFieldModule],
 })
 class AutosizeTextareaWithoutAutosize {
   content: string = '';

src/cdk/text-field/autosize.ts

@@ -35,6 +35,7 @@ import {DOCUMENT} from '@angular/common';
     'rows': '1',
     '(input)': '_noopInputHandler()',
   },
+  standalone: true,
 })
 export class CdkTextareaAutosize implements AfterViewInit, DoCheck, OnDestroy {
   /** Keep track of the previous textarea value to avoid resizing when the value hasn't changed. */

src/cdk/text-field/text-field-module.ts

@@ -11,7 +11,7 @@ import {CdkAutofill} from './autofill';
 import {CdkTextareaAutosize} from './autosize';
 
 @NgModule({
-  declarations: [CdkAutofill, CdkTextareaAutosize],
+  imports: [CdkAutofill, CdkTextareaAutosize],
   exports: [CdkAutofill, CdkTextareaAutosize],
 })
 export class TextFieldModule {}

tools/public_api_guard/cdk/text-field.md

@@ -46,7 +46,7 @@ export class CdkAutofill implements OnDestroy, OnInit {
     // (undocumented)
     ngOnInit(): void;
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAutofill, "[cdkAutofill]", never, {}, { "cdkAutofill": "cdkAutofill"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAutofill, "[cdkAutofill]", never, {}, { "cdkAutofill": "cdkAutofill"; }, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkAutofill, never>;
 }
@@ -80,7 +80,7 @@ export class CdkTextareaAutosize implements AfterViewInit, DoCheck, OnDestroy {
     _setMaxHeight(): void;
     _setMinHeight(): void;
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTextareaAutosize, "textarea[cdkTextareaAutosize]", ["cdkTextareaAutosize"], { "minRows": { "alias": "cdkAutosizeMinRows"; "required": false; }; "maxRows": { "alias": "cdkAutosizeMaxRows"; "required": false; }; "enabled": { "alias": "cdkTextareaAutosize"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTextareaAutosize, "textarea[cdkTextareaAutosize]", ["cdkTextareaAutosize"], { "minRows": { "alias": "cdkAutosizeMinRows"; "required": false; }; "maxRows": { "alias": "cdkAutosizeMaxRows"; "required": false; }; "enabled": { "alias": "cdkTextareaAutosize"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkTextareaAutosize, [null, null, null, { optional: true; }]>;
 }
@@ -92,7 +92,7 @@ export class TextFieldModule {
     // (undocumented)
     static ɵinj: i0.ɵɵInjectorDeclaration<TextFieldModule>;
     // (undocumented)
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextFieldModule, [typeof i1.CdkAutofill, typeof i2.CdkTextareaAutosize], never, [typeof i1.CdkAutofill, typeof i2.CdkTextareaAutosize]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TextFieldModule, never, [typeof i1.CdkAutofill, typeof i2.CdkTextareaAutosize], [typeof i1.CdkAutofill, typeof i2.CdkTextareaAutosize]>;
 }
 
 // (No @packageDocumentation comment for this package)