@ionic/angular 7.4.4-dev.11700515976.1ccd503d → 7.4.4-dev.11700516449.1d005735

package/README.md

@@ -52,23 +52,3 @@ $ npx schematics @ionic/angular:ng-add
 
 
 You'll now be able to add ionic components to a vanilla Angular app setup.
-
-## Project Structure
-
-**common**
-
-This is where logic that is shared between lazy loaded and standalone components live. For example, the lazy loaded IonPopover and standalone IonPopover components extend from a base IonPopover implementation that exists in this directory.
-
-**Note:** This directory exposes internal APIs and is only accessed in the `standalone` and `src` submodules. Ionic developers should never import directly from `@ionic/angular/common`. Instead, they should import from `@ionic/angular` or `@ionic/angular/standalone`.
-
-**standalone**
-
-This is where the standalone component implementations live. It was added as a separate entry point to avoid any lazy loaded logic from accidentally being pulled in to the final build. Having a separate directory allows the lazy loaded implementation to remain accessible from `@ionic/angular` for backwards compatibility.
-
-Ionic developers can access this by importing from `@ionic/angular/standalone`.
-
-**src**
-
-This is where the lazy loaded component implementations live.
-
-Ionic developers can access this by importing from `@ionic/angular`.

package/app-initialize.d.ts

@@ -1,3 +1,3 @@
 import { NgZone } from '@angular/core';
-import type { Config } from '@ionic/angular/common';
+import { Config } from './providers/config';
 export declare const appInitialize: (config: Config, doc: Document, zone: NgZone) => () => any;

package/directives/control-value-accessors/boolean-value-accessor.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { ValueAccessor } from '@ionic/angular/common';
+import { ValueAccessor } from './value-accessor';
 import * as i0 from "@angular/core";
 export declare class BooleanValueAccessorDirective extends ValueAccessor {
     constructor(injector: Injector, el: ElementRef);

package/directives/control-value-accessors/numeric-value-accessor.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { ValueAccessor } from '@ionic/angular/common';
+import { ValueAccessor } from './value-accessor';
 import * as i0 from "@angular/core";
 export declare class NumericValueAccessorDirective extends ValueAccessor {
     constructor(injector: Injector, el: ElementRef);

package/directives/control-value-accessors/radio-value-accessor.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { ValueAccessor } from '@ionic/angular/common';
+import { ValueAccessor } from './value-accessor';
 import * as i0 from "@angular/core";
 export declare class RadioValueAccessorDirective extends ValueAccessor {
     constructor(injector: Injector, el: ElementRef);

package/directives/control-value-accessors/select-value-accessor.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { ValueAccessor } from '@ionic/angular/common';
+import { ValueAccessor } from './value-accessor';
 import * as i0 from "@angular/core";
 export declare class SelectValueAccessorDirective extends ValueAccessor {
     constructor(injector: Injector, el: ElementRef);

package/directives/control-value-accessors/text-value-accessor.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { ValueAccessor } from '@ionic/angular/common';
+import { ValueAccessor } from './value-accessor';
 import * as i0 from "@angular/core";
 export declare class TextValueAccessorDirective extends ValueAccessor {
     constructor(injector: Injector, el: ElementRef);

package/{common/directives → directives}/control-value-accessors/value-accessor.d.ts

@@ -3,12 +3,12 @@ import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class ValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {
     protected injector: Injector;
-    protected elementRef: ElementRef;
+    protected el: ElementRef;
     private onChange;
     private onTouched;
     protected lastValue: any;
     private statusChanges?;
-    constructor(injector: Injector, elementRef: ElementRef);
+    constructor(injector: Injector, el: ElementRef);
     writeValue(value: any): void;
     /**
      * Notifies the ControlValueAccessor of a change in the value of the control.

package/directives/navigation/ion-back-button.d.ts

@@ -1,9 +1,19 @@
-import { ElementRef, NgZone, ChangeDetectorRef } from '@angular/core';
-import { IonBackButton as IonBackButtonBase, NavController, Config } from '@ionic/angular/common';
+import { AnimationBuilder } from '@ionic/core';
+import { Config } from '../../providers/config';
+import { NavController } from '../../providers/nav-controller';
 import { IonRouterOutlet } from './ion-router-outlet';
 import * as i0 from "@angular/core";
-export declare class IonBackButton extends IonBackButtonBase {
-    constructor(routerOutlet: IonRouterOutlet, navCtrl: NavController, config: Config, r: ElementRef, z: NgZone, c: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonBackButton, [{ optional: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackButton, "ion-back-button", never, {}, {}, never, ["*"], false>;
+export declare class IonBackButtonDelegateDirective {
+    private routerOutlet;
+    private navCtrl;
+    private config;
+    defaultHref: string | undefined | null;
+    routerAnimation?: AnimationBuilder;
+    constructor(routerOutlet: IonRouterOutlet, navCtrl: NavController, config: Config);
+    /**
+     * @internal
+     */
+    onClick(ev: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonBackButtonDelegateDirective, [{ optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonBackButtonDelegateDirective, "ion-back-button", never, { "defaultHref": "defaultHref"; "routerAnimation": "routerAnimation"; }, {}, never, never, false>;
 }

package/directives/navigation/ion-router-outlet.d.ts

@@ -1,6 +1,124 @@
-import { IonRouterOutlet as IonRouterOutletBase } from '@ionic/angular/common';
+import { Location } from '@angular/common';
+import { ComponentRef, ElementRef, NgZone, OnDestroy, OnInit, EventEmitter, EnvironmentInjector, InjectionToken } from '@angular/core';
+import { OutletContext, Router, ActivatedRoute, Data } from '@angular/router';
+import { AnimationBuilder } from '../../ionic-core';
+import { RouteView, StackDidChangeEvent, StackWillChangeEvent } from './stack-utils';
 import * as i0 from "@angular/core";
-export declare class IonRouterOutlet extends IonRouterOutletBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterOutlet, "ion-router-outlet", never, {}, {}, never, never, false>;
+export declare class IonRouterOutlet implements OnDestroy, OnInit {
+    readonly parentOutlet?: IonRouterOutlet | undefined;
+    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": "animated"; "animation": "animation"; "mode": "mode"; "swipeGesture": "swipeGesture"; "name": "name"; }, { "stackWillChange": "stackWillChange"; "stackDidChange": "stackDidChange"; "activateEvents": "activate"; "deactivateEvents": "deactivate"; }, never, never, false>;
+}
+export declare const INPUT_BINDER: InjectionToken<RoutedComponentInputBinder>;
+/**
+ * Injectable used as a tree-shakable provider for opting in to binding router data to component
+ * inputs.
+ *
+ * The RouterOutlet registers itself with this service when an `ActivatedRoute` is attached or
+ * activated. When this happens, the service subscribes to the `ActivatedRoute` observables (params,
+ * queryParams, data) and sets the inputs of the component using `ComponentRef.setInput`.
+ * Importantly, when an input does not have an item in the route data with a matching key, this
+ * input is set to `undefined`. If it were not done this way, the previous information would be
+ * retained if the data got removed from the route (i.e. if a query parameter is removed).
+ *
+ * The `RouterOutlet` should unregister itself when destroyed via `unsubscribeFromRouteData` so that
+ * the subscriptions are cleaned up.
+ */
+export declare class RoutedComponentInputBinder {
+    private outletDataSubscriptions;
+    bindActivatedRouteToOutletComponent(outlet: IonRouterOutlet): void;
+    unsubscribeFromRouteData(outlet: IonRouterOutlet): void;
+    private subscribeToRouteData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RoutedComponentInputBinder, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RoutedComponentInputBinder>;
 }

package/directives/navigation/ion-tabs.d.ts

@@ -1,12 +1,72 @@
-import { QueryList } from '@angular/core';
-import { IonTabs as IonTabsBase } from '@ionic/angular/common';
+import { AfterContentChecked, AfterContentInit, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { NavController } from '../../providers/nav-controller';
 import { IonTabBar } from '../proxies';
 import { IonRouterOutlet } from './ion-router-outlet';
+import { StackDidChangeEvent, StackWillChangeEvent } from './stack-utils';
 import * as i0 from "@angular/core";
-export declare class IonTabs extends IonTabsBase {
+export declare class IonTabs implements AfterContentInit, AfterContentChecked {
+    private navCtrl;
     outlet: IonRouterOutlet;
+    tabsInner: ElementRef<HTMLDivElement>;
     tabBar: IonTabBar | undefined;
     tabBars: QueryList<IonTabBar>;
+    /**
+     * Emitted before the tab view is changed.
+     */
+    ionTabsWillChange: EventEmitter<{
+        tab: string;
+    }>;
+    /**
+     * Emitted after the tab view is changed.
+     */
+    ionTabsDidChange: EventEmitter<{
+        tab: string;
+    }>;
+    private tabBarSlot;
+    constructor(navCtrl: NavController);
+    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.
+     *   b. If the saved root view from the router outlet does
+     *      not match, navigate to the tabRootUrl. No navigation extras are
+     *      included.
+     *
+     * 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
+     */
+    select(tabOrEvent: string | CustomEvent): Promise<boolean> | undefined;
+    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 ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, {}, ["tabBar", "tabBars"], ["[slot=top]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, { "ionTabsWillChange": "ionTabsWillChange"; "ionTabsDidChange": "ionTabsDidChange"; }, ["tabBar", "tabBars"], ["[slot=top]", "*"], false>;
 }

package/directives/navigation/nav-delegate.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector, EnvironmentInjector } from '@angular/core';
+import { AngularDelegate } from '../../providers/angular-delegate';
+import * as i0 from "@angular/core";
+export declare class NavDelegate {
+    protected el: HTMLElement;
+    constructor(ref: ElementRef, environmentInjector: EnvironmentInjector, injector: Injector, angularDelegate: AngularDelegate);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavDelegate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavDelegate, "ion-nav", never, {}, {}, never, never, false>;
+}

package/directives/navigation/router-link-delegate.d.ts

@@ -1,4 +1,8 @@
-import { RouterLinkDelegateDirective as RouterLinkDelegateBase, RouterLinkWithHrefDelegateDirective as RouterLinkHrefDelegateBase } from '@ionic/angular/common';
+import { LocationStrategy } from '@angular/common';
+import { ElementRef, OnChanges, OnInit } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
+import { AnimationBuilder, RouterDirection } from '@ionic/core';
+import { NavController } from '../../providers/nav-controller';
 import * as i0 from "@angular/core";
 /**
  * Adds support for Ionic routing directions and animations to the base Angular router link directive.
@@ -6,11 +10,41 @@ import * as i0 from "@angular/core";
  * When the router link is clicked, the directive will assign the direction and
  * animation so that the routing integration will transition correctly.
  */
-export declare class RouterLinkDelegateDirective extends RouterLinkDelegateBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkDelegateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkDelegateDirective, ":not(a):not(area)[routerLink]", never, {}, {}, never, never, false>;
+export 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;
+    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": "routerDirection"; "routerAnimation": "routerAnimation"; }, {}, never, never, false>;
 }
-export declare class RouterLinkWithHrefDelegateDirective extends RouterLinkHrefDelegateBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkWithHrefDelegateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkWithHrefDelegateDirective, "a[routerLink],area[routerLink]", never, {}, {}, never, never, false>;
+export 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": "routerDirection"; "routerAnimation": "routerAnimation"; }, {}, never, never, false>;
 }

package/{common/directives → directives}/navigation/stack-utils.d.ts

@@ -1,6 +1,6 @@
 import { ComponentRef } from '@angular/core';
 import { ActivatedRoute, NavigationExtras, Router } from '@angular/router';
-import type { AnimationBuilder, NavDirection, RouterDirection } from '@ionic/core/components';
+import { AnimationBuilder, NavDirection, RouterDirection } from '@ionic/core';
 export declare const insertView: (views: RouteView[], view: RouteView, direction: RouterDirection) => RouteView[];
 export declare const getUrl: (router: Router, activatedRoute: ActivatedRoute) => string;
 export declare const isTabSwitch: (enteringView: RouteView, leavingView: RouteView | undefined) => boolean;

package/directives/overlays/modal.d.ts

@@ -1,6 +1,50 @@
-import { IonModal as IonModalBase } from '@ionic/angular/common';
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import { Components, ModalBreakpointChangeEventDetail } from '@ionic/core';
 import * as i0 from "@angular/core";
-export declare class IonModal extends IonModalBase {
+export 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 after the modal has presented. Shorthand for ionModalWillDismiss.
+     */
+    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>;
+}
+export 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 ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, { "animated": "animated"; "keepContentsMounted": "keepContentsMounted"; "backdropBreakpoint": "backdropBreakpoint"; "backdropDismiss": "backdropDismiss"; "breakpoints": "breakpoints"; "canDismiss": "canDismiss"; "cssClass": "cssClass"; "enterAnimation": "enterAnimation"; "event": "event"; "handle": "handle"; "handleBehavior": "handleBehavior"; "initialBreakpoint": "initialBreakpoint"; "isOpen": "isOpen"; "keyboardClose": "keyboardClose"; "leaveAnimation": "leaveAnimation"; "mode": "mode"; "presentingElement": "presentingElement"; "showBackdrop": "showBackdrop"; "translucent": "translucent"; "trigger": "trigger"; }, {}, ["template"], never, false>;
 }

package/directives/overlays/popover.d.ts

@@ -1,6 +1,46 @@
-import { IonPopover as IonPopoverBase } from '@ionic/angular/common';
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import { Components } from '@ionic/core';
 import * as i0 from "@angular/core";
-export declare class IonPopover extends IonPopoverBase {
+export 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 ionPopoverWillDismiss.
+     */
+    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>;
+}
+export 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 ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, { "alignment": "alignment"; "animated": "animated"; "arrow": "arrow"; "keepContentsMounted": "keepContentsMounted"; "backdropDismiss": "backdropDismiss"; "cssClass": "cssClass"; "dismissOnSelect": "dismissOnSelect"; "enterAnimation": "enterAnimation"; "event": "event"; "isOpen": "isOpen"; "keyboardClose": "keyboardClose"; "leaveAnimation": "leaveAnimation"; "mode": "mode"; "showBackdrop": "showBackdrop"; "translucent": "translucent"; "trigger": "trigger"; "triggerAction": "triggerAction"; "reference": "reference"; "size": "size"; "side": "side"; }, {}, ["template"], never, false>;
 }

package/directives/proxies-list.d.ts

@@ -1,2 +1,2 @@
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.IonAccordion | typeof d.IonAccordionGroup | typeof d.IonActionSheet | typeof d.IonAlert | typeof d.IonApp | typeof d.IonAvatar | typeof d.IonBackdrop | typeof d.IonBadge | typeof d.IonBreadcrumb | typeof d.IonBreadcrumbs | typeof d.IonButton | typeof d.IonButtons | typeof d.IonCard | typeof d.IonCardContent | typeof d.IonCardHeader | typeof d.IonCardSubtitle | typeof d.IonCardTitle | typeof d.IonCheckbox | typeof d.IonChip | typeof d.IonCol | typeof d.IonContent | typeof d.IonDatetime | typeof d.IonDatetimeButton | typeof d.IonFab | typeof d.IonFabButton | typeof d.IonFabList | typeof d.IonFooter | typeof d.IonGrid | typeof d.IonHeader | typeof d.IonIcon | typeof d.IonImg | typeof d.IonInfiniteScroll | typeof d.IonInfiniteScrollContent | typeof d.IonInput | typeof d.IonItem | typeof d.IonItemDivider | typeof d.IonItemGroup | typeof d.IonItemOption | typeof d.IonItemOptions | typeof d.IonItemSliding | typeof d.IonLabel | typeof d.IonList | typeof d.IonListHeader | typeof d.IonLoading | typeof d.IonMenu | typeof d.IonMenuButton | typeof d.IonMenuToggle | typeof d.IonNavLink | typeof d.IonNote | typeof d.IonPicker | typeof d.IonProgressBar | typeof d.IonRadio | typeof d.IonRadioGroup | typeof d.IonRange | typeof d.IonRefresher | typeof d.IonRefresherContent | typeof d.IonReorder | typeof d.IonReorderGroup | typeof d.IonRippleEffect | typeof d.IonRow | typeof d.IonSearchbar | typeof d.IonSegment | typeof d.IonSegmentButton | typeof d.IonSelect | typeof d.IonSelectOption | typeof d.IonSkeletonText | typeof d.IonSpinner | typeof d.IonSplitPane | typeof d.IonTabBar | typeof d.IonTabButton | typeof d.IonText | typeof d.IonTextarea | typeof d.IonThumbnail | typeof d.IonTitle | typeof d.IonToast | typeof d.IonToggle | typeof d.IonToolbar)[];
+export declare const DIRECTIVES: (typeof d.IonAccordion | typeof d.IonAccordionGroup | typeof d.IonActionSheet | typeof d.IonAlert | typeof d.IonApp | typeof d.IonAvatar | typeof d.IonBackButton | typeof d.IonBackdrop | typeof d.IonBadge | typeof d.IonBreadcrumb | typeof d.IonBreadcrumbs | typeof d.IonButton | typeof d.IonButtons | typeof d.IonCard | typeof d.IonCardContent | typeof d.IonCardHeader | typeof d.IonCardSubtitle | typeof d.IonCardTitle | typeof d.IonCheckbox | typeof d.IonChip | typeof d.IonCol | typeof d.IonContent | typeof d.IonDatetime | typeof d.IonDatetimeButton | typeof d.IonFab | typeof d.IonFabButton | typeof d.IonFabList | typeof d.IonFooter | typeof d.IonGrid | typeof d.IonHeader | typeof d.IonIcon | typeof d.IonImg | typeof d.IonInfiniteScroll | typeof d.IonInfiniteScrollContent | typeof d.IonInput | typeof d.IonItem | typeof d.IonItemDivider | typeof d.IonItemGroup | typeof d.IonItemOption | typeof d.IonItemOptions | typeof d.IonItemSliding | typeof d.IonLabel | typeof d.IonList | typeof d.IonListHeader | typeof d.IonLoading | typeof d.IonMenu | typeof d.IonMenuButton | typeof d.IonMenuToggle | typeof d.IonNav | typeof d.IonNavLink | typeof d.IonNote | typeof d.IonPicker | typeof d.IonProgressBar | typeof d.IonRadio | typeof d.IonRadioGroup | typeof d.IonRange | typeof d.IonRefresher | typeof d.IonRefresherContent | typeof d.IonReorder | typeof d.IonReorderGroup | typeof d.IonRippleEffect | typeof d.IonRow | typeof d.IonSearchbar | typeof d.IonSegment | typeof d.IonSegmentButton | typeof d.IonSelect | typeof d.IonSelectOption | typeof d.IonSkeletonText | typeof d.IonSpinner | typeof d.IonSplitPane | typeof d.IonTabBar | typeof d.IonTabButton | typeof d.IonText | typeof d.IonTextarea | typeof d.IonThumbnail | typeof d.IonTitle | typeof d.IonToast | typeof d.IonToggle | typeof d.IonToolbar)[];

package/directives/proxies.d.ts

@@ -160,6 +160,15 @@ export declare class IonAvatar {
 }
 export declare interface IonAvatar extends Components.IonAvatar {
 }
+export declare class IonBackButton {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonBackButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackButton, "ion-back-button", never, { "color": "color"; "defaultHref": "defaultHref"; "disabled": "disabled"; "icon": "icon"; "mode": "mode"; "routerAnimation": "routerAnimation"; "text": "text"; "type": "type"; }, {}, never, ["*"], false>;
+}
+export declare interface IonBackButton extends Components.IonBackButton {
+}
 export declare class IonBackdrop {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -718,6 +727,23 @@ export declare class IonMenuToggle {
 }
 export declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
+export declare class IonNav {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNav, "ion-nav", never, { "animated": "animated"; "animation": "animation"; "root": "root"; "rootParams": "rootParams"; "swipeGesture": "swipeGesture"; }, {}, never, ["*"], false>;
+}
+export declare interface IonNav extends Components.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>>;
+}
 export declare class IonNavLink {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -1153,7 +1179,7 @@ export declare class IonToast {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToast, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": "animated"; "buttons": "buttons"; "color": "color"; "cssClass": "cssClass"; "duration": "duration"; "enterAnimation": "enterAnimation"; "header": "header"; "htmlAttributes": "htmlAttributes"; "icon": "icon"; "isOpen": "isOpen"; "keyboardClose": "keyboardClose"; "layout": "layout"; "leaveAnimation": "leaveAnimation"; "message": "message"; "mode": "mode"; "position": "position"; "positionAnchor": "positionAnchor"; "translucent": "translucent"; "trigger": "trigger"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": "animated"; "buttons": "buttons"; "color": "color"; "cssClass": "cssClass"; "duration": "duration"; "enterAnimation": "enterAnimation"; "header": "header"; "htmlAttributes": "htmlAttributes"; "icon": "icon"; "isOpen": "isOpen"; "keyboardClose": "keyboardClose"; "layout": "layout"; "leaveAnimation": "leaveAnimation"; "message": "message"; "mode": "mode"; "position": "position"; "translucent": "translucent"; "trigger": "trigger"; }, {}, never, ["*"], false>;
 }
 export declare interface IonToast extends Components.IonToast {
     /**

package/esm2020/app-initialize.mjs

@@ -1,6 +1,6 @@
-import { raf } from '@ionic/angular/common';
 import { setupConfig } from '@ionic/core';
 import { applyPolyfills, defineCustomElements } from '@ionic/core/loader';
+import { raf } from './util/util';
 // TODO(FW-2827): types
 export const appInitialize = (config, doc, zone) => {
     return () => {
@@ -28,4 +28,4 @@ export const appInitialize = (config, doc, zone) => {
         }
     };
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWluaXRpYWxpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXBwLWluaXRpYWxpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTFFLHVCQUF1QjtBQUV2QixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFjLEVBQUUsR0FBYSxFQUFFLElBQVksRUFBRSxFQUFFO0lBQzNFLE9BQU8sR0FBUSxFQUFFO1FBQ2YsTUFBTSxHQUFHLEdBQTRCLEdBQUcsQ0FBQyxXQUFrQixDQUFDO1FBQzVELElBQUksR0FBRyxJQUFJLE9BQVEsTUFBYyxLQUFLLFdBQVcsRUFBRTtZQUNqRCxXQUFXLENBQUM7Z0JBQ1YsR0FBRyxNQUFNO2dCQUNULFNBQVMsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7YUFDbkMsQ0FBQyxDQUFDO1lBRUgsTUFBTSxLQUFLLEdBQ1QsaUNBQWlDLElBQUssR0FBRyxDQUFDLElBQVksQ0FBQyxDQUFDLENBQUMsaUNBQWlDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDO1lBRWxILE9BQU8sY0FBYyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDaEMsT0FBTyxvQkFBb0IsQ0FBQyxHQUFHLEVBQUU7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUM7b0JBQ2hDLFNBQVMsRUFBRSxJQUFJO29CQUNmLEdBQUc7b0JBQ0gsR0FBRyxFQUFFLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO29CQUMxQyxHQUFHLENBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsSUFBSTt3QkFDekIsR0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUM7b0JBQzNDLENBQUM7b0JBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLElBQUk7d0JBQzFCLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO29CQUMvQyxDQUFDO2lCQUNGLENBQUMsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgQ29uZmlnLCBJb25pY1dpbmRvdyB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyByYWYgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgc2V0dXBDb25maWcgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5pbXBvcnQgeyBhcHBseVBvbHlmaWxscywgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAaW9uaWMvY29yZS9sb2FkZXInO1xuXG4vLyBUT0RPKEZXLTI4MjcpOiB0eXBlc1xuXG5leHBvcnQgY29uc3QgYXBwSW5pdGlhbGl6ZSA9IChjb25maWc6IENvbmZpZywgZG9jOiBEb2N1bWVudCwgem9uZTogTmdab25lKSA9PiB7XG4gIHJldHVybiAoKTogYW55ID0+IHtcbiAgICBjb25zdCB3aW46IElvbmljV2luZG93IHwgdW5kZWZpbmVkID0gZG9jLmRlZmF1bHRWaWV3IGFzIGFueTtcbiAgICBpZiAod2luICYmIHR5cGVvZiAod2luZG93IGFzIGFueSkgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICBzZXR1cENvbmZpZyh7XG4gICAgICAgIC4uLmNvbmZpZyxcbiAgICAgICAgX3pvbmVHYXRlOiAoaDogYW55KSA9PiB6b25lLnJ1bihoKSxcbiAgICAgIH0pO1xuXG4gICAgICBjb25zdCBhZWxGbiA9XG4gICAgICAgICdfX3pvbmVfc3ltYm9sX19hZGRFdmVudExpc3RlbmVyJyBpbiAoZG9jLmJvZHkgYXMgYW55KSA/ICdfX3pvbmVfc3ltYm9sX19hZGRFdmVudExpc3RlbmVyJyA6ICdhZGRFdmVudExpc3RlbmVyJztcblxuICAgICAgcmV0dXJuIGFwcGx5UG9seWZpbGxzKCkudGhlbigoKSA9PiB7XG4gICAgICAgIHJldHVybiBkZWZpbmVDdXN0b21FbGVtZW50cyh3aW4sIHtcbiAgICAgICAgICBleGNsdWRlOiBbJ2lvbi10YWJzJywgJ2lvbi10YWInXSxcbiAgICAgICAgICBzeW5jUXVldWU6IHRydWUsXG4gICAgICAgICAgcmFmLFxuICAgICAgICAgIGptcDogKGg6IGFueSkgPT4gem9uZS5ydW5PdXRzaWRlQW5ndWxhcihoKSxcbiAgICAgICAgICBhZWwoZWxtLCBldmVudE5hbWUsIGNiLCBvcHRzKSB7XG4gICAgICAgICAgICAoZWxtIGFzIGFueSlbYWVsRm5dKGV2ZW50TmFtZSwgY2IsIG9wdHMpO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgcmVsKGVsbSwgZXZlbnROYW1lLCBjYiwgb3B0cykge1xuICAgICAgICAgICAgZWxtLnJlbW92ZUV2ZW50TGlzdGVuZXIoZXZlbnROYW1lLCBjYiwgb3B0cyk7XG4gICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWluaXRpYWxpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXBwLWluaXRpYWxpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMxQyxPQUFPLEVBQUUsY0FBYyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFJMUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVsQyx1QkFBdUI7QUFFdkIsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQUMsTUFBYyxFQUFFLEdBQWEsRUFBRSxJQUFZLEVBQUUsRUFBRTtJQUMzRSxPQUFPLEdBQVEsRUFBRTtRQUNmLE1BQU0sR0FBRyxHQUE0QixHQUFHLENBQUMsV0FBa0IsQ0FBQztRQUM1RCxJQUFJLEdBQUcsSUFBSSxPQUFRLE1BQWMsS0FBSyxXQUFXLEVBQUU7WUFDakQsV0FBVyxDQUFDO2dCQUNWLEdBQUcsTUFBTTtnQkFDVCxTQUFTLEVBQUUsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ25DLENBQUMsQ0FBQztZQUVILE1BQU0sS0FBSyxHQUNULGlDQUFpQyxJQUFLLEdBQUcsQ0FBQyxJQUFZLENBQUMsQ0FBQyxDQUFDLGlDQUFpQyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQztZQUVsSCxPQUFPLGNBQWMsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQ2hDLE9BQU8sb0JBQW9CLENBQUMsR0FBRyxFQUFFO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDO29CQUNoQyxTQUFTLEVBQUUsSUFBSTtvQkFDZixHQUFHO29CQUNILEdBQUcsRUFBRSxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztvQkFDMUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLElBQUk7d0JBQ3pCLEdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO29CQUMzQyxDQUFDO29CQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxJQUFJO3dCQUMxQixHQUFHLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQztvQkFDL0MsQ0FBQztpQkFDRixDQUFDLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzZXR1cENvbmZpZyB9IGZyb20gJ0Bpb25pYy9jb3JlJztcbmltcG9ydCB7IGFwcGx5UG9seWZpbGxzLCBkZWZpbmVDdXN0b21FbGVtZW50cyB9IGZyb20gJ0Bpb25pYy9jb3JlL2xvYWRlcic7XG5cbmltcG9ydCB7IENvbmZpZyB9IGZyb20gJy4vcHJvdmlkZXJzL2NvbmZpZyc7XG5pbXBvcnQgeyBJb25pY1dpbmRvdyB9IGZyb20gJy4vdHlwZXMvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyByYWYgfSBmcm9tICcuL3V0aWwvdXRpbCc7XG5cbi8vIFRPRE8oRlctMjgyNyk6IHR5cGVzXG5cbmV4cG9ydCBjb25zdCBhcHBJbml0aWFsaXplID0gKGNvbmZpZzogQ29uZmlnLCBkb2M6IERvY3VtZW50LCB6b25lOiBOZ1pvbmUpID0+IHtcbiAgcmV0dXJuICgpOiBhbnkgPT4ge1xuICAgIGNvbnN0IHdpbjogSW9uaWNXaW5kb3cgfCB1bmRlZmluZWQgPSBkb2MuZGVmYXVsdFZpZXcgYXMgYW55O1xuICAgIGlmICh3aW4gJiYgdHlwZW9mICh3aW5kb3cgYXMgYW55KSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHNldHVwQ29uZmlnKHtcbiAgICAgICAgLi4uY29uZmlnLFxuICAgICAgICBfem9uZUdhdGU6IChoOiBhbnkpID0+IHpvbmUucnVuKGgpLFxuICAgICAgfSk7XG5cbiAgICAgIGNvbnN0IGFlbEZuID1cbiAgICAgICAgJ19fem9uZV9zeW1ib2xfX2FkZEV2ZW50TGlzdGVuZXInIGluIChkb2MuYm9keSBhcyBhbnkpID8gJ19fem9uZV9zeW1ib2xfX2FkZEV2ZW50TGlzdGVuZXInIDogJ2FkZEV2ZW50TGlzdGVuZXInO1xuXG4gICAgICByZXR1cm4gYXBwbHlQb2x5ZmlsbHMoKS50aGVuKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIGRlZmluZUN1c3RvbUVsZW1lbnRzKHdpbiwge1xuICAgICAgICAgIGV4Y2x1ZGU6IFsnaW9uLXRhYnMnLCAnaW9uLXRhYiddLFxuICAgICAgICAgIHN5bmNRdWV1ZTogdHJ1ZSxcbiAgICAgICAgICByYWYsXG4gICAgICAgICAgam1wOiAoaDogYW55KSA9PiB6b25lLnJ1bk91dHNpZGVBbmd1bGFyKGgpLFxuICAgICAgICAgIGFlbChlbG0sIGV2ZW50TmFtZSwgY2IsIG9wdHMpIHtcbiAgICAgICAgICAgIChlbG0gYXMgYW55KVthZWxGbl0oZXZlbnROYW1lLCBjYiwgb3B0cyk7XG4gICAgICAgICAgfSxcbiAgICAgICAgICByZWwoZWxtLCBldmVudE5hbWUsIGNiLCBvcHRzKSB7XG4gICAgICAgICAgICBlbG0ucmVtb3ZlRXZlbnRMaXN0ZW5lcihldmVudE5hbWUsIGNiLCBvcHRzKTtcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcbn07XG4iXX0=

package/esm2020/directives/control-value-accessors/boolean-value-accessor.mjs

@@ -1,14 +1,14 @@
 import { Directive, HostListener } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ValueAccessor, setIonicClasses } from '@ionic/angular/common';
+import { ValueAccessor, setIonicClasses } from './value-accessor';
 import * as i0 from "@angular/core";
 export class BooleanValueAccessorDirective extends ValueAccessor {
     constructor(injector, el) {
         super(injector, el);
     }
     writeValue(value) {
-        this.elementRef.nativeElement.checked = this.lastValue = value;
-        setIonicClasses(this.elementRef);
+        this.el.nativeElement.checked = this.lastValue = value;
+        setIonicClasses(this.el);
     }
     _handleIonChange(el) {
         this.handleValueChange(el, el.checked);
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 type: HostListener,
                 args: ['ionChange', ['$event.target']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL2Jvb2xlYW4tdmFsdWUtYWNjZXNzb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXdCLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBWXZFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxhQUFhO0lBQzlELFlBQVksUUFBa0IsRUFBRSxFQUFjO1FBQzVDLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFjO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUMvRCxlQUFlLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxFQUFpRDtRQUNoRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs4SUFiVSw2QkFBNkI7a0lBQTdCLDZCQUE2QiwySEFSN0I7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLDZCQUE2QjtZQUMxQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0Y7NEZBRVUsNkJBQTZCO2tCQVZ6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLCtCQUErQjs0QkFDMUMsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0Y7d0hBWUMsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMsV0FBVyxFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIEVsZW1lbnRSZWYsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFZhbHVlQWNjZXNzb3IsIHNldElvbmljQ2xhc3NlcyB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL2NvbW1vbic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2lvbi1jaGVja2JveCxpb24tdG9nZ2xlJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogQm9vbGVhblZhbHVlQWNjZXNzb3JEaXJlY3RpdmUsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBCb29sZWFuVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSBleHRlbmRzIFZhbHVlQWNjZXNzb3Ige1xuICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IsIGVsKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jaGVja2VkID0gdGhpcy5sYXN0VmFsdWUgPSB2YWx1ZTtcbiAgICBzZXRJb25pY0NsYXNzZXModGhpcy5lbGVtZW50UmVmKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2lvbkNoYW5nZScsIFsnJGV2ZW50LnRhcmdldCddKVxuICBfaGFuZGxlSW9uQ2hhbmdlKGVsOiBIVE1MSW9uQ2hlY2tib3hFbGVtZW50IHwgSFRNTElvblRvZ2dsZUVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLmhhbmRsZVZhbHVlQ2hhbmdlKGVsLCBlbC5jaGVja2VkKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL2Jvb2xlYW4tdmFsdWUtYWNjZXNzb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXdCLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBWWxFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxhQUFhO0lBQzlELFlBQVksUUFBa0IsRUFBRSxFQUFjO1FBQzVDLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFjO1FBQ3ZCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2RCxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxFQUFpRDtRQUNoRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs4SUFiVSw2QkFBNkI7a0lBQTdCLDZCQUE2QiwySEFSN0I7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLDZCQUE2QjtZQUMxQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0Y7NEZBRVUsNkJBQTZCO2tCQVZ6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLCtCQUErQjs0QkFDMUMsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0Y7d0hBWUMsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMsV0FBVyxFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIEVsZW1lbnRSZWYsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgVmFsdWVBY2Nlc3Nvciwgc2V0SW9uaWNDbGFzc2VzIH0gZnJvbSAnLi92YWx1ZS1hY2Nlc3Nvcic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2lvbi1jaGVja2JveCxpb24tdG9nZ2xlJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogQm9vbGVhblZhbHVlQWNjZXNzb3JEaXJlY3RpdmUsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBCb29sZWFuVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSBleHRlbmRzIFZhbHVlQWNjZXNzb3Ige1xuICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IsIGVsKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2hlY2tlZCA9IHRoaXMubGFzdFZhbHVlID0gdmFsdWU7XG4gICAgc2V0SW9uaWNDbGFzc2VzKHRoaXMuZWwpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignaW9uQ2hhbmdlJywgWyckZXZlbnQudGFyZ2V0J10pXG4gIF9oYW5kbGVJb25DaGFuZ2UoZWw6IEhUTUxJb25DaGVja2JveEVsZW1lbnQgfCBIVE1MSW9uVG9nZ2xlRWxlbWVudCk6IHZvaWQge1xuICAgIHRoaXMuaGFuZGxlVmFsdWVDaGFuZ2UoZWwsIGVsLmNoZWNrZWQpO1xuICB9XG59XG4iXX0=