refactor(material/grid-list): convert to standalone

Converts `material/grid-list` to standalone.

Author: crisbeto

src/material/grid-list/grid-list-module.ts

@@ -18,21 +18,22 @@ import {
 import {MatGridList} from './grid-list';
 
 @NgModule({
-  imports: [MatLineModule, MatCommonModule],
-  exports: [
+  imports: [
+    MatLineModule,
+    MatCommonModule,
     MatGridList,
     MatGridTile,
     MatGridTileText,
-    MatLineModule,
-    MatCommonModule,
     MatGridTileHeaderCssMatStyler,
     MatGridTileFooterCssMatStyler,
     MatGridAvatarCssMatStyler,
   ],
-  declarations: [
+  exports: [
     MatGridList,
     MatGridTile,
     MatGridTileText,
+    MatLineModule,
+    MatCommonModule,
     MatGridTileHeaderCssMatStyler,
     MatGridTileFooterCssMatStyler,
     MatGridAvatarCssMatStyler,

src/material/grid-list/grid-list.ts

@@ -56,6 +56,7 @@ const MAT_FIT_MODE = 'fit';
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
 })
 export class MatGridList implements MatGridListBase, OnInit, AfterContentChecked, TileStyleTarget {
   /** Number of columns being rendered. */

src/material/grid-list/grid-tile.ts

@@ -37,6 +37,7 @@ import {MAT_GRID_LIST, MatGridListBase} from './grid-list-base';
   styleUrls: ['grid-list.css'],
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
 })
 export class MatGridTile {
   _rowspan: number = 1;
@@ -79,6 +80,7 @@ export class MatGridTile {
   templateUrl: 'grid-tile-text.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
 })
 export class MatGridTileText implements AfterContentInit {
   @ContentChildren(MatLine, {descendants: true}) _lines: QueryList<MatLine>;
@@ -97,6 +99,7 @@ export class MatGridTileText implements AfterContentInit {
 @Directive({
   selector: '[mat-grid-avatar], [matGridAvatar]',
   host: {'class': 'mat-grid-avatar'},
+  standalone: true,
 })
 export class MatGridAvatarCssMatStyler {}
 
@@ -107,6 +110,7 @@ export class MatGridAvatarCssMatStyler {}
 @Directive({
   selector: 'mat-grid-tile-header',
   host: {'class': 'mat-grid-tile-header'},
+  standalone: true,
 })
 export class MatGridTileHeaderCssMatStyler {}
 
@@ -117,5 +121,6 @@ export class MatGridTileHeaderCssMatStyler {}
 @Directive({
   selector: 'mat-grid-tile-footer',
   host: {'class': 'mat-grid-tile-footer'},
+  standalone: true,
 })
 export class MatGridTileFooterCssMatStyler {}

src/material/grid-list/testing/grid-list-harness.spec.ts

@@ -13,8 +13,7 @@ describe('MatGridListHarness', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatGridListModule, NoopAnimationsModule],
-      declarations: [GridListHarnessTest],
+      imports: [MatGridListModule, NoopAnimationsModule, GridListHarnessTest],
     }).compileComponents();
 
     fixture = TestBed.createComponent(GridListHarnessTest);
@@ -183,6 +182,8 @@ describe('MatGridListHarness', () => {
       </mat-grid-tile>
     </mat-grid-list>
   `,
+  standalone: true,
+  imports: [MatGridListModule],
 })
 class GridListHarnessTest {
   firstTileText = 'One';

src/material/grid-list/tile-coordinator.ts

@@ -179,5 +179,8 @@ export class TileCoordinator {
  * @docs-private
  */
 export class TilePosition {
-  constructor(public row: number, public col: number) {}
+  constructor(
+    public row: number,
+    public col: number,
+  ) {}
 }

tools/public_api_guard/material/grid-list.md

@@ -9,7 +9,7 @@ import { AfterContentInit } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import * as i0 from '@angular/core';
-import * as i3 from '@angular/material/core';
+import * as i1 from '@angular/material/core';
 import { MatLine } from '@angular/material/core';
 import { NumberInput } from '@angular/cdk/coercion';
 import { OnInit } from '@angular/core';
@@ -18,7 +18,7 @@ import { QueryList } from '@angular/core';
 // @public
 export class MatGridAvatarCssMatStyler {
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridAvatarCssMatStyler, "[mat-grid-avatar], [matGridAvatar]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridAvatarCssMatStyler, "[mat-grid-avatar], [matGridAvatar]", never, {}, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridAvatarCssMatStyler, never>;
 }
@@ -38,7 +38,7 @@ export class MatGridList implements MatGridListBase, OnInit, AfterContentChecked
     _setListStyle(style: [string, string | null] | null): void;
     _tiles: QueryList<MatGridTile>;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridList, "mat-grid-list", ["matGridList"], { "cols": { "alias": "cols"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; }, {}, ["_tiles"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridList, "mat-grid-list", ["matGridList"], { "cols": { "alias": "cols"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; }, {}, ["_tiles"], ["*"], true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridList, [null, { optional: true; }]>;
 }
@@ -50,7 +50,7 @@ export class MatGridListModule {
     // (undocumented)
     static ɵinj: i0.ɵɵInjectorDeclaration<MatGridListModule>;
     // (undocumented)
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatGridListModule, [typeof i1.MatGridList, typeof i2.MatGridTile, typeof i2.MatGridTileText, typeof i2.MatGridTileHeaderCssMatStyler, typeof i2.MatGridTileFooterCssMatStyler, typeof i2.MatGridAvatarCssMatStyler], [typeof i3.MatLineModule, typeof i3.MatCommonModule], [typeof i1.MatGridList, typeof i2.MatGridTile, typeof i2.MatGridTileText, typeof i3.MatLineModule, typeof i3.MatCommonModule, typeof i2.MatGridTileHeaderCssMatStyler, typeof i2.MatGridTileFooterCssMatStyler, typeof i2.MatGridAvatarCssMatStyler]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatGridListModule, never, [typeof i1.MatLineModule, typeof i1.MatCommonModule, typeof i2.MatGridList, typeof i3.MatGridTile, typeof i3.MatGridTileText, typeof i3.MatGridTileHeaderCssMatStyler, typeof i3.MatGridTileFooterCssMatStyler, typeof i3.MatGridAvatarCssMatStyler], [typeof i2.MatGridList, typeof i3.MatGridTile, typeof i3.MatGridTileText, typeof i1.MatLineModule, typeof i1.MatCommonModule, typeof i3.MatGridTileHeaderCssMatStyler, typeof i3.MatGridTileFooterCssMatStyler, typeof i3.MatGridAvatarCssMatStyler]>;
 }
 
 // @public (undocumented)
@@ -68,23 +68,23 @@ export class MatGridTile {
     _rowspan: number;
     _setStyle(property: string, value: any): void;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridTile, "mat-grid-tile", ["matGridTile"], { "rowspan": { "alias": "rowspan"; "required": false; }; "colspan": { "alias": "colspan"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridTile, "mat-grid-tile", ["matGridTile"], { "rowspan": { "alias": "rowspan"; "required": false; }; "colspan": { "alias": "colspan"; "required": false; }; }, {}, never, ["*"], true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridTile, [null, { optional: true; }]>;
 }
 
 // @public
 export class MatGridTileFooterCssMatStyler {
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridTileFooterCssMatStyler, "mat-grid-tile-footer", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridTileFooterCssMatStyler, "mat-grid-tile-footer", never, {}, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridTileFooterCssMatStyler, never>;
 }
 
 // @public
 export class MatGridTileHeaderCssMatStyler {
     // (undocumented)
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridTileHeaderCssMatStyler, "mat-grid-tile-header", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatGridTileHeaderCssMatStyler, "mat-grid-tile-header", never, {}, {}, never, never, true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridTileHeaderCssMatStyler, never>;
 }
@@ -97,7 +97,7 @@ export class MatGridTileText implements AfterContentInit {
     // (undocumented)
     ngAfterContentInit(): void;
     // (undocumented)
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridTileText, "mat-grid-tile-header, mat-grid-tile-footer", never, {}, {}, ["_lines"], ["[mat-grid-avatar], [matGridAvatar]", "[mat-line], [matLine]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatGridTileText, "mat-grid-tile-header, mat-grid-tile-footer", never, {}, {}, ["_lines"], ["[mat-grid-avatar], [matGridAvatar]", "[mat-line], [matLine]", "*"], true, never>;
     // (undocumented)
     static ɵfac: i0.ɵɵFactoryDeclaration<MatGridTileText, never>;
 }