refactor(material/paginator): convert to standalone

Converts `material/paginator` to standalone.

Author: crisbeto

src/material/paginator/module.ts

@@ -14,9 +14,8 @@ import {MatTooltipModule} from '@angular/material/tooltip';
 import {MatPaginator} from './paginator';
 
 @NgModule({
-  imports: [MatButtonModule, MatSelectModule, MatTooltipModule],
+  imports: [MatButtonModule, MatSelectModule, MatTooltipModule, MatPaginator],
   exports: [MatPaginator],
-  declarations: [MatPaginator],
   providers: [MAT_PAGINATOR_INTL_PROVIDER],
 })
 export class MatPaginatorModule {}

src/material/paginator/paginator.spec.ts

@@ -17,8 +17,8 @@ describe('MDC-based MatPaginator', () => {
   function createComponent<T>(type: Type<T>, providers: Provider[] = []): ComponentFixture<T> {
     TestBed.configureTestingModule({
       imports: [MatPaginatorModule, NoopAnimationsModule],
-      declarations: [type],
       providers: [MatPaginatorIntl, ...providers],
+      declarations: [type],
     }).compileComponents();
 
     const fixture = TestBed.createComponent(type);

src/material/paginator/paginator.ts

@@ -22,8 +22,11 @@ import {
   booleanAttribute,
   numberAttribute,
 } from '@angular/core';
-import {MatFormFieldAppearance} from '@angular/material/form-field';
-import {HasInitialized, mixinInitialized, ThemePalette} from '@angular/material/core';
+import {MatFormField, MatFormFieldAppearance} from '@angular/material/form-field';
+import {HasInitialized, MatOption, mixinInitialized, ThemePalette} from '@angular/material/core';
+import {MatSelect} from '@angular/material/select';
+import {MatIconButton} from '@angular/material/button';
+import {MatTooltip} from '@angular/material/tooltip';
 import {Subscription} from 'rxjs';
 import {MatPaginatorIntl} from './paginator-intl';
 
@@ -109,6 +112,8 @@ let nextUniqueId = 0;
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [MatFormField, MatSelect, MatOption, MatIconButton, MatTooltip],
 })
 export class MatPaginator
   extends _MatPaginatorMixinBase

src/material/paginator/testing/paginator-harness.spec.ts

@@ -13,8 +13,7 @@ describe('MatPaginatorHarness', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatPaginatorModule, NoopAnimationsModule],
-      declarations: [PaginatorHarnessTest],
+      imports: [MatPaginatorModule, NoopAnimationsModule, PaginatorHarnessTest],
     }).compileComponents();
 
     fixture = TestBed.createComponent(PaginatorHarnessTest);
@@ -138,6 +137,8 @@ describe('MatPaginatorHarness', () => {
       [pageIndex]="pageIndex">
     </mat-paginator>
   `,
+  standalone: true,
+  imports: [MatPaginatorModule],
 })
 class PaginatorHarnessTest {
   length = 500;

tools/public_api_guard/material/paginator.md

@@ -8,9 +8,9 @@ import { ChangeDetectorRef } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { HasInitialized } from '@angular/material/core';
 import * as i0 from '@angular/core';
-import * as i2 from '@angular/material/button';
-import * as i3 from '@angular/material/select';
-import * as i4 from '@angular/material/tooltip';
+import * as i1 from '@angular/material/button';
+import * as i2 from '@angular/material/select';
+import * as i3 from '@angular/material/tooltip';
 import { InjectionToken } from '@angular/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { OnDestroy } from '@angular/core';
@@ -81,7 +81,7 @@ export class MatPaginator extends _MatPaginatorMixinBase implements OnInit, OnDe
     selectConfig: MatPaginatorSelectConfig;
     showFirstLastButtons: boolean;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatPaginator, "mat-paginator", ["matPaginator"], { "color": { "alias": "color"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "selectConfig": { "alias": "selectConfig"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatPaginator, "mat-paginator", ["matPaginator"], { "color": { "alias": "color"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "selectConfig": { "alias": "selectConfig"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "page": "page"; }, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginator, [null, null, { optional: true; }]>;
 }
@@ -117,7 +117,7 @@ export class MatPaginatorModule {
     // (undocumented)
     static ɵinj: i0.ɵɵInjectorDeclaration<MatPaginatorModule>;
     // (undocumented)
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatPaginatorModule, [typeof i1.MatPaginator], [typeof i2.MatButtonModule, typeof i3.MatSelectModule, typeof i4.MatTooltipModule], [typeof i1.MatPaginator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatPaginatorModule, never, [typeof i1.MatButtonModule, typeof i2.MatSelectModule, typeof i3.MatTooltipModule, typeof i4.MatPaginator], [typeof i4.MatPaginator]>;
 }
 
 // @public