refactor(material-experimental/selection): switch to standalone

Reworks `material-experimental/selection` to support standalone.

Author: crisbeto

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

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

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

@@ -23,5 +23,6 @@ import {Directive} from '@angular/core';
   selector: '[matSelectAll]',
   exportAs: 'matSelectAll',
   providers: [{provide: CdkSelectAll, useExisting: MatSelectAll}],
+  standalone: true,
 })
 export class MatSelectAll<T> extends CdkSelectAll<T> {}

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

@@ -6,7 +6,14 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {MatCellDef, MatColumnDef, MatHeaderCellDef, MatTable} from '@angular/material/table';
+import {
+  MatCell,
+  MatCellDef,
+  MatColumnDef,
+  MatHeaderCell,
+  MatHeaderCellDef,
+  MatTable,
+} from '@angular/material/table';
 import {
   Component,
   Input,
@@ -18,8 +25,12 @@ import {
   ViewEncapsulation,
   Inject,
 } from '@angular/core';
+import {AsyncPipe} from '@angular/common';
 
 import {MatSelection} from './selection';
+import {MatCheckbox} from '@angular/material/checkbox';
+import {MatSelectionToggle} from './selection-toggle';
+import {MatSelectAll} from './select-all';
 
 /**
  * Column that adds row selecting checkboxes and a select-all checkbox if `matSelectionMultiple` is
@@ -50,6 +61,18 @@ import {MatSelection} from './selection';
   changeDetection: ChangeDetectionStrategy.OnPush,
   styleUrls: ['selection-column.css'],
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatCheckbox,
+    MatSelectAll,
+    MatCellDef,
+    MatCell,
+    MatSelectionToggle,
+    AsyncPipe,
+  ],
 })
 export class MatSelectionColumn<T> implements OnInit, OnDestroy {
   /** Column name that should be used to reference this column. */

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

@@ -19,14 +19,16 @@ import {MatSelectionColumn} from './selection-column';
 import {MatRowSelection} from './row-selection';
 
 @NgModule({
-  imports: [CommonModule, MatTableModule, MatCheckboxModule],
-  exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],
-  declarations: [
+  imports: [
+    CommonModule,
+    MatTableModule,
+    MatCheckboxModule,
     MatSelectAll,
     MatSelection,
     MatSelectionToggle,
     MatSelectionColumn,
     MatRowSelection,
   ],
+  exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],
 })
 export class MatSelectionModule {}

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

@@ -24,6 +24,7 @@ import {Directive, Input} from '@angular/core';
   exportAs: 'matSelectionToggle',
   inputs: ['index: matSelectionToggleIndex'],
   providers: [{provide: CdkSelectionToggle, useExisting: MatSelectionToggle}],
+  standalone: true,
 })
 export class MatSelectionToggle<T> extends CdkSelectionToggle<T> {
   /** The value that is associated with the toggle */

src/material-experimental/selection/selection.ts

@@ -20,6 +20,7 @@ import {Directive, Input, Output, EventEmitter} from '@angular/core';
   selector: '[matSelection]',
   exportAs: 'matSelection',
   providers: [{provide: CdkSelection, useExisting: MatSelection}],
+  standalone: true,
 })
 // tslint:disable-next-line: coercion-types
 export class MatSelection<T> extends CdkSelection<T> {