refactor(material-experimental/popover-edit): switch to standalone

Reworks `material-experimental/popover-edit` to support standalone.

Author: crisbeto

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

@@ -33,6 +33,7 @@ import {
   ],
   outputs: ['preservedFormValueChange: matEditLensPreservedFormValueChange'],
   providers: [EditRef],
+  standalone: true,
 })
 export class MatEditLens<FormValue> extends CdkEditControl<FormValue> {}
 
@@ -42,9 +43,13 @@ 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]'})
+@Directive({
+  selector: '[matEditClose]',
+  standalone: true,
+})
 export class MatEditClose<FormValue> extends CdkEditClose<FormValue> {}

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

@@ -18,25 +18,26 @@ import {
 import {MatEditLens, MatEditRevert, MatEditClose} from './lens-directives';
 
 @NgModule({
-  imports: [CdkPopoverEditModule, MatCommonModule],
-  exports: [
+  imports: [
+    CdkPopoverEditModule,
+    MatCommonModule,
     MatPopoverEdit,
     MatPopoverEditTabOut,
     MatRowHoverContent,
     MatEditLens,
     MatEditRevert,
     MatEditClose,
     MatEditOpen,
-    CdkEditable,
   ],
-  declarations: [
+  exports: [
     MatPopoverEdit,
     MatPopoverEditTabOut,
     MatRowHoverContent,
     MatEditLens,
     MatEditRevert,
     MatEditClose,
     MatEditOpen,
+    CdkEditable,
   ],
 })
 export class MatPopoverEditModule {}

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

@@ -44,6 +44,7 @@ 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 {
@@ -60,6 +61,7 @@ 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 {
@@ -73,6 +75,7 @@ export class MatPopoverEditTabOut<C> extends CdkPopoverEditTabOut<C> {
  */
 @Directive({
   selector: '[matRowHoverContent]',
+  standalone: true,
 })
 export class MatRowHoverContent extends CdkRowHoverContent {
   protected override initElement(element: HTMLElement) {
@@ -110,5 +113,6 @@ export class MatRowHoverContent extends CdkRowHoverContent {
  */
 @Directive({
   selector: '[matEditOpen]',
+  standalone: true,
 })
 export class MatEditOpen extends CdkEditOpen {}