refactor(multiple): remove standalone flag from Material

Removes the `standalone` flag from all components in Material.

Author: crisbeto

integration/harness-e2e-cli/src/app/app.component.ts

@@ -3,6 +3,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
+  standalone: false,
 })
 export class AppComponent {
   title = 'harness-e2e-cli';

integration/yarn-pnp-compat/src/app/app.component.ts

@@ -4,6 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
+  standalone: false,
 })
 export class AppComponent {
   title = 'yarn-pnp-compat';

src/material/autocomplete/autocomplete-origin.ts

@@ -15,7 +15,6 @@ import {Directive, ElementRef, inject} from '@angular/core';
 @Directive({
   selector: '[matAutocompleteOrigin]',
   exportAs: 'matAutocompleteOrigin',
-  standalone: true,
 })
 export class MatAutocompleteOrigin {
   elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/material/autocomplete/autocomplete-trigger.ts

@@ -126,7 +126,6 @@ export const MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER = {
   },
   exportAs: 'matAutocompleteTrigger',
   providers: [MAT_AUTOCOMPLETE_VALUE_ACCESSOR],
-  standalone: true,
 })
 export class MatAutocompleteTrigger
   implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy

src/material/autocomplete/autocomplete.spec.ts

@@ -3962,7 +3962,7 @@ const SIMPLE_AUTOCOMPLETE_TEMPLATE = `
   </mat-autocomplete>
 `;
 
-@Component({template: SIMPLE_AUTOCOMPLETE_TEMPLATE})
+@Component({template: SIMPLE_AUTOCOMPLETE_TEMPLATE, standalone: false})
 class SimpleAutocomplete implements OnDestroy {
   stateCtrl = new FormControl<{name: string; code: string} | string | null>(null);
   filteredStates: any[];
@@ -4018,7 +4018,11 @@ class SimpleAutocomplete implements OnDestroy {
   }
 }
 
-@Component({template: SIMPLE_AUTOCOMPLETE_TEMPLATE, encapsulation: ViewEncapsulation.ShadowDom})
+@Component({
+  template: SIMPLE_AUTOCOMPLETE_TEMPLATE,
+  encapsulation: ViewEncapsulation.ShadowDom,
+  standalone: false,
+})
 class SimpleAutocompleteShadowDom extends SimpleAutocomplete {}
 
 @Component({
@@ -4037,6 +4041,7 @@ class SimpleAutocompleteShadowDom extends SimpleAutocomplete {}
 }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class NgIfAutocomplete {
   optionCtrl = new FormControl('');
@@ -4074,6 +4079,7 @@ class NgIfAutocomplete {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithoutForms {
   filteredStates: any[];
@@ -4103,6 +4109,7 @@ class AutocompleteWithoutForms {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithNgModel {
   filteredStates: any[];
@@ -4134,6 +4141,7 @@ class AutocompleteWithNgModel {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithNumbers {
   selectedNumber: number;
@@ -4153,6 +4161,7 @@ class AutocompleteWithNumbers {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithOnPushDelay implements OnInit {
   @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
@@ -4175,6 +4184,7 @@ class AutocompleteWithOnPushDelay implements OnInit {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithNativeInput {
   optionCtrl = new FormControl('');
@@ -4198,6 +4208,7 @@ class AutocompleteWithNativeInput {
 
 @Component({
   template: `<input placeholder="Choose" [matAutocomplete]="auto" [formControl]="control">`,
+  standalone: false,
 })
 class AutocompleteWithoutPanel {
   @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
@@ -4222,6 +4233,7 @@ class AutocompleteWithoutPanel {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithGroups {
   @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
@@ -4262,6 +4274,7 @@ class AutocompleteWithGroups {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithIndirectGroups extends AutocompleteWithGroups {}
 
@@ -4279,6 +4292,7 @@ class AutocompleteWithIndirectGroups extends AutocompleteWithGroups {}
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithSelectEvent {
   selectedState: string;
@@ -4294,6 +4308,7 @@ class AutocompleteWithSelectEvent {
     <input [formControl]="formControl" [matAutocomplete]="auto"/>
     <mat-autocomplete #auto="matAutocomplete"></mat-autocomplete>
   `,
+  standalone: false,
 })
 class PlainAutocompleteInputWithFormControl {
   formControl = new FormControl('');
@@ -4311,6 +4326,7 @@ class PlainAutocompleteInputWithFormControl {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithNumberInputAndNgModel {
   selectedValue: number;
@@ -4343,6 +4359,7 @@ class AutocompleteWithNumberInputAndNgModel {
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithDifferentOrigin {
   @ViewChild(MatAutocompleteTrigger) trigger: MatAutocompleteTrigger;
@@ -4357,13 +4374,15 @@ class AutocompleteWithDifferentOrigin {
     <input autocomplete="changed" [(ngModel)]="value" [matAutocomplete]="auto"/>
     <mat-autocomplete #auto="matAutocomplete"></mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithNativeAutocompleteAttribute {
   value: string;
 }
 
 @Component({
   template: '<input [matAutocomplete]="null" matAutocompleteDisabled>',
+  standalone: false,
 })
 class InputWithoutAutocompleteAndDisabled {}
 
@@ -4379,6 +4398,7 @@ class InputWithoutAutocompleteAndDisabled {}
       }
     </mat-autocomplete>
   `,
+  standalone: false,
 })
 class AutocompleteWithActivatedEvent {
   states = ['California', 'West Virginia', 'Florida'];
@@ -4408,6 +4428,7 @@ class AutocompleteWithActivatedEvent {
       </div>
     </ng-template>
   `,
+  standalone: false,
 })
 class AutocompleteInsideAModal {
   foods = [

src/material/autocomplete/autocomplete.ts

@@ -116,7 +116,6 @@ export function MAT_AUTOCOMPLETE_DEFAULT_OPTIONS_FACTORY(): MatAutocompleteDefau
   },
   providers: [{provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete}],
   animations: [panelAnimation],
-  standalone: true,
 })
 export class MatAutocomplete implements AfterContentInit, OnDestroy {
   private _changeDetectorRef = inject(ChangeDetectorRef);

src/material/autocomplete/autocomplete.zone.spec.ts

@@ -123,7 +123,7 @@ const SIMPLE_AUTOCOMPLETE_TEMPLATE = `
   </mat-autocomplete>
 `;
 
-@Component({template: SIMPLE_AUTOCOMPLETE_TEMPLATE})
+@Component({template: SIMPLE_AUTOCOMPLETE_TEMPLATE, standalone: false})
 class SimpleAutocomplete implements OnDestroy {
   stateCtrl = new FormControl<{name: string; code: string} | string | null>(null);
   filteredStates: any[];

src/material/badge/badge.ts

@@ -49,7 +49,6 @@ const BADGE_CONTENT_CLASS = 'mat-badge-content';
  * @docs-private
  */
 @Component({
-  standalone: true,
   styleUrl: 'badge.css',
   encapsulation: ViewEncapsulation.None,
   template: '',
@@ -73,7 +72,6 @@ export class _MatBadgeStyleLoader {}
     '[class.mat-badge-hidden]': 'hidden || !content',
     '[class.mat-badge-disabled]': 'disabled',
   },
-  standalone: true,
 })
 export class MatBadge implements OnInit, OnDestroy {
   private _ngZone = inject(NgZone);

src/material/bottom-sheet/bottom-sheet-container.ts

@@ -46,7 +46,6 @@ import {CdkPortalOutlet} from '@angular/cdk/portal';
     '(@state.start)': '_onAnimationStart($event)',
     '(@state.done)': '_onAnimationDone($event)',
   },
-  standalone: true,
   imports: [CdkPortalOutlet],
 })
 export class MatBottomSheetContainer extends CdkDialogContainer implements OnDestroy {

src/material/button-toggle/button-toggle.ts

@@ -134,7 +134,6 @@ export class MatButtonToggleChange {
     '[class.mat-button-toggle-group-appearance-standard]': 'appearance === "standard"',
   },
   exportAs: 'matButtonToggleGroup',
-  standalone: true,
 })
 export class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
   private _changeDetector = inject(ChangeDetectorRef);
@@ -557,7 +556,6 @@ export class MatButtonToggleGroup implements ControlValueAccessor, OnInit, After
     '(focus)': 'focus()',
     'role': 'presentation',
   },
-  standalone: true,
   imports: [MatRipple, MatPseudoCheckbox],
 })
 export class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {