@ionic/angular 8.8.9-dev.11780683233.1c5e9d9b → 8.8.9-dev.11780690883.11fe8a2a

package/types/ionic-angular-common.d.ts

@@ -0,0 +1,1014 @@
+import * as i0 from '@angular/core';
+import { ComponentRef, OnDestroy, OnInit, EventEmitter, ElementRef, NgZone, EnvironmentInjector, Provider, InjectionToken, Injector, ApplicationRef, TemplateRef, ChangeDetectorRef, AfterViewInit, OnChanges, AfterContentInit, AfterContentChecked, QueryList } from '@angular/core';
+import { MenuControllerI, AnimationBuilder, MenuI, Animation, RouterDirection, NavDirection, BackButtonEventDetail, KeyboardEventDetail, Platforms, IonicConfig, FrameworkDelegate, ComponentRef as ComponentRef$1, ModalOptions as ModalOptions$1, PopoverOptions as PopoverOptions$1, Components, ModalBreakpointChangeEventDetail, ModalDragEventDetail } from '@ionic/core/components';
+import { Location, LocationStrategy } from '@angular/common';
+import { NavigationExtras, Router, ActivatedRoute, OutletContext, Data, UrlSerializer, UrlTree, RouterLink, RouteReuseStrategy, ActivatedRouteSnapshot, DetachedRouteHandle } from '@angular/router';
+import { Subject, Subscription } from 'rxjs';
+import { ControlValueAccessor } from '@angular/forms';
+import { Components as Components$1 } from '@ionic/core';
+
+declare class DomController {
+    /**
+     * Schedules a task to run during the READ phase of the next frame.
+     * This task should only read the DOM, but never modify it.
+     */
+    read(cb: RafCallback): void;
+    /**
+     * Schedules a task to run during the WRITE phase of the next frame.
+     * This task should write the DOM, but never READ it.
+     */
+    write(cb: RafCallback): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DomController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DomController>;
+}
+type RafCallback = (timeStamp?: number) => void;
+
+declare class MenuController implements MenuControllerI {
+    private menuController;
+    constructor(menuController: MenuControllerI);
+    /**
+     * Programmatically open the Menu.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return returns a promise when the menu is fully opened
+     */
+    open(menuId?: string): Promise<boolean>;
+    /**
+     * Programmatically close the Menu. If no `menuId` is given as the first
+     * argument then it'll close any menu which is open. If a `menuId`
+     * is given then it'll close that exact menu.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return returns a promise when the menu is fully closed
+     */
+    close(menuId?: string): Promise<boolean>;
+    /**
+     * Toggle the menu. If it's closed, it will open, and if opened, it
+     * will close.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return returns a promise when the menu has been toggled
+     */
+    toggle(menuId?: string): Promise<boolean>;
+    /**
+     * Used to enable or disable a menu. For example, there could be multiple
+     * left menus, but only one of them should be able to be opened at the same
+     * time. If there are multiple menus on the same side, then enabling one menu
+     * will also automatically disable all the others that are on the same side.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return Returns the instance of the menu, which is useful for chaining.
+     */
+    enable(shouldEnable: boolean, menuId?: string): Promise<HTMLIonMenuElement | undefined>;
+    /**
+     * Used to enable or disable the ability to swipe open the menu.
+     * @param shouldEnable  True if it should be swipe-able, false if not.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return Returns the instance of the menu, which is useful for chaining.
+     */
+    swipeGesture(shouldEnable: boolean, menuId?: string): Promise<HTMLIonMenuElement | undefined>;
+    /**
+     * @param [menuId] Optionally get the menu by its id, or side.
+     * @return Returns true if the specified menu is currently open, otherwise false.
+     * If the menuId is not specified, it returns true if ANY menu is currenly open.
+     */
+    isOpen(menuId?: string): Promise<boolean>;
+    /**
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return Returns true if the menu is currently enabled, otherwise false.
+     */
+    isEnabled(menuId?: string): Promise<boolean>;
+    /**
+     * Used to get a menu instance. If a `menuId` is not provided then it'll
+     * return the first menu found. If a `menuId` is `left` or `right`, then
+     * it'll return the enabled menu on that side. Otherwise, if a `menuId` is
+     * provided, then it'll try to find the menu using the menu's `id`
+     * property. If a menu is not found then it'll return `null`.
+     * @param [menuId]  Optionally get the menu by its id, or side.
+     * @return Returns the instance of the menu if found, otherwise `null`.
+     */
+    get(menuId?: string): Promise<HTMLIonMenuElement | undefined>;
+    /**
+     * @return Returns the instance of the menu already opened, otherwise `null`.
+     */
+    getOpen(): Promise<HTMLIonMenuElement | undefined>;
+    /**
+     * @return Returns an array of all menu instances.
+     */
+    getMenus(): Promise<HTMLIonMenuElement[]>;
+    registerAnimation(name: string, animation: AnimationBuilder): void;
+    isAnimating(): Promise<boolean>;
+    _getOpenSync(): HTMLIonMenuElement | undefined;
+    _createAnimation(type: string, menuCmp: MenuI): Promise<Animation>;
+    _register(menu: MenuI): void;
+    _unregister(menu: MenuI): void;
+    _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean>;
+}
+
+interface StackWillChangeEvent {
+    enteringView: RouteView;
+    /**
+     * `true` if the event is trigged as a result of a switch
+     * between tab navigation stacks.
+     */
+    tabSwitch: boolean;
+}
+interface StackDidChangeEvent {
+    enteringView: RouteView;
+    direction: RouterDirection;
+    animation: NavDirection | undefined;
+    /**
+     * `true` if the event is trigged as a result of a switch
+     * between tab navigation stacks.
+     */
+    tabSwitch: boolean;
+}
+interface RouteView {
+    id: number;
+    url: string;
+    stackId: string | undefined;
+    element: HTMLElement;
+    ref: ComponentRef<any>;
+    savedData?: any;
+    savedExtras?: NavigationExtras;
+    unlistenEvents: () => void;
+    animationBuilder?: AnimationBuilder;
+}
+
+declare abstract class IonRouterOutlet implements OnDestroy, OnInit {
+    readonly parentOutlet?: IonRouterOutlet | undefined;
+    abstract outletContent: any;
+    nativeEl: HTMLIonRouterOutletElement;
+    activatedView: RouteView | null;
+    tabsPrefix: string | undefined;
+    private _swipeGesture?;
+    private stackCtrl;
+    private proxyMap;
+    private currentActivatedRoute$;
+    private activated;
+    /** @internal */
+    get activatedComponentRef(): ComponentRef<any> | null;
+    private _activatedRoute;
+    /**
+     * The name of the outlet
+     */
+    name: string;
+    /** @internal */
+    stackWillChange: EventEmitter<StackWillChangeEvent>;
+    /** @internal */
+    stackDidChange: EventEmitter<StackDidChangeEvent>;
+    activateEvents: EventEmitter<any>;
+    deactivateEvents: EventEmitter<any>;
+    private parentContexts;
+    private location;
+    private environmentInjector;
+    private inputBinder;
+    /** @nodoc */
+    readonly supportsBindingToComponentInputs = true;
+    private config;
+    private navCtrl;
+    set animation(animation: AnimationBuilder);
+    set animated(animated: boolean);
+    set swipeGesture(swipe: boolean);
+    constructor(name: string, tabs: string, commonLocation: Location, elementRef: ElementRef, router: Router, zone: NgZone, activatedRoute: ActivatedRoute, parentOutlet?: IonRouterOutlet | undefined);
+    ngOnDestroy(): void;
+    getContext(): OutletContext | null;
+    ngOnInit(): void;
+    private initializeOutletWithName;
+    get isActivated(): boolean;
+    get component(): Record<string, unknown>;
+    get activatedRoute(): ActivatedRoute;
+    get activatedRouteData(): Data;
+    /**
+     * Called when the `RouteReuseStrategy` instructs to detach the subtree
+     */
+    detach(): ComponentRef<any>;
+    /**
+     * Called when the `RouteReuseStrategy` instructs to re-attach a previously detached subtree
+     */
+    attach(_ref: ComponentRef<any>, _activatedRoute: ActivatedRoute): void;
+    deactivate(): void;
+    activateWith(activatedRoute: ActivatedRoute, environmentInjector: EnvironmentInjector | null): void;
+    /**
+     * Returns `true` if there are pages in the stack to go back.
+     */
+    canGoBack(deep?: number, stackId?: string): boolean;
+    /**
+     * Resolves to `true` if it the outlet was able to sucessfully pop the last N pages.
+     */
+    pop(deep?: number, stackId?: string): Promise<boolean>;
+    /**
+     * Returns the URL of the active page of each stack.
+     */
+    getLastUrl(stackId?: string): string | undefined;
+    /**
+     * Returns the RouteView of the active page of each stack.
+     * @internal
+     */
+    getLastRouteView(stackId?: string): RouteView | undefined;
+    /**
+     * Returns the root view in the tab stack.
+     * @internal
+     */
+    getRootView(stackId?: string): RouteView | undefined;
+    /**
+     * Returns the active stack ID. In the context of ion-tabs, it means the active tab.
+     */
+    getActiveStackId(): string | undefined;
+    /**
+     * Since the activated route can change over the life time of a component in an ion router outlet, we create
+     * a proxy so that we can update the values over time as a user navigates back to components already in the stack.
+     */
+    private createActivatedRouteProxy;
+    /**
+     * Create a wrapped observable that will switch to the latest activated route matched by the given component
+     */
+    private proxyObservable;
+    /**
+     * Updates the activated route proxy for the given component to the new incoming router state
+     */
+    private updateActivatedRouteProxy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterOutlet, "ion-router-outlet", ["outlet"], { "animated": { "alias": "animated"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "stackWillChange": "stackWillChange"; "stackDidChange": "stackDidChange"; "activateEvents": "activate"; "deactivateEvents": "deactivate"; }, never, never, true, never>;
+}
+declare const provideComponentInputBinding: () => Provider;
+
+interface BackButtonEmitter extends Subject<BackButtonEventDetail> {
+    subscribeWithPriority(priority: number, callback: (processNextHandler: () => void) => Promise<any> | void): Subscription;
+}
+declare class Platform {
+    private doc;
+    private _readyPromise;
+    private win;
+    /**
+     * @hidden
+     */
+    backButton: BackButtonEmitter;
+    /**
+     * The keyboardDidShow event emits when the
+     * on-screen keyboard is presented.
+     */
+    keyboardDidShow: Subject<KeyboardEventDetail>;
+    /**
+     * The keyboardDidHide event emits when the
+     * on-screen keyboard is hidden.
+     */
+    keyboardDidHide: Subject<void>;
+    /**
+     * The pause event emits when the native platform puts the application
+     * into the background, typically when the user switches to a different
+     * application. This event would emit when a Cordova app is put into
+     * the background, however, it would not fire on a standard web browser.
+     */
+    pause: Subject<void>;
+    /**
+     * The resume event emits when the native platform pulls the application
+     * out from the background. This event would emit when a Cordova app comes
+     * out from the background, however, it would not fire on a standard web browser.
+     */
+    resume: Subject<void>;
+    /**
+     * The resize event emits when the browser window has changed dimensions. This
+     * could be from a browser window being physically resized, or from a device
+     * changing orientation.
+     */
+    resize: Subject<void>;
+    constructor(doc: any, zone: NgZone);
+    /**
+     * @returns returns true/false based on platform.
+     * @description
+     * Depending on the platform the user is on, `is(platformName)` will
+     * return `true` or `false`. Note that the same app can return `true`
+     * for more than one platform name. For example, an app running from
+     * an iPad would return `true` for the platform names: `mobile`,
+     * `ios`, `ipad`, and `tablet`. Additionally, if the app was running
+     * from Cordova then `cordova` would be true, and if it was running
+     * from a web browser on the iPad then `mobileweb` would be `true`.
+     *
+     * ```
+     * import { Platform } from 'ionic-angular';
+     *
+     * @Component({...})
+     * export MyPage {
+     *   constructor(public platform: Platform) {
+     *     if (this.platform.is('ios')) {
+     *       // This will only print when on iOS
+     *       console.log('I am an iOS device!');
+     *     }
+     *   }
+     * }
+     * ```
+     *
+     * | Platform Name   | Description                        |
+     * |-----------------|------------------------------------|
+     * | android         | on a device running Android.       |
+     * | capacitor       | on a device running Capacitor.     |
+     * | cordova         | on a device running Cordova.       |
+     * | ios             | on a device running iOS.           |
+     * | ipad            | on an iPad device.                 |
+     * | iphone          | on an iPhone device.               |
+     * | phablet         | on a phablet device.               |
+     * | tablet          | on a tablet device.                |
+     * | electron        | in Electron on a desktop device.   |
+     * | pwa             | as a PWA app.                      |
+     * | mobile          | on a mobile device.                |
+     * | mobileweb       | on a mobile device in a browser.   |
+     * | desktop         | on a desktop device.               |
+     * | hybrid          | is a cordova or capacitor app.     |
+     *
+     */
+    is(platformName: Platforms): boolean;
+    /**
+     * @returns the array of platforms
+     * @description
+     * Depending on what device you are on, `platforms` can return multiple values.
+     * Each possible value is a hierarchy of platforms. For example, on an iPhone,
+     * it would return `mobile`, `ios`, and `iphone`.
+     *
+     * ```
+     * import { Platform } from 'ionic-angular';
+     *
+     * @Component({...})
+     * export MyPage {
+     *   constructor(public platform: Platform) {
+     *     // This will print an array of the current platforms
+     *     console.log(this.platform.platforms());
+     *   }
+     * }
+     * ```
+     */
+    platforms(): string[];
+    /**
+     * Returns a promise when the platform is ready and native functionality
+     * can be called. If the app is running from within a web browser, then
+     * the promise will resolve when the DOM is ready. When the app is running
+     * from an application engine such as Cordova, then the promise will
+     * resolve when Cordova triggers the `deviceready` event.
+     *
+     * The resolved value is the `readySource`, which states which platform
+     * ready was used. For example, when Cordova is ready, the resolved ready
+     * source is `cordova`. The default ready source value will be `dom`. The
+     * `readySource` is useful if different logic should run depending on the
+     * platform the app is running from. For example, only Cordova can execute
+     * the status bar plugin, so the web should not run status bar plugin logic.
+     *
+     * ```
+     * import { Component } from '@angular/core';
+     * import { Platform } from 'ionic-angular';
+     *
+     * @Component({...})
+     * export MyApp {
+     *   constructor(public platform: Platform) {
+     *     this.platform.ready().then((readySource) => {
+     *       console.log('Platform ready from', readySource);
+     *       // Platform now ready, execute any required native code
+     *     });
+     *   }
+     * }
+     * ```
+     */
+    ready(): Promise<string>;
+    /**
+     * Returns if this app is using right-to-left language direction or not.
+     * We recommend the app's `index.html` file already has the correct `dir`
+     * attribute value set, such as `<html dir="ltr">` or `<html dir="rtl">`.
+     * [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
+     */
+    get isRTL(): boolean;
+    /**
+     * Get the query string parameter
+     */
+    getQueryParam(key: string): string | null;
+    /**
+     * Returns `true` if the app is in landscape mode.
+     */
+    isLandscape(): boolean;
+    /**
+     * Returns `true` if the app is in portrait mode.
+     */
+    isPortrait(): boolean;
+    testUserAgent(expression: string): boolean;
+    /**
+     * Get the current url.
+     */
+    url(): string;
+    /**
+     * Gets the width of the platform's viewport using `window.innerWidth`.
+     */
+    width(): number;
+    /**
+     * Gets the height of the platform's viewport using `window.innerHeight`.
+     */
+    height(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Platform, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Platform>;
+}
+
+interface AnimationOptions {
+    animated?: boolean;
+    animation?: AnimationBuilder;
+    animationDirection?: 'forward' | 'back';
+}
+interface NavigationOptions extends NavigationExtras, AnimationOptions {
+}
+declare class NavController {
+    private location;
+    private serializer;
+    private router?;
+    private topOutlet?;
+    private direction;
+    private animated?;
+    private animationBuilder?;
+    private guessDirection;
+    private guessAnimation?;
+    private lastNavId;
+    constructor(platform: Platform, location: Location, serializer: UrlSerializer, router?: Router | undefined);
+    /**
+     * This method uses Angular's [Router](https://angular.io/api/router/Router) under the hood,
+     * it's equivalent to calling `this.router.navigateByUrl()`, but it's explicit about the **direction** of the transition.
+     *
+     * Going **forward** means that a new page is going to be pushed to the stack of the outlet (ion-router-outlet),
+     * and that it will show a "forward" animation by default.
+     *
+     * Navigating forward can also be triggered in a declarative manner by using the `[routerDirection]` directive:
+     *
+     * ```html
+     * <a routerLink="/path/to/page" routerDirection="forward">Link</a>
+     * ```
+     */
+    navigateForward(url: string | UrlTree | any[], options?: NavigationOptions): Promise<boolean>;
+    /**
+     * This method uses Angular's [Router](https://angular.io/api/router/Router) under the hood,
+     * it's equivalent to calling:
+     *
+     * ```ts
+     * this.navController.setDirection('back');
+     * this.router.navigateByUrl(path);
+     * ```
+     *
+     * Going **back** means that all the pages in the stack until the navigated page is found will be popped,
+     * and that it will show a "back" animation by default.
+     *
+     * Navigating back can also be triggered in a declarative manner by using the `[routerDirection]` directive:
+     *
+     * ```html
+     * <a routerLink="/path/to/page" routerDirection="back">Link</a>
+     * ```
+     */
+    navigateBack(url: string | UrlTree | any[], options?: NavigationOptions): Promise<boolean>;
+    /**
+     * This method uses Angular's [Router](https://angular.io/api/router/Router) under the hood,
+     * it's equivalent to calling:
+     *
+     * ```ts
+     * this.navController.setDirection('root');
+     * this.router.navigateByUrl(path);
+     * ```
+     *
+     * Going **root** means that all existing pages in the stack will be removed,
+     * and the navigated page will become the single page in the stack.
+     *
+     * Navigating root can also be triggered in a declarative manner by using the `[routerDirection]` directive:
+     *
+     * ```html
+     * <a routerLink="/path/to/page" routerDirection="root">Link</a>
+     * ```
+     */
+    navigateRoot(url: string | UrlTree | any[], options?: NavigationOptions): Promise<boolean>;
+    /**
+     * Same as [Location](https://angular.io/api/common/Location)'s back() method.
+     * It will use the standard `window.history.back()` under the hood, but featuring a `back` animation
+     * by default.
+     */
+    back(options?: AnimationOptions): void;
+    /**
+     * This methods goes back in the context of Ionic's stack navigation.
+     *
+     * It recursively finds the top active `ion-router-outlet` and calls `pop()`.
+     * This is the recommended way to go back when you are using `ion-router-outlet`.
+     *
+     * Resolves to `true` if it was able to pop.
+     */
+    pop(): Promise<boolean>;
+    /**
+     * This methods specifies the direction of the next navigation performed by the Angular router.
+     *
+     * `setDirection()` does not trigger any transition, it just sets some flags to be consumed by `ion-router-outlet`.
+     *
+     * It's recommended to use `navigateForward()`, `navigateBack()` and `navigateRoot()` instead of `setDirection()`.
+     */
+    setDirection(direction: RouterDirection, animated?: boolean, animationDirection?: 'forward' | 'back', animationBuilder?: AnimationBuilder): void;
+    /**
+     * @internal
+     */
+    setTopOutlet(outlet: IonRouterOutlet): void;
+    /**
+     * @internal
+     */
+    consumeTransition(): {
+        direction: RouterDirection;
+        animation: NavDirection | undefined;
+        animationBuilder: AnimationBuilder | undefined;
+    };
+    private navigate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavController, [null, null, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavController>;
+}
+
+declare class Config {
+    get(key: keyof IonicConfig, fallback?: any): any;
+    getBoolean(key: keyof IonicConfig, fallback?: boolean): boolean;
+    getNumber(key: keyof IonicConfig, fallback?: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Config, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Config>;
+}
+declare const ConfigToken: InjectionToken<any>;
+
+declare const IonModalToken: InjectionToken<HTMLIonModalElement>;
+declare class AngularDelegate {
+    private zone;
+    private applicationRef;
+    private config;
+    create(environmentInjector: EnvironmentInjector, injector: Injector, elementReferenceKey?: string, customInjector?: Injector): AngularFrameworkDelegate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularDelegate, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AngularDelegate>;
+}
+declare class AngularFrameworkDelegate implements FrameworkDelegate {
+    private environmentInjector;
+    private injector;
+    private applicationRef;
+    private zone;
+    private elementReferenceKey?;
+    private enableSignalsSupport?;
+    private customInjector?;
+    private elRefMap;
+    private elEventsMap;
+    constructor(environmentInjector: EnvironmentInjector, injector: Injector, applicationRef: ApplicationRef, zone: NgZone, elementReferenceKey?: string | undefined, enableSignalsSupport?: boolean | undefined, customInjector?: Injector | undefined);
+    attachViewToDom(container: any, component: any, params?: any, cssClasses?: string[]): Promise<any>;
+    removeViewFromDom(_container: any, component: any): Promise<void>;
+}
+declare const bindLifecycleEvents: (zone: NgZone, instance: any, element: HTMLElement) => (() => void);
+
+interface IonicGlobal {
+    config?: any;
+    asyncQueue?: boolean;
+}
+interface IonicWindow extends Window {
+    Ionic: IonicGlobal;
+    __zone_symbol__requestAnimationFrame?: (ts: FrameRequestCallback) => number;
+}
+
+/**
+ *  https://ionicframework.com/docs/api/router-outlet#life-cycle-hooks
+ */
+interface ViewWillEnter {
+    /**
+     * Fired when the component routing to is about to animate into view.
+     */
+    ionViewWillEnter(): void;
+}
+interface ViewDidEnter {
+    /**
+     * Fired when the component routing to has finished animating.
+     */
+    ionViewDidEnter(): void;
+}
+interface ViewWillLeave {
+    /**
+     * Fired when the component routing from is about to animate.
+     */
+    ionViewWillLeave(): void;
+}
+interface ViewDidLeave {
+    /**
+     * Fired when the component routing to has finished animating.
+     */
+    ionViewDidLeave(): void;
+}
+
+/**
+ * Modal options with Angular-specific injector support.
+ * Extends @ionic/core ModalOptions with an optional injector property.
+ */
+type ModalOptions<T extends ComponentRef$1 = ComponentRef$1> = ModalOptions$1<T> & {
+    injector?: Injector;
+};
+/**
+ * Popover options with Angular-specific injector support.
+ * Extends @ionic/core PopoverOptions with an optional injector property.
+ */
+type PopoverOptions<T extends ComponentRef$1 = ComponentRef$1> = PopoverOptions$1<T> & {
+    injector?: Injector;
+};
+
+/**
+ * @description
+ * NavParams are an object that exists on a page and can contain data for that particular view.
+ * Similar to how data was pass to a view in V1 with `$stateParams`, NavParams offer a much more flexible
+ * option with a simple `get` method.
+ *
+ * @usage
+ * ```ts
+ * import { NavParams } from '@ionic/angular';
+ *
+ * export class MyClass{
+ *
+ *  constructor(navParams: NavParams){
+ *    // userParams is an object we have in our nav-parameters
+ *    navParams.get('userParams');
+ *  }
+ *
+ * }
+ * ```
+ */
+declare class NavParams {
+    data: {
+        [key: string]: any;
+    };
+    constructor(data?: {
+        [key: string]: any;
+    });
+    /**
+     * Get the value of a nav-parameter for the current view
+     *
+     * ```ts
+     * import { NavParams } from 'ionic-angular';
+     *
+     * export class MyClass{
+     *  constructor(public navParams: NavParams){
+     *    // userParams is an object we have in our nav-parameters
+     *    this.navParams.get('userParams');
+     *  }
+     * }
+     * ```
+     *
+     * @param param Which param you want to look up
+     */
+    get<T = any>(param: string): T;
+}
+
+declare interface IonModal extends Components.IonModal {
+    /**
+     * Emitted after the modal has presented.
+     **/
+    ionModalDidPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has presented.
+     */
+    ionModalWillPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has dismissed.
+     */
+    ionModalWillDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal has dismissed.
+     */
+    ionModalDidDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal breakpoint has changed.
+     */
+    ionBreakpointDidChange: EventEmitter<CustomEvent<ModalBreakpointChangeEventDetail>>;
+    /**
+     * Emitted when the sheet or card modal has started being dragged.
+     */
+    ionDragStart: EventEmitter<void>;
+    /**
+     * Emitted while the sheet or card modal is being dragged.
+     */
+    ionDragMove: EventEmitter<CustomEvent<ModalDragEventDetail>>;
+    /**
+     * Emitted when the sheet or card modal has finished being dragged.
+     */
+    ionDragEnd: EventEmitter<CustomEvent<ModalDragEventDetail>>;
+    /**
+     * Emitted after the modal has presented. Shorthand for ionModalDidPresent.
+     */
+    didPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has presented. Shorthand for ionModalWillPresent.
+     */
+    willPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the modal has dismissed. Shorthand for ionModalWillDismiss.
+     */
+    willDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the modal has dismissed. Shorthand for ionModalDidDismiss.
+     */
+    didDismiss: EventEmitter<CustomEvent>;
+}
+declare class IonModal {
+    protected z: NgZone;
+    template: TemplateRef<any>;
+    isCmpOpen: boolean;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonModal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonModal, "ion-modal", never, { "animated": { "alias": "animated"; "required": false; }; "keepContentsMounted": { "alias": "keepContentsMounted"; "required": false; }; "backdropBreakpoint": { "alias": "backdropBreakpoint"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "canDismiss": { "alias": "canDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "expandToScroll": { "alias": "expandToScroll"; "required": false; }; "event": { "alias": "event"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "handle": { "alias": "handle"; "required": false; }; "handleBehavior": { "alias": "handleBehavior"; "required": false; }; "initialBreakpoint": { "alias": "initialBreakpoint"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "presentingElement": { "alias": "presentingElement"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, ["template"], never, true, never>;
+}
+
+declare interface IonPopover extends Components.IonPopover {
+    /**
+     * Emitted after the popover has presented.
+     */
+    ionPopoverDidPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the popover has presented.
+     */
+    ionPopoverWillPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed.
+     */
+    ionPopoverWillDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed.
+     */
+    ionPopoverDidDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has presented. Shorthand for ionPopoverDidPresent.
+     */
+    didPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted before the popover has presented. Shorthand for ionPopoverWillPresent.
+     */
+    willPresent: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has presented. Shorthand for ionPopoverWillDismiss.
+     */
+    willDismiss: EventEmitter<CustomEvent>;
+    /**
+     * Emitted after the popover has dismissed. Shorthand for ionPopoverDidDismiss.
+     */
+    didDismiss: EventEmitter<CustomEvent>;
+}
+declare class IonPopover {
+    protected z: NgZone;
+    template: TemplateRef<any>;
+    isCmpOpen: boolean;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonPopover, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonPopover, "ion-popover", never, { "alignment": { "alias": "alignment"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "keepContentsMounted": { "alias": "keepContentsMounted"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "dismissOnSelect": { "alias": "dismissOnSelect"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "event": { "alias": "event"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerAction": { "alias": "triggerAction"; "required": false; }; "reference": { "alias": "reference"; "required": false; }; "size": { "alias": "size"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, ["template"], never, true, never>;
+}
+
+declare class ValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    protected injector: Injector;
+    protected elementRef: ElementRef;
+    private onChange;
+    private onTouched;
+    protected lastValue: any;
+    private statusChanges?;
+    constructor(injector: Injector, elementRef: ElementRef);
+    writeValue(value: any): void;
+    /**
+     * Notifies the ControlValueAccessor of a change in the value of the control.
+     *
+     * This is called by each of the ValueAccessor directives when we want to update
+     * the status and validity of the form control. For example with text components this
+     * is called when the ionInput event is fired. For select components this is called
+     * when the ionChange event is fired.
+     *
+     * This also updates the Ionic form status classes on the element.
+     *
+     * @param el The component element.
+     * @param value The new value of the control.
+     */
+    handleValueChange(el: HTMLElement, value: any): void;
+    _handleBlurEvent(el: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, {}, {}, never, never, true, never>;
+}
+declare const setIonicClasses: (element: ElementRef) => void;
+
+declare interface IonBackButton extends Components$1.IonBackButton {
+}
+declare class IonBackButton {
+    private routerOutlet;
+    private navCtrl;
+    private config;
+    private r;
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(routerOutlet: IonRouterOutlet, navCtrl: NavController, config: Config, r: ElementRef, z: NgZone, c: ChangeDetectorRef);
+    /**
+     * @internal
+     */
+    onClick(ev: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonBackButton, [{ optional: true; }, null, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonBackButton, never, never, { "color": { "alias": "color"; "required": false; }; "defaultHref": { "alias": "defaultHref"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare interface IonNav extends Components$1.IonNav {
+    /**
+     * Event fired when the nav will change components
+     */
+    ionNavWillChange: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event fired when the nav has changed components
+     */
+    ionNavDidChange: EventEmitter<CustomEvent<void>>;
+}
+declare class IonNav {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(ref: ElementRef, environmentInjector: EnvironmentInjector, injector: Injector, angularDelegate: AngularDelegate, z: NgZone, c: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonNav, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonNav, never, never, { "animated": { "alias": "animated"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "root": { "alias": "root"; "required": false; }; "rootParams": { "alias": "rootParams"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Adds support for Ionic routing directions and animations to the base Angular router link directive.
+ *
+ * When the router link is clicked, the directive will assign the direction and
+ * animation so that the routing integration will transition correctly.
+ */
+declare class RouterLinkDelegateDirective implements OnInit, OnChanges {
+    private locationStrategy;
+    private navCtrl;
+    private elementRef;
+    private router;
+    private routerLink?;
+    routerDirection: RouterDirection;
+    routerAnimation?: AnimationBuilder;
+    constructor(locationStrategy: LocationStrategy, navCtrl: NavController, elementRef: ElementRef, router: Router, routerLink?: RouterLink | undefined);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    /**
+     * The `tabindex` is set to `0` by default on the host element when
+     * the `routerLink` directive is used. This causes issues with Ionic
+     * components that wrap an `a` or `button` element, such as `ion-item`.
+     * See issue https://github.com/angular/angular/issues/28345
+     *
+     * This method removes the `tabindex` attribute from the host element
+     * to allow the Ionic component to manage the focus state correctly.
+     */
+    private updateTabindex;
+    private updateTargetUrlAndHref;
+    /**
+     * @internal
+     */
+    onClick(ev: UIEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkDelegateDirective, [null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkDelegateDirective, ":not(a):not(area)[routerLink]", never, { "routerDirection": { "alias": "routerDirection"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class RouterLinkWithHrefDelegateDirective implements OnInit, OnChanges {
+    private locationStrategy;
+    private navCtrl;
+    private elementRef;
+    private router;
+    private routerLink?;
+    routerDirection: RouterDirection;
+    routerAnimation?: AnimationBuilder;
+    constructor(locationStrategy: LocationStrategy, navCtrl: NavController, elementRef: ElementRef, router: Router, routerLink?: RouterLink | undefined);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private updateTargetUrlAndHref;
+    /**
+     * @internal
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkWithHrefDelegateDirective, [null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkWithHrefDelegateDirective, "a[routerLink],area[routerLink]", never, { "routerDirection": { "alias": "routerDirection"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare abstract class IonTabs implements AfterViewInit, AfterContentInit, AfterContentChecked {
+    private navCtrl;
+    /**
+     * Note: These must be redeclared on each child class since it needs
+     * access to generated components such as IonRouterOutlet and IonTabBar.
+     */
+    abstract outlet: any;
+    abstract tabBar: any;
+    abstract tabBars: QueryList<any>;
+    abstract tabs: QueryList<any>;
+    tabsInner: ElementRef<HTMLDivElement>;
+    /**
+     * Emitted before the tab view is changed.
+     */
+    ionTabsWillChange: EventEmitter<{
+        tab: string;
+    }>;
+    /**
+     * Emitted after the tab view is changed.
+     */
+    ionTabsDidChange: EventEmitter<{
+        tab: string;
+    }>;
+    private tabBarSlot;
+    private hasTab;
+    private selectedTab?;
+    private leavingTab?;
+    constructor(navCtrl: NavController);
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    /**
+     * @internal
+     */
+    onStackWillChange({ enteringView, tabSwitch }: StackWillChangeEvent): void;
+    /**
+     * @internal
+     */
+    onStackDidChange({ enteringView, tabSwitch }: StackDidChangeEvent): void;
+    /**
+     * When a tab button is clicked, there are several scenarios:
+     * 1. If the selected tab is currently active (the tab button has been clicked
+     *    again), then it should go to the root view for that tab.
+     *
+     *   a. Get the saved root view from the router outlet. If the saved root view
+     *      matches the tabRootUrl, set the route view to this view including the
+     *      navigation extras. Any `queryParams` or `fragment` declared on the tab
+     *      button's `href` are also forwarded.
+     *   b. If the saved root view from the router outlet does not match, navigate
+     *      to the tabRootUrl, forwarding any `queryParams`/`fragment` declared on
+     *      the tab button's `href`.
+     *
+     * 2. If the current tab tab is not currently selected, get the last route
+     *    view from the router outlet.
+     *
+     *   a. If the last route view exists, navigate to that view including any
+     *      navigation extras.
+     *   b. If the last route view doesn't exist, then navigate to the default
+     *      tabRootUrl, forwarding any `queryParams`/`fragment` declared on the
+     *      tab button's `href`.
+     */
+    select(tabOrEvent: string | CustomEvent): Promise<boolean> | undefined;
+    private setActiveTab;
+    private tabSwitch;
+    getSelected(): string | undefined;
+    /**
+     * Detects changes to the slot attribute of the tab bar.
+     *
+     * If the slot attribute has changed, then the tab bar
+     * should be relocated to the new slot position.
+     */
+    private detectSlotChanges;
+    /**
+     * Relocates the tab bar to the new slot position.
+     */
+    private relocateTabBar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonTabs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonTabs, "ion-tabs", never, {}, { "ionTabsWillChange": "ionTabsWillChange"; "ionTabsDidChange": "ionTabsDidChange"; }, never, never, true, never>;
+}
+
+declare function ProxyCmp(opts: {
+    defineCustomElementFn?: () => void;
+    inputs?: any;
+    methods?: any;
+}): (cls: any) => any;
+
+interface ControllerShape<Opts, HTMLElm> {
+    create(options: Opts): Promise<HTMLElm>;
+    dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
+    getTop(): Promise<HTMLElm | undefined>;
+}
+declare class OverlayBaseController<Opts, Overlay> implements ControllerShape<Opts, Overlay> {
+    private ctrl;
+    constructor(ctrl: ControllerShape<Opts, Overlay>);
+    /**
+     * Creates a new overlay
+     */
+    create(opts?: Opts): Promise<Overlay>;
+    /**
+     * When `id` is not provided, it dismisses the top overlay.
+     */
+    dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
+    /**
+     * Returns the top overlay.
+     */
+    getTop(): Promise<Overlay | undefined>;
+}
+
+/**
+ * Provides a way to customize when activated routes get reused.
+ */
+declare class IonicRouteStrategy implements RouteReuseStrategy {
+    /**
+     * Whether the given route should detach for later reuse.
+     */
+    shouldDetach(_route: ActivatedRouteSnapshot): boolean;
+    /**
+     * Returns `false`, meaning the route (and its subtree) is never reattached
+     */
+    shouldAttach(_route: ActivatedRouteSnapshot): boolean;
+    /**
+     * A no-op; the route is never stored since this strategy never detaches routes for later re-use.
+     */
+    store(_route: ActivatedRouteSnapshot, _detachedTree: DetachedRouteHandle): void;
+    /**
+     * Returns `null` because this strategy does not store routes for later re-use.
+     */
+    retrieve(_route: ActivatedRouteSnapshot): DetachedRouteHandle | null;
+    /**
+     * Determines if a route should be reused.
+     * This strategy returns `true` when the future route config and
+     * current route config are identical and all route parameters are identical.
+     */
+    shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean;
+}
+
+declare const raf: (h: any) => any;
+
+export { AngularDelegate, Config, ConfigToken, DomController, IonBackButton, IonModal, IonModalToken, IonNav, IonPopover, IonRouterOutlet, IonTabs, IonicRouteStrategy, MenuController, NavController, NavParams, OverlayBaseController, Platform, ProxyCmp, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, ValueAccessor, bindLifecycleEvents, provideComponentInputBinding, raf, setIonicClasses };
+export type { IonicWindow, ModalOptions, PopoverOptions, ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave };