refactor(multiple): remove standalone flag from experimental packages

Removes the standalone flag from all of our experimental packages.

Author: crisbeto

src/cdk-experimental/column-resize/column-resize-directives/column-resize-flex.ts

@@ -21,7 +21,6 @@ import {FLEX_PROVIDERS} from './constants';
 @Directive({
   selector: 'cdk-table[columnResize]',
   providers: [...FLEX_PROVIDERS, {provide: ColumnResize, useExisting: CdkColumnResizeFlex}],
-  standalone: true,
 })
 export class CdkColumnResizeFlex extends ColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/cdk-experimental/column-resize/column-resize-directives/column-resize.ts

@@ -21,7 +21,6 @@ import {TABLE_PROVIDERS} from './constants';
 @Directive({
   selector: 'table[cdk-table][columnResize]',
   providers: [...TABLE_PROVIDERS, {provide: ColumnResize, useExisting: CdkColumnResize}],
-  standalone: true,
 })
 export class CdkColumnResize extends ColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/cdk-experimental/column-resize/column-resize-directives/default-enabled-column-resize-flex.ts

@@ -24,7 +24,6 @@ import {FLEX_PROVIDERS} from './constants';
     ...FLEX_PROVIDERS,
     {provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex},
   ],
-  standalone: true,
 })
 export class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/cdk-experimental/column-resize/column-resize-directives/default-enabled-column-resize.ts

@@ -24,7 +24,6 @@ import {TABLE_PROVIDERS} from './constants';
     ...TABLE_PROVIDERS,
     {provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize},
   ],
-  standalone: true,
 })
 export class CdkDefaultEnabledColumnResize extends ColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/cdk-experimental/combobox/combobox-popup.ts

@@ -21,7 +21,6 @@ let nextId = 0;
     'tabindex': '-1',
     '(focus)': 'focusFirstElement()',
   },
-  standalone: true,
 })
 export class CdkComboboxPopup<T = unknown> implements OnInit {
   private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/cdk-experimental/combobox/combobox.ts

@@ -58,7 +58,6 @@ export const CDK_COMBOBOX = new InjectionToken<CdkCombobox>('CDK_COMBOBOX');
     '[attr.tabindex]': '_getTabIndex()',
   },
   providers: [{provide: CDK_COMBOBOX, useExisting: CdkCombobox}],
-  standalone: true,
 })
 export class CdkCombobox<T = unknown> implements OnDestroy {
   private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/cdk-experimental/popover-edit/lens-directives.ts

@@ -36,7 +36,6 @@ export type PopoverEditClickOutBehavior = 'close' | 'submit' | 'noop';
     '(document:click)': 'handlePossibleClickOut($event)',
     '(keydown)': '_handleKeydown($event)',
   },
-  standalone: true,
 })
 export class CdkEditControl<FormValue> implements OnDestroy, OnInit {
   protected readonly elementRef = inject(ElementRef);
@@ -145,7 +144,6 @@ export class CdkEditControl<FormValue> implements OnDestroy, OnInit {
     'type': 'button',
     '(click)': 'revertEdit()',
   },
-  standalone: true,
 })
 export class CdkEditRevert<FormValue> {
   protected readonly editRef = inject<EditRef<FormValue>>(EditRef);
@@ -166,7 +164,6 @@ export class CdkEditRevert<FormValue> {
     '(keydown.enter)': 'closeEdit()',
     '(keydown.space)': 'closeEdit()',
   },
-  standalone: true,
 })
 export class CdkEditClose<FormValue> {
   protected readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/cdk-experimental/popover-edit/popover-edit.spec.ts

@@ -220,6 +220,7 @@ abstract class BaseTestComponent {
     }
   </table>
   `,
+  standalone: false,
 })
 class VanillaTableOutOfCell extends BaseTestComponent {
   elements: ChemicalElement[];
@@ -256,6 +257,7 @@ class VanillaTableOutOfCell extends BaseTestComponent {
     }
   </table>
   `,
+  standalone: false,
 })
 class VanillaTableInCell extends BaseTestComponent {
   elements: ChemicalElement[];
@@ -318,6 +320,7 @@ class ElementDataSource extends DataSource<PeriodicElement> {
     </cdk-table>
   </div>
   `,
+  standalone: false,
 })
 class CdkFlexTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
@@ -369,6 +372,7 @@ class CdkFlexTableInCell extends BaseTestComponent {
     </table>
   <div>
   `,
+  standalone: false,
 })
 class CdkTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];

src/cdk-experimental/popover-edit/table-directives.ts

