feat(angular): build for angular 12.0 (#23970)

angular/src/util/ionic-router-reuse-strategy.ts

@@ -1,27 +1,31 @@
 import { ActivatedRouteSnapshot, DetachedRouteHandle, RouteReuseStrategy } from '@angular/router';
 
 export class IonicRouteStrategy implements RouteReuseStrategy {
-
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   shouldDetach(_route: ActivatedRouteSnapshot): boolean {
     return false;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   shouldAttach(_route: ActivatedRouteSnapshot): boolean {
     return false;
   }
 
-  store(_route: ActivatedRouteSnapshot, _detachedTree: DetachedRouteHandle): void {
+  store(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _route: ActivatedRouteSnapshot,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _detachedTree: DetachedRouteHandle
+  ): void {
     return;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   retrieve(_route: ActivatedRouteSnapshot): DetachedRouteHandle | null {
     return null;
   }
 
-  shouldReuseRoute(
-    future: ActivatedRouteSnapshot,
-    curr: ActivatedRouteSnapshot
-  ): boolean {
+  shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
     if (future.routeConfig !== curr.routeConfig) {
       return false;
     }

angular/src/util/overlay.ts

@@ -1,4 +1,3 @@
-
 interface ControllerShape<Opts, HTMLElm> {
   create(options: Opts): Promise<HTMLElm>;
   dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
@@ -11,7 +10,7 @@ export class OverlayBaseController<Opts, Overlay> implements ControllerShape<Opt
   /**
    * Creates a new overlay
    */
-  create(opts?: Opts) {
+  create(opts?: Opts): Promise<Overlay> {
     // TODO: next major release opts is not optional
     return this.ctrl.create((opts || {}) as any);
   }
@@ -19,14 +18,14 @@ export class OverlayBaseController<Opts, Overlay> implements ControllerShape<Opt
   /**
    * When `id` is not provided, it dismisses the top overlay.
    */
-  dismiss(data?: any, role?: string, id?: string) {
+  dismiss(data?: any, role?: string, id?: string): Promise<boolean> {
     return this.ctrl.dismiss(data, role, id);
   }
 
   /**
    * Returns the top overlay.
    */
-  getTop() {
+  getTop(): Promise<Overlay | undefined> {
     return this.ctrl.getTop();
   }
 }

angular/src/util/util.ts

@@ -1,8 +1,7 @@
-
 declare const __zone_symbol__requestAnimationFrame: any;
 declare const requestAnimationFrame: any;
 
-export const raf = (h: any) => {
+export const raf = (h: any): any => {
   if (typeof __zone_symbol__requestAnimationFrame === 'function') {
     return __zone_symbol__requestAnimationFrame(h);
   }