build: remove explicit standalone flag from dev apps

Removes the `standalone` flag from the various test apps.

Author: crisbeto

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

@@ -34,7 +34,6 @@ type DisableStateOption = 'none' | 'first-middle-last' | 'all';
   selector: 'autocomplete-demo',
   templateUrl: 'autocomplete-demo.html',
   styleUrl: 'autocomplete-demo.css',
-  standalone: true,
   imports: [
     JsonPipe,
     FormsModule,
@@ -245,7 +244,6 @@ export class AutocompleteDemo {
       align-items: flex-start;
     }
   `,
-  standalone: true,
   imports: [FormsModule, MatAutocompleteModule, MatButtonModule, MatInputModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

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

@@ -16,7 +16,6 @@ import {MatIconModule} from '@angular/material/icon';
   selector: 'badge-demo',
   templateUrl: 'badge-demo.html',
   styleUrl: 'badge-demo.css',
-  standalone: true,
   imports: [FormsModule, MatBadgeModule, MatButtonModule, MatIconModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

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

@@ -19,7 +19,6 @@ import {MatToolbarModule} from '@angular/material/toolbar';
   selector: 'baseline-demo',
   templateUrl: 'baseline-demo.html',
   styleUrl: 'baseline-demo.css',
-  standalone: true,
   imports: [
     MatCardModule,
     MatCheckboxModule,

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

@@ -29,7 +29,6 @@ const defaultConfig = new MatBottomSheetConfig();
   selector: 'bottom-sheet-demo',
   styleUrl: 'bottom-sheet-demo.css',
   templateUrl: 'bottom-sheet-demo.html',
-  standalone: true,
   imports: [
     FormsModule,
     MatBottomSheetModule,
@@ -77,7 +76,6 @@ export class BottomSheetDemo {
       }
     </mat-nav-list>
   `,
-  standalone: true,
   imports: [MatListModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

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

@@ -16,7 +16,6 @@ import {MatIconModule} from '@angular/material/icon';
   selector: 'button-toggle-demo',
   templateUrl: 'button-toggle-demo.html',
   styleUrl: 'button-toggle-demo.css',
-  standalone: true,
   imports: [FormsModule, MatButtonToggleModule, MatCheckboxModule, MatIconModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

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

@@ -26,7 +26,6 @@ import {MatTooltip} from '@angular/material/tooltip';
   selector: 'button-demo',
   templateUrl: 'button-demo.html',
   styleUrl: 'button-demo.css',
-  standalone: true,
   imports: [
     MatButton,
     MatAnchor,

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

@@ -17,7 +17,6 @@ import {MatCheckboxModule} from '@angular/material/checkbox';
   templateUrl: 'card-demo.html',
   styleUrl: 'card-demo.css',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [MatCardModule, MatButtonModule, MatCheckboxModule, FormsModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/cdk-dialog/dialog-demo.ts

@@ -25,7 +25,6 @@ const defaultDialogConfig = new DialogConfig();
   templateUrl: 'dialog-demo.html',
   styleUrl: 'dialog-demo.css',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [DialogModule, FormsModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -109,7 +108,6 @@ export class DialogDemo {
       opacity: 0;
     }
   `,
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class JazzDialog {

src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.ts

@@ -11,7 +11,6 @@ import {ChangeDetectionStrategy, Component} from '@angular/core';
 
 @Component({
   templateUrl: 'cdk-combobox-demo.html',
-  standalone: true,
   imports: [CdkComboboxModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/cdk-listbox/cdk-listbox-demo.ts

@@ -24,7 +24,6 @@ import {
 
 @Component({
   templateUrl: 'cdk-listbox-demo.html',
-  standalone: true,
   imports: [
     CdkListboxActivedescendantExample,
     CdkListboxCompareWithExample,

src/dev-app/cdk-menu/cdk-menu-demo.ts

@@ -21,7 +21,6 @@ import {ChangeDetectionStrategy, Component} from '@angular/core';
 @Component({
   templateUrl: 'cdk-menu-demo.html',
   styleUrl: 'cdk-menu-demo.css',
-  standalone: true,
   imports: [
     CdkMenuModule,
     CdkMenuStandaloneMenuExample,

src/dev-app/checkbox/checkbox-demo.ts

@@ -23,21 +23,18 @@ export interface Task {
 @Directive({
   selector: '[clickActionNoop]',
   providers: [{provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: {clickAction: 'noop'}}],
-  standalone: true,
 })
 export class ClickActionNoop {}
 
 @Directive({
   selector: '[clickActionCheck]',
   providers: [{provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: {clickAction: 'check'}}],
-  standalone: true,
 })
 export class ClickActionCheck {}
 
 @Directive({
   selector: '[animationsNoop]',
   providers: [{provide: ANIMATION_MODULE_TYPE, useValue: 'NoopAnimations'}],
-  standalone: true,
 })
 export class AnimationsNoop {}
 
@@ -49,7 +46,6 @@ export class AnimationsNoop {}
     }
   `,
   templateUrl: 'nested-checklist.html',
-  standalone: true,
   imports: [MatCheckboxModule, FormsModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -101,7 +97,6 @@ export class MatCheckboxDemoNestedChecklist {
   selector: 'checkbox-demo',
   templateUrl: 'checkbox-demo.html',
   styleUrl: 'checkbox-demo.css',
-  standalone: true,
   imports: [
     FormsModule,
     MatCheckboxModule,

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

@@ -32,7 +32,6 @@ export interface DemoColor {
   selector: 'chips-demo',
   templateUrl: 'chips-demo.html',
   styleUrl: 'chips-demo.css',
-  standalone: true,
   imports: [
     FormsModule,
     MatButtonModule,

src/dev-app/clipboard/clipboard-demo.ts

@@ -14,7 +14,6 @@ import {FormsModule} from '@angular/forms';
   selector: 'clipboard-demo',
   styleUrl: 'clipboard-demo.css',
   templateUrl: 'clipboard-demo.html',
-  standalone: true,
   imports: [ClipboardModule, FormsModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/column-resize/column-resize-home.ts

@@ -16,7 +16,6 @@ import {MatExpansionModule} from '@angular/material/expansion';
 
 @Component({
   templateUrl: 'column-resize-home.html',
-  standalone: true,
   imports: [
     MatExpansionModule,
     DefaultEnabledColumnResizeExample,

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

@@ -36,7 +36,6 @@ import {MatRadioModule} from '@angular/material/radio';
   templateUrl: 'connected-overlay-demo.html',
   styleUrl: 'connected-overlay-demo.css',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [
     CdkOverlayBasicExample,
     FormsModule,

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

@@ -87,7 +87,6 @@ export class PreserveRangeStrategy<D> implements MatDateRangeSelectionStrategy<D
 
 @Directive({
   selector: '[customRangeStrategy]',
-  standalone: true,
   providers: [
     {
       provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
@@ -103,7 +102,6 @@ export class CustomRangeStrategy {}
   templateUrl: 'custom-header.html',
   styleUrl: 'custom-header.css',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   imports: [MatIconModule, MatButtonModule],
 })
 export class CustomHeader<D> implements OnDestroy {
@@ -153,7 +151,6 @@ export class CustomHeader<D> implements OnDestroy {
         <button mat-button type="button" (click)="todayClicked()">TODAY</button>
       </mat-calendar-header>
     `,
-  standalone: true,
   imports: [MatDatepickerModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -177,7 +174,6 @@ export class CustomHeaderNgContent<D> {
   styleUrl: 'datepicker-demo.css',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   imports: [
     JsonPipe,
     FormsModule,

src/dev-app/dev-app.ts

@@ -15,7 +15,6 @@ import {DevAppLayout} from './dev-app/dev-app-layout';
   selector: 'dev-app',
   template: '<dev-app-layout><router-outlet></router-outlet></dev-app-layout>',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [DevAppLayout, RouterModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/dev-app/dev-app-404.ts

@@ -17,7 +17,6 @@ import {RouterModule} from '@angular/router';
     <a mat-raised-button routerLink="/">Go back to the home page</a>
   `,
   host: {'class': 'mat-typography'},
-  standalone: true,
   imports: [MatButtonModule, RouterModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/dev-app/dev-app-home.ts

@@ -14,7 +14,6 @@ import {ChangeDetectionStrategy, Component} from '@angular/core';
     <p>Welcome to the development demos for Angular Material!</p>
     <p>Open the sidenav to select a demo.</p>
   `,
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DevAppHome {}

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

@@ -35,7 +35,6 @@ import {DevAppDirectionality} from './dev-app-directionality';
   templateUrl: 'dev-app-layout.html',
   styleUrl: 'dev-app-layout.css',
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [
     MatButtonModule,
     MatIconModule,

src/dev-app/dialog/dialog-demo.ts

@@ -42,7 +42,6 @@ import {MatSelectModule} from '@angular/material/select';
   // View encapsulation is disabled since we add the legacy dialog padding
   // styles that need to target the dialog (not only the projected content).
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [
     JsonPipe,
     FormsModule,
@@ -177,7 +176,6 @@ export class DialogDemo {
   `,
   encapsulation: ViewEncapsulation.None,
   styles: `.hidden-dialog { opacity: 0; }`,
-  standalone: true,
   imports: [DragDropModule, MatInputModule, MatSelectModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -253,7 +251,6 @@ export class JazzDialog {
         Show in Dialog</button>
     </mat-dialog-actions>
   `,
-  standalone: true,
   imports: [MatButtonModule, MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -290,7 +287,6 @@ export class ContentElementDialog {
         mat-dialog-close>Close</button>
     </mat-dialog-actions>
   `,
-  standalone: true,
   imports: [MatButtonModule, MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/drag-drop/drag-drop-demo.ts

@@ -29,7 +29,6 @@ import {MatCheckbox} from '@angular/material/checkbox';
   styleUrl: 'drag-drop-demo.css',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   imports: [
     DragDropModule,
     FormsModule,

src/dev-app/drawer/drawer-demo.ts

@@ -15,7 +15,6 @@ import {MatSidenavModule} from '@angular/material/sidenav';
   selector: 'drawer-demo',
   templateUrl: 'drawer-demo.html',
   styleUrl: 'drawer-demo.css',
-  standalone: true,
   imports: [MatButtonModule, MatListModule, MatSidenavModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/example/example-list.ts

@@ -15,7 +15,6 @@ import {Example} from './example';
 /** Displays a set of components-examples in a mat-accordion. */
 @Component({
   selector: 'material-example-list',
-  standalone: true,
   imports: [MatExpansionModule, Example],
   template: `
     <mat-accordion multi>

src/dev-app/example/example.ts

@@ -22,7 +22,6 @@ import {loadExample} from '@angular/components-examples/private';
 
 @Component({
   selector: 'material-example',
-  standalone: true,
   template: `
     @if (showLabel) {
       <div class="label">

src/dev-app/examples-page/examples-page.ts

@@ -13,7 +13,6 @@ import {ExampleList} from '../example/example-list';
 /** Renders all material examples listed in the generated EXAMPLE_COMPONENTS. */
 @Component({
   template: `<material-example-list [ids]="examples"></material-example-list>`,
-  standalone: true,
   imports: [ExampleList],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/expansion/expansion-demo.ts

@@ -26,7 +26,6 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle';
   selector: 'expansion-demo',
   styleUrl: 'expansion-demo.css',
   templateUrl: 'expansion-demo.html',
-  standalone: true,
   imports: [
     CdkAccordionModule,
     FormsModule,

src/dev-app/focus-origin/focus-origin-demo.ts

@@ -13,7 +13,6 @@ import {A11yModule, FocusMonitor} from '@angular/cdk/a11y';
   selector: 'focus-origin-demo',
   templateUrl: 'focus-origin-demo.html',
   styleUrl: 'focus-origin-demo.css',
-  standalone: true,
   imports: [A11yModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/focus-trap/focus-trap-demo.ts

@@ -36,7 +36,6 @@ import {MatToolbarModule} from '@angular/material/toolbar';
   template: '<ng-content></ng-content>',
   host: {'class': 'demo-focus-trap-shadow-root'},
   encapsulation: ViewEncapsulation.ShadowDom,
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FocusTrapShadowDomDemo {}
@@ -45,7 +44,6 @@ export class FocusTrapShadowDomDemo {}
   selector: 'focus-trap-demo',
   templateUrl: 'focus-trap-demo.html',
   styleUrl: 'focus-trap-demo.css',
-  standalone: true,
   imports: [A11yModule, MatButtonModule, MatCardModule, MatToolbarModule, FocusTrapShadowDomDemo],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -95,7 +93,6 @@ let dialogCount = 0;
   selector: 'focus-trap-dialog-demo',
   styleUrl: 'focus-trap-dialog-demo.css',
   templateUrl: 'focus-trap-dialog-demo.html',
-  standalone: true,
   imports: [MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/google-map/google-map-demo.ts

@@ -66,7 +66,6 @@ let apiLoadingPromise: Promise<unknown> | null = null;
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
   styleUrl: 'google-map-demo.css',
-  standalone: true,
   imports: [
     GoogleMap,
     MapBicyclingLayer,

src/dev-app/grid-list/grid-list-demo.ts

@@ -17,7 +17,6 @@ import {MatIconModule} from '@angular/material/icon';
   selector: 'grid-list-demo',
   templateUrl: 'grid-list-demo.html',
   styleUrl: 'grid-list-demo.css',
-  standalone: true,
   imports: [FormsModule, MatButtonModule, MatCardModule, MatGridListModule, MatIconModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/icon/icon-demo.ts

@@ -14,7 +14,6 @@ import {DomSanitizer} from '@angular/platform-browser';
   selector: 'mat-icon-demo',
   templateUrl: 'icon-demo.html',
   styleUrl: 'icon-demo.css',
-  standalone: true,
   imports: [MatIconModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/dev-app/input-modality/input-modality-detector-demo.ts

@@ -27,7 +27,6 @@ import {takeUntil} from 'rxjs/operators';
 @Component({
   selector: 'input-modality-detector-demo',
   templateUrl: 'input-modality-detector-demo.html',
-  standalone: true,
   imports: [
     A11yModule,
     MatButtonModule,

src/dev-app/input/input-demo.ts

@@ -40,7 +40,6 @@ const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA
   templateUrl: 'input-demo.html',
   styleUrl: 'input-demo.css',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   imports: [
     AsyncPipe,
     FormsModule,