@@ -66,7 +66,6 @@ const MOUSE_MOVE_THROTTLE_TIME_MS = 10;
 @Directive({
   selector: 'table[editable], cdk-table[editable], mat-table[editable]',
   providers: [EditEventDispatcher, EditServices],
-  standalone: true,
 })
 export class CdkEditable implements AfterViewInit, OnDestroy {
   protected readonly elementRef = inject(ElementRef);
@@ -190,7 +189,6 @@ const POPOVER_EDIT_INPUTS = [
   selector: '[cdkPopoverEdit]:not([cdkPopoverEditTabOut])',
   host: POPOVER_EDIT_HOST_BINDINGS,
   inputs: POPOVER_EDIT_INPUTS,
-  standalone: true,
 })
 export class CdkPopoverEdit<C> implements AfterViewInit, OnDestroy {
   protected readonly services = inject(EditServices);
@@ -415,7 +413,6 @@ export class CdkPopoverEdit<C> implements AfterViewInit, OnDestroy {
   selector: '[cdkPopoverEdit][cdkPopoverEditTabOut]',
   host: POPOVER_EDIT_HOST_BINDINGS,
   inputs: POPOVER_EDIT_INPUTS,
-  standalone: true,
 })
 export class CdkPopoverEditTabOut<C> extends CdkPopoverEdit<C> {
   protected readonly focusEscapeNotifierFactory = inject(FocusEscapeNotifierFactory);
@@ -446,7 +443,6 @@ export class CdkPopoverEditTabOut<C> extends CdkPopoverEdit<C> {
  */
 @Directive({
   selector: '[cdkRowHoverContent]',
-  standalone: true,
 })
 export class CdkRowHoverContent implements AfterViewInit, OnDestroy {
   protected readonly services = inject(EditServices);
@@ -541,7 +537,6 @@ export class CdkRowHoverContent implements AfterViewInit, OnDestroy {
   host: {
     '(click)': 'openEdit($event)',
   },
-  standalone: true,
 })
 export class CdkEditOpen {
   protected readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/cdk-experimental/scrolling/auto-size-virtual-scroll.ts

@@ -462,7 +462,6 @@ export function _autoSizeVirtualScrollStrategyFactory(autoSizeDir: CdkAutoSizeVi
       deps: [forwardRef(() => CdkAutoSizeVirtualScroll)],
     },
   ],
-  standalone: true,
 })
 export class CdkAutoSizeVirtualScroll implements OnChanges {
   /**

src/cdk-experimental/selection/row-selection.ts

@@ -24,7 +24,6 @@ import {CdkSelection} from './selection';
     '[class.cdk-selected]': '_selection.isSelected(this.value, this.index)',
     '[attr.aria-selected]': '_selection.isSelected(this.value, this.index)',
   },
-  standalone: true,
 })
 export class CdkRowSelection<T> {
   readonly _selection = inject<CdkSelection<T>>(CdkSelection);

src/cdk-experimental/selection/select-all.ts

@@ -26,7 +26,6 @@ import {CdkSelection} from './selection';
 @Directive({
   selector: '[cdkSelectAll]',
   exportAs: 'cdkSelectAll',
-  standalone: true,
 })
 export class CdkSelectAll<T> implements OnDestroy, OnInit {
   private readonly _selection = inject<CdkSelection<T>>(CdkSelection, {optional: true})!;

src/cdk-experimental/selection/selection-column.ts

@@ -56,7 +56,6 @@ import {CdkSelectAll} from './select-all';
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
-  standalone: true,
   imports: [
     CdkColumnDef,
     CdkHeaderCellDef,

src/cdk-experimental/selection/selection-toggle.ts

@@ -27,7 +27,6 @@ import {CdkSelection} from './selection';
 @Directive({
   selector: '[cdkSelectionToggle]',
   exportAs: 'cdkSelectionToggle',
-  standalone: true,
 })
 export class CdkSelectionToggle<T> implements OnDestroy, OnInit {
   private _selection = inject<CdkSelection<T>>(CdkSelection, {optional: true})!;

src/cdk-experimental/selection/selection.ts

@@ -32,7 +32,6 @@ import {SelectableWithIndex, SelectionChange, SelectionSet} from './selection-se
 @Directive({
   selector: '[cdkSelection]',
   exportAs: 'cdkSelection',
-  standalone: true,
 })
 export class CdkSelection<T> implements OnInit, AfterContentChecked, CollectionViewer, OnDestroy {
   viewChange: Observable<ListRange>;

src/cdk-experimental/table-scroll-container/table-scroll-container.ts

@@ -36,7 +36,6 @@ let nextId = 0;
     'class': 'cdk-table-scroll-container',
   },
   providers: [{provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer}],
-  standalone: true,
 })
 export class CdkTableScrollContainer implements StickyPositioningListener, OnDestroy, OnInit {
   private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);

src/material-experimental/column-resize/column-resize-directives/column-resize-flex.ts

@@ -24,7 +24,6 @@ import {AbstractMatColumnResize, FLEX_HOST_BINDINGS, FLEX_PROVIDERS} from './com
   selector: 'mat-table[columnResize]',
   host: FLEX_HOST_BINDINGS,
   providers: [...FLEX_PROVIDERS, {provide: ColumnResize, useExisting: MatColumnResizeFlex}],
-  standalone: true,
 })
 export class MatColumnResizeFlex extends AbstractMatColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/material-experimental/column-resize/column-resize-directives/column-resize.ts

@@ -24,7 +24,6 @@ import {AbstractMatColumnResize, TABLE_HOST_BINDINGS, TABLE_PROVIDERS} from './c
   selector: 'table[mat-table][columnResize]',
   host: TABLE_HOST_BINDINGS,
   providers: [...TABLE_PROVIDERS, {provide: ColumnResize, useExisting: MatColumnResize}],
-  standalone: true,
 })
 export class MatColumnResize extends AbstractMatColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/material-experimental/column-resize/column-resize-directives/default-enabled-column-resize-flex.ts

@@ -27,7 +27,6 @@ import {AbstractMatColumnResize, FLEX_HOST_BINDINGS, FLEX_PROVIDERS} from './com
     ...FLEX_PROVIDERS,
     {provide: ColumnResize, useExisting: MatDefaultEnabledColumnResizeFlex},
   ],
-  standalone: true,
 })
 export class MatDefaultEnabledColumnResizeFlex extends AbstractMatColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/material-experimental/column-resize/column-resize-directives/default-enabled-column-resize.ts

@@ -27,7 +27,6 @@ import {AbstractMatColumnResize, TABLE_HOST_BINDINGS, TABLE_PROVIDERS} from './c
     ...TABLE_PROVIDERS,
     {provide: ColumnResize, useExisting: MatDefaultEnabledColumnResize},
   ],
-  standalone: true,
 })
 export class MatDefaultEnabledColumnResize extends AbstractMatColumnResize {
   readonly columnResizeNotifier = inject(ColumnResizeNotifier);

src/material-experimental/column-resize/column-resize.spec.ts

@@ -267,36 +267,40 @@ abstract class BaseTestComponentRtl extends BaseTestComponent {
   }
 }
 
-@Component({template: getTableTemplate(false)})
+@Component({template: getTableTemplate(false), standalone: false})
 class MatResizeTest extends BaseTestComponent {
   @ViewChild(MatColumnResize) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getTableTemplate(false), changeDetection: ChangeDetectionStrategy.OnPush})
+@Component({
+  template: getTableTemplate(false),
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
+})
 class MatResizeOnPushTest extends MatResizeTest {}
 
-@Component({template: getTableTemplate(true)})
+@Component({template: getTableTemplate(true), standalone: false})
 class MatResizeDefaultTest extends BaseTestComponent {
   @ViewChild(MatDefaultEnabledColumnResize) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getTableTemplate(true)})
+@Component({template: getTableTemplate(true), standalone: false})
 class MatResizeDefaultRtlTest extends BaseTestComponentRtl {
   @ViewChild(MatDefaultEnabledColumnResize) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(false)})
+@Component({template: getFlexTemplate(false), standalone: false})
 class MatResizeFlexTest extends BaseTestComponent {
   @ViewChild(MatColumnResizeFlex) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(true)})
+@Component({template: getFlexTemplate(true), standalone: false})
 class MatResizeDefaultFlexTest extends BaseTestComponent {
   @ViewChild(MatDefaultEnabledColumnResizeFlex)
   columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(true)})
+@Component({template: getFlexTemplate(true), standalone: false})
 class MatResizeDefaultFlexRtlTest extends BaseTestComponentRtl {
   @ViewChild(MatDefaultEnabledColumnResizeFlex)
   columnResize: AbstractMatColumnResize;

src/material-experimental/column-resize/overlay-handle.ts

@@ -41,7 +41,6 @@ import {AbstractMatColumnResize} from './column-resize-directives/common';
   encapsulation: ViewEncapsulation.None,
   host: {'class': 'mat-column-resize-overlay-thumb'},
   template: '<div #top class="mat-column-resize-overlay-thumb-top"></div>',
-  standalone: true,
 })
 export class MatColumnResizeOverlayHandle extends ResizeOverlayHandle {
   protected readonly columnDef = inject(CdkColumnDef);

src/material-experimental/column-resize/resizable-directives/default-enabled-resizable.ts

@@ -40,7 +40,6 @@ import {AbstractMatResizable, RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS} from '.
   selector: 'mat-header-cell:not([disableResize]), th[mat-header-cell]:not([disableResize])',
   host: RESIZABLE_HOST_BINDINGS,
   inputs: RESIZABLE_INPUTS,
-  standalone: true,
 })
 export class MatDefaultResizable extends AbstractMatResizable {
   protected readonly columnDef = inject(CdkColumnDef);

src/material-experimental/column-resize/resizable-directives/resizable.ts

@@ -39,7 +39,6 @@ import {AbstractMatResizable, RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS} from '.
   selector: 'mat-header-cell[resizable], th[mat-header-cell][resizable]',
   host: RESIZABLE_HOST_BINDINGS,
   inputs: RESIZABLE_INPUTS,
-  standalone: true,
 })
 export class MatResizable extends AbstractMatResizable {
   protected readonly columnDef = inject(CdkColumnDef);

src/material-experimental/menubar/menubar-item.ts

@@ -36,7 +36,6 @@ function removeIcons(element: Element) {
     '[attr.aria-disabled]': 'disabled || null',
   },
   providers: [{provide: CdkMenuItem, useExisting: MatMenuBarItem}],
-  standalone: true,
 })
 export class MatMenuBarItem extends CdkMenuItem {
   override getLabel(): string {

src/material-experimental/menubar/menubar.ts

@@ -29,6 +29,5 @@ import {CDK_MENU, CdkMenuBar, CdkMenuGroup, MENU_STACK, MenuStack} from '@angula
     {provide: CDK_MENU, useExisting: MatMenuBar},
     {provide: MENU_STACK, useClass: MenuStack},
   ],
-  standalone: true,
 })
 export class MatMenuBar extends CdkMenuBar {}

src/material-experimental/popover-edit/lens-directives.ts

@@ -33,7 +33,6 @@ import {
   ],
   outputs: ['preservedFormValueChange: matEditLensPreservedFormValueChange'],
   providers: [EditRef],
-  standalone: true,
 })
 export class MatEditLens<FormValue> extends CdkEditControl<FormValue> {}
 
@@ -43,13 +42,11 @@ export class MatEditLens<FormValue> extends CdkEditControl<FormValue> {}
   host: {
     'type': 'button', // Prevents accidental form submits.
   },
-  standalone: true,
 })
 export class MatEditRevert<FormValue> extends CdkEditRevert<FormValue> {}
 
 /** Closes the lens on click. */
 @Directive({
   selector: '[matEditClose]',
-  standalone: true,
 })
 export class MatEditClose<FormValue> extends CdkEditClose<FormValue> {}

src/material-experimental/popover-edit/popover-edit.spec.ts

@@ -230,6 +230,7 @@ class ElementDataSource extends DataSource<PeriodicElement> {
       margin: 16px;
     }
   `,
+  standalone: false,
 })
 class MatFlexTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
@@ -281,6 +282,7 @@ class MatFlexTableInCell extends BaseTestComponent {
       margin: 16px;
     }
   `,
+  standalone: false,
 })
 class MatTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];

