fix(angular): overlay not found

fixes #15349

angular/src/util/overlay.ts

@@ -7,7 +7,7 @@ export class OverlayBaseController<Opts, Overlay> {
     return proxyMethod(this.ctrl, 'create', opts);
   }
 
-  dismiss(data?: any, role?: string, id = -1): Promise<void> {
+  dismiss(data?: any, role?: string, id?: number): Promise<void> {
     return proxyMethod(this.ctrl, 'dismiss', data, role, id);
   }
 

core/src/components.d.ts

@@ -6,7 +6,7 @@
 
 import '@stencil/core';
 
-import 'ionicons'
+import 'ionicons';
 import {
   ActionSheetButton,
   ActionSheetOptions,
@@ -79,7 +79,7 @@ export namespace Components {
     /**
     * Get the most recently opened action sheet overlay.
     */
-    'getTop': () => Promise<HTMLIonActionSheetElement>;
+    'getTop': () => Promise<HTMLIonActionSheetElement | undefined>;
   }
   interface IonActionSheetControllerAttributes extends StencilHTMLAttributes {}
 
@@ -228,7 +228,7 @@ export namespace Components {
     /**
     * Get the most recently opened alert overlay.
     */
-    'getTop': () => Promise<HTMLIonAlertElement>;
+    'getTop': () => Promise<HTMLIonAlertElement | undefined>;
   }
   interface IonAlertControllerAttributes extends StencilHTMLAttributes {}
 
@@ -2219,7 +2219,7 @@ export namespace Components {
     /**
     * Get the most recently opened loading overlay.
     */
-    'getTop': () => Promise<HTMLIonLoadingElement>;
+    'getTop': () => Promise<HTMLIonLoadingElement | undefined>;
   }
   interface IonLoadingControllerAttributes extends StencilHTMLAttributes {}
 
@@ -2561,7 +2561,7 @@ export namespace Components {
     /**
     * Get the most recently opened modal overlay.
     */
-    'getTop': () => Promise<HTMLIonModalElement>;
+    'getTop': () => Promise<HTMLIonModalElement | undefined>;
   }
   interface IonModalControllerAttributes extends StencilHTMLAttributes {}
 
@@ -2861,7 +2861,7 @@ export namespace Components {
   interface IonPickerController {
     'create': (opts: PickerOptions) => Promise<HTMLIonPickerElement>;
     'dismiss': (data?: any, role?: string | undefined, pickerId?: number | undefined) => Promise<void>;
-    'getTop': () => Promise<HTMLIonPickerElement>;
+    'getTop': () => Promise<HTMLIonPickerElement | undefined>;
   }
   interface IonPickerControllerAttributes extends StencilHTMLAttributes {}
 
@@ -3008,7 +3008,7 @@ export namespace Components {
     /**
     * Get the most recently opened popover overlay.
     */
-    'getTop': () => Promise<HTMLIonPopoverElement>;
+    'getTop': () => Promise<HTMLIonPopoverElement | undefined>;
   }
   interface IonPopoverControllerAttributes extends StencilHTMLAttributes {}
 
@@ -4828,7 +4828,7 @@ export namespace Components {
     /**
     * Get the most recently opened toast overlay.
     */
-    'getTop': () => Promise<HTMLIonToastElement>;
+    'getTop': () => Promise<HTMLIonToastElement | undefined>;
   }
   interface IonToastControllerAttributes extends StencilHTMLAttributes {}
 

core/src/components/action-sheet-controller/action-sheet-controller.tsx

@@ -30,7 +30,7 @@ export class ActionSheetController implements OverlayController {
    * Get the most recently opened action sheet overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonActionSheetElement> {
+  async getTop(): Promise<HTMLIonActionSheetElement | undefined> {
     return getOverlay(this.doc, 'ion-action-sheet') as HTMLIonActionSheetElement;
   }
 }

core/src/components/alert-controller/alert-controller.tsx

@@ -30,7 +30,7 @@ export class AlertController implements OverlayController {
    * Get the most recently opened alert overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonAlertElement> {
+  async getTop(): Promise<HTMLIonAlertElement | undefined> {
     return getOverlay(this.doc, 'ion-alert') as HTMLIonAlertElement;
   }
 }

core/src/components/loading-controller/loading-controller.tsx

@@ -30,7 +30,7 @@ export class LoadingController implements OverlayController {
    * Get the most recently opened loading overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonLoadingElement> {
+  async getTop(): Promise<HTMLIonLoadingElement | undefined> {
     return getOverlay(this.doc, 'ion-loading') as HTMLIonLoadingElement;
   }
 }

core/src/components/modal-controller/modal-controller.tsx

@@ -30,7 +30,7 @@ export class ModalController implements OverlayController {
    * Get the most recently opened modal overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonModalElement> {
+  async getTop(): Promise<HTMLIonModalElement | undefined> {
     return getOverlay(this.doc, 'ion-modal') as HTMLIonModalElement;
   }
 }

core/src/components/picker-controller/picker-controller.tsx

@@ -31,7 +31,7 @@ export class PickerController implements OverlayController {
    * Get the most recently opened picker overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonPickerElement> {
+  async getTop(): Promise<HTMLIonPickerElement | undefined> {
     return getOverlay(this.doc, 'ion-picker') as HTMLIonPickerElement;
   }
 }

core/src/components/popover-controller/popover-controller.tsx

@@ -30,7 +30,7 @@ export class PopoverController implements OverlayController {
    * Get the most recently opened popover overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonPopoverElement> {
+  async getTop(): Promise<HTMLIonPopoverElement | undefined> {
     return getOverlay(this.doc, 'ion-popover') as HTMLIonPopoverElement;
   }
 }

core/src/components/toast-controller/toast-controller.tsx

@@ -30,7 +30,7 @@ export class ToastController implements OverlayController {
    * Get the most recently opened toast overlay.
    */
   @Method()
-  async getTop(): Promise<HTMLIonToastElement> {
+  async getTop(): Promise<HTMLIonToastElement | undefined> {
     return getOverlay(this.doc, 'ion-toast') as HTMLIonToastElement;
   }
 }

core/src/utils/overlays-interface.ts

@@ -33,7 +33,7 @@ export interface OverlayInterface {
 export interface OverlayController {
   create(opts?: any): Promise<HTMLElement>;
   dismiss(data?: any, role?: string, alertId?: number): Promise<void>;
-  getTop(): Promise<HTMLElement>;
+  getTop(): Promise<HTMLIonOverlayElement | undefined>;
 }
 
 export interface HTMLIonOverlayElement extends HTMLStencilElement {