build: enable AoT compilation for all tests

Enables AoT compilation for all of our unit tests and fixes most of the errors that had accumulated over time.

Author: crisbeto

src/cdk-experimental/accordion/BUILD.bazel

@@ -18,7 +18,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [

src/cdk-experimental/combobox/BUILD.bazel

@@ -19,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(

src/cdk-experimental/deferred-content/BUILD.bazel

@@ -14,7 +14,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = [

src/cdk-experimental/listbox/BUILD.bazel

@@ -16,7 +16,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(

src/cdk-experimental/popover-edit/BUILD.bazel

@@ -22,7 +22,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(

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

@@ -979,9 +979,9 @@ class ElementDataSource extends DataSource<PeriodicElement> {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </cdk-cell>
       </ng-container>
 
@@ -1053,9 +1053,9 @@ class CdkFlexTableInCell extends BaseTestComponent {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </td>
       </ng-container>
 
@@ -1128,9 +1128,9 @@ class CdkTableInCell extends BaseTestComponent {
             </div>
           </ng-template>
 
-          <span *cdkIfRowHovered>
+          <ng-template>
             <button cdkEditOpen>Edit</button>
-          </span>
+          </ng-template>
         </td>
       </ng-container>
 

src/cdk-experimental/radio-group/BUILD.bazel

@@ -17,7 +17,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(

src/cdk-experimental/scrolling/BUILD.bazel

@@ -19,7 +19,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(

src/cdk-experimental/scrolling/virtual-scroll-viewport.spec.ts

@@ -1,5 +1,5 @@
 import {CdkVirtualScrollViewport, ScrollingModule} from '@angular/cdk/scrolling';
-import {Component, Input, ViewChild, ViewEncapsulation} from '@angular/core';
+import {Component, ViewChild, ViewEncapsulation} from '@angular/core';
 import {ComponentFixture, TestBed, fakeAsync, flush} from '@angular/core/testing';
 import {ScrollingModule as ExperimentalScrollingModule} from './scrolling-module';
 
@@ -94,12 +94,12 @@ function finishInit(fixture: ComponentFixture<any>) {
 class AutoSizeVirtualScroll {
   @ViewChild(CdkVirtualScrollViewport, {static: true}) viewport: CdkVirtualScrollViewport;
 
-  @Input() orientation = 'vertical';
-  @Input() viewportSize = 200;
-  @Input() viewportCrossSize = 100;
-  @Input() minBufferPx = 0;
-  @Input() maxBufferPx = 0;
-  @Input() items = Array(10).fill(50);
+  orientation: 'vertical' | 'horizontal' = 'vertical';
+  viewportSize = 200;
+  viewportCrossSize = 100;
+  minBufferPx = 0;
+  maxBufferPx = 0;
+  items = Array(10).fill(50);
 
   get viewportWidth() {
     return this.orientation == 'horizontal' ? this.viewportSize : this.viewportCrossSize;

src/cdk-experimental/selection/BUILD.bazel

@@ -20,7 +20,7 @@ ng_project(
     ],
 )
 
-ts_project(
+ng_project(
     name = "unit_test_sources",
     testonly = True,
     srcs = glob(