src/material-experimental/popover-edit/table-directives.ts

@@ -45,7 +45,6 @@ const MAT_ROW_HOVER_CELL_CLASS = MAT_ROW_HOVER_CLASS + '-host-cell';
   selector: '[matPopoverEdit]:not([matPopoverEditTabOut])',
   host: POPOVER_EDIT_HOST_BINDINGS,
   inputs: POPOVER_EDIT_INPUTS,
-  standalone: true,
 })
 export class MatPopoverEdit<C> extends CdkPopoverEdit<C> {
   protected override panelClass(): string {
@@ -62,7 +61,6 @@ export class MatPopoverEdit<C> extends CdkPopoverEdit<C> {
   selector: '[matPopoverEdit][matPopoverEditTabOut]',
   host: POPOVER_EDIT_HOST_BINDINGS,
   inputs: POPOVER_EDIT_INPUTS,
-  standalone: true,
 })
 export class MatPopoverEditTabOut<C> extends CdkPopoverEditTabOut<C> {
   protected override panelClass(): string {
@@ -76,7 +74,6 @@ export class MatPopoverEditTabOut<C> extends CdkPopoverEditTabOut<C> {
  */
 @Directive({
   selector: '[matRowHoverContent]',
-  standalone: true,
 })
 export class MatRowHoverContent extends CdkRowHoverContent {
   protected override initElement(element: HTMLElement) {
@@ -114,6 +111,5 @@ export class MatRowHoverContent extends CdkRowHoverContent {
  */
 @Directive({
   selector: '[matEditOpen]',
-  standalone: true,
 })
 export class MatEditOpen extends CdkEditOpen {}

src/material-experimental/selection/row-selection.ts

@@ -24,7 +24,6 @@ import {Input, Directive} from '@angular/core';
   },
   providers: [{provide: CdkRowSelection, useExisting: MatRowSelection}],
   inputs: [{name: 'index', alias: 'matRowSelectionIndex'}],
-  standalone: true,
 })
 export class MatRowSelection<T> extends CdkRowSelection<T> {
   /** The value that is associated with the row */