@ionic/angular 8.0.0-beta.2 → 8.0.0-beta.3

package/{fesm2020 → fesm2022}/ionic-angular-common.mjs

@@ -11,6 +11,7 @@ import { filter, switchMap, distinctUntilChanged } from 'rxjs/operators';
 import { NgControl } from '@angular/forms';
 
 class MenuController {
+    menuController;
     constructor(menuController) {
         this.menuController = menuController;
     }
@@ -138,10 +139,10 @@ class DomController {
     write(cb) {
         getQueue().write(cb);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomController, providedIn: 'root' });
 }
-/** @nocollapse */ DomController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DomController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DomController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DomController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DomController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomController, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -166,41 +167,44 @@ const getQueue = () => {
 };
 
 class Platform {
+    doc;
+    _readyPromise;
+    win;
+    /**
+     * @hidden
+     */
+    backButton = new Subject();
+    /**
+     * The keyboardDidShow event emits when the
+     * on-screen keyboard is presented.
+     */
+    keyboardDidShow = new Subject();
+    /**
+     * The keyboardDidHide event emits when the
+     * on-screen keyboard is hidden.
+     */
+    keyboardDidHide = new Subject();
+    /**
+     * 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 = new Subject();
+    /**
+     * 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 = new Subject();
+    /**
+     * 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 = new Subject();
     constructor(doc, zone) {
         this.doc = doc;
-        /**
-         * @hidden
-         */
-        this.backButton = new Subject();
-        /**
-         * The keyboardDidShow event emits when the
-         * on-screen keyboard is presented.
-         */
-        this.keyboardDidShow = new Subject();
-        /**
-         * The keyboardDidHide event emits when the
-         * on-screen keyboard is hidden.
-         */
-        this.keyboardDidHide = new Subject();
-        /**
-         * 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.
-         */
-        this.pause = new Subject();
-        /**
-         * 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.
-         */
-        this.resume = new Subject();
-        /**
-         * 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.
-         */
-        this.resize = new Subject();
         zone.run(() => {
             this.win = doc.defaultView;
             this.backButton.subscribeWithPriority = function (priority, callback) {
@@ -378,10 +382,10 @@ class Platform {
     height() {
         return this.win.innerHeight;
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Platform, deps: [{ token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Platform, providedIn: 'root' });
 }
-/** @nocollapse */ Platform.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Platform, deps: [{ token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Platform.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Platform, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Platform, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Platform, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -415,14 +419,20 @@ const proxyEvent = (emitter, el, eventName, zone) => {
 };
 
 class NavController {
+    location;
+    serializer;
+    router;
+    topOutlet;
+    direction = DEFAULT_DIRECTION;
+    animated = DEFAULT_ANIMATED;
+    animationBuilder;
+    guessDirection = 'forward';
+    guessAnimation;
+    lastNavId = -1;
     constructor(platform, location, serializer, router) {
         this.location = location;
         this.serializer = serializer;
         this.router = router;
-        this.direction = DEFAULT_DIRECTION;
-        this.animated = DEFAULT_ANIMATED;
-        this.guessDirection = 'forward';
-        this.lastNavId = -1;
         // Subscribe to router events to detect direction
         if (router) {
             router.events.subscribe((ev) => {
@@ -600,10 +610,10 @@ class NavController {
             return this.router.navigateByUrl(urlTree, options);
         }
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavController, deps: [{ token: Platform }, { token: i1.Location }, { token: i3.UrlSerializer }, { token: i3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavController, providedIn: 'root' });
 }
-/** @nocollapse */ NavController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NavController, deps: [{ token: Platform }, { token: i1.Location }, { token: i3.UrlSerializer }, { token: i3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NavController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NavController, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NavController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavController, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -651,10 +661,10 @@ class Config {
         }
         return 0;
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Config, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Config, providedIn: 'root' });
 }
-/** @nocollapse */ Config.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Config, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Config.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Config, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: Config, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Config, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -692,6 +702,7 @@ const getConfig = () => {
  * ```
  */
 class NavParams {
+    data;
     constructor(data = {}) {
         this.data = data;
     }
@@ -718,28 +729,31 @@ class NavParams {
 
 // TODO(FW-2827): types
 class AngularDelegate {
-    constructor() {
-        this.zone = inject(NgZone);
-        this.applicationRef = inject(ApplicationRef);
-    }
+    zone = inject(NgZone);
+    applicationRef = inject(ApplicationRef);
     create(environmentInjector, injector, elementReferenceKey) {
         return new AngularFrameworkDelegate(environmentInjector, injector, this.applicationRef, this.zone, elementReferenceKey);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDelegate, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDelegate });
 }
-/** @nocollapse */ AngularDelegate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ AngularDelegate.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AngularDelegate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularDelegate, decorators: [{
             type: Injectable
         }] });
 class AngularFrameworkDelegate {
+    environmentInjector;
+    injector;
+    applicationRef;
+    zone;
+    elementReferenceKey;
+    elRefMap = new WeakMap();
+    elEventsMap = new WeakMap();
     constructor(environmentInjector, injector, applicationRef, zone, elementReferenceKey) {
         this.environmentInjector = environmentInjector;
         this.injector = injector;
         this.applicationRef = applicationRef;
         this.zone = zone;
         this.elementReferenceKey = elementReferenceKey;
-        this.elRefMap = new WeakMap();
-        this.elEventsMap = new WeakMap();
     }
     attachViewToDom(container, component, params, cssClasses) {
         return this.zone.run(() => {
@@ -865,6 +879,8 @@ const provideNavParamsInjectable = (params) => {
 };
 
 // TODO: Is there a way we can grab this from angular-component-lib instead?
+/* eslint-disable */
+/* tslint:disable */
 const proxyInputs = (Cmp, inputs) => {
     const Prototype = Cmp.prototype;
     inputs.forEach((item) => {
@@ -932,9 +948,13 @@ const POPOVER_INPUTS = [
 ];
 const POPOVER_METHODS = ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'];
 let IonPopover = class IonPopover {
+    z;
+    // TODO(FW-2827): type
+    template;
+    isCmpOpen = false;
+    el;
     constructor(c, r, z) {
         this.z = z;
-        this.isCmpOpen = false;
         this.el = r.nativeElement;
         this.el.addEventListener('ionMount', () => {
             this.isCmpOpen = true;
@@ -955,9 +975,9 @@ let IonPopover = class IonPopover {
             'didDismiss',
         ]);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonPopover, selector: "ion-popover", inputs: { 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" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 };
-/** @nocollapse */ IonPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonPopover.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonPopover, selector: "ion-popover", inputs: { 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" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 IonPopover = __decorate([
     ProxyCmp({
         inputs: POPOVER_INPUTS,
@@ -970,7 +990,7 @@ IonPopover = __decorate([
      * lazy loaded popover.
      */
 ], IonPopover);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonPopover, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ion-popover',
@@ -1013,9 +1033,13 @@ const MODAL_METHODS = [
     'getCurrentBreakpoint',
 ];
 let IonModal = class IonModal {
+    z;
+    // TODO(FW-2827): type
+    template;
+    isCmpOpen = false;
+    el;
     constructor(c, r, z) {
         this.z = z;
-        this.isCmpOpen = false;
         this.el = r.nativeElement;
         this.el.addEventListener('ionMount', () => {
             this.isCmpOpen = true;
@@ -1037,9 +1061,9 @@ let IonModal = class IonModal {
             'didDismiss',
         ]);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonModal, selector: "ion-modal", inputs: { 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" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 };
-/** @nocollapse */ IonModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonModal.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonModal, selector: "ion-modal", inputs: { 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" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 IonModal = __decorate([
     ProxyCmp({
         inputs: MODAL_INPUTS,
@@ -1052,7 +1076,7 @@ IonModal = __decorate([
      * lazy loaded popover.
      */
 ], IonModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonModal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ion-modal',
@@ -1139,15 +1163,23 @@ const destroyView = (view) => {
 
 // TODO(FW-2827): types
 class StackController {
+    containerEl;
+    router;
+    navCtrl;
+    zone;
+    location;
+    views = [];
+    runningTask;
+    skipTransition = false;
+    tabsPrefix;
+    activeView;
+    nextId = 0;
     constructor(tabsPrefix, containerEl, router, navCtrl, zone, location) {
         this.containerEl = containerEl;
         this.router = router;
         this.navCtrl = navCtrl;
         this.zone = zone;
         this.location = location;
-        this.views = [];
-        this.skipTransition = false;
-        this.nextId = 0;
         this.tabsPrefix = tabsPrefix !== undefined ? toSegments(tabsPrefix) : undefined;
     }
     createView(ref, activatedRoute) {
@@ -1410,47 +1442,43 @@ const cleanup = (activeRoute, views, viewsSnapshot, location, zone) => {
 // TODO(FW-2827): types
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class IonRouterOutlet {
-    constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, outletContent, parentOutlet) {
-        this.outletContent = outletContent;
-        this.parentOutlet = parentOutlet;
-        this.activatedView = null;
-        // Maintain map of activated route proxies for each component instance
-        this.proxyMap = new WeakMap();
-        // Keep the latest activated route in a subject for the proxy routes to switch map to
-        this.currentActivatedRoute$ = new BehaviorSubject(null);
-        this.activated = null;
-        this._activatedRoute = null;
-        /**
-         * The name of the outlet
-         */
-        this.name = PRIMARY_OUTLET;
-        /** @internal */
-        this.stackWillChange = new EventEmitter();
-        /** @internal */
-        this.stackDidChange = new EventEmitter();
-        // eslint-disable-next-line @angular-eslint/no-output-rename
-        this.activateEvents = new EventEmitter();
-        // eslint-disable-next-line @angular-eslint/no-output-rename
-        this.deactivateEvents = new EventEmitter();
-        this.parentContexts = inject(ChildrenOutletContexts);
-        this.location = inject(ViewContainerRef);
-        this.environmentInjector = inject(EnvironmentInjector);
-        this.inputBinder = inject(INPUT_BINDER, { optional: true });
-        /** @nodoc */
-        this.supportsBindingToComponentInputs = true;
-        // Ionic providers
-        this.config = inject(Config);
-        this.navCtrl = inject(NavController);
-        this.nativeEl = elementRef.nativeElement;
-        this.name = name || PRIMARY_OUTLET;
-        this.tabsPrefix = tabs === 'true' ? getUrl(router, activatedRoute) : undefined;
-        this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, this.navCtrl, zone, commonLocation);
-        this.parentContexts.onChildOutletCreated(this.name, this);
-    }
+    parentOutlet;
+    nativeEl;
+    activatedView = null;
+    tabsPrefix;
+    _swipeGesture;
+    stackCtrl;
+    // Maintain map of activated route proxies for each component instance
+    proxyMap = new WeakMap();
+    // Keep the latest activated route in a subject for the proxy routes to switch map to
+    currentActivatedRoute$ = new BehaviorSubject(null);
+    activated = null;
     /** @internal */
     get activatedComponentRef() {
         return this.activated;
     }
+    _activatedRoute = null;
+    /**
+     * The name of the outlet
+     */
+    name = PRIMARY_OUTLET;
+    /** @internal */
+    stackWillChange = new EventEmitter();
+    /** @internal */
+    stackDidChange = new EventEmitter();
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    activateEvents = new EventEmitter();
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    deactivateEvents = new EventEmitter();
+    parentContexts = inject(ChildrenOutletContexts);
+    location = inject(ViewContainerRef);
+    environmentInjector = inject(EnvironmentInjector);
+    inputBinder = inject(INPUT_BINDER, { optional: true });
+    /** @nodoc */
+    supportsBindingToComponentInputs = true;
+    // Ionic providers
+    config = inject(Config);
+    navCtrl = inject(NavController);
     set animation(animation) {
         this.nativeEl.animation = animation;
     }
@@ -1467,6 +1495,14 @@ class IonRouterOutlet {
             }
             : undefined;
     }
+    constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet) {
+        this.parentOutlet = parentOutlet;
+        this.nativeEl = elementRef.nativeElement;
+        this.name = name || PRIMARY_OUTLET;
+        this.tabsPrefix = tabs === 'true' ? getUrl(router, activatedRoute) : undefined;
+        this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, this.navCtrl, zone, commonLocation);
+        this.parentContexts.onChildOutletCreated(this.name, this);
+    }
     ngOnDestroy() {
         this.stackCtrl.destroy();
         this.inputBinder?.unsubscribeFromRouteData(this);
@@ -1615,6 +1651,11 @@ class IonRouterOutlet {
             component$.next(cmpRef.instance);
             // Calling `markForCheck` to make sure we will run the change detection when the
             // `RouterOutlet` is inside a `ChangeDetectionStrategy.OnPush` component.
+            /**
+             * At this point this.activated has been set earlier
+             * in this function, so it is guaranteed to be non-null.
+             */
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             enteringView = this.stackCtrl.createView(this.activated, activatedRoute);
             // Store references to the proxy by component
             this.proxyMap.set(cmpRef.instance, activatedRouteProxy);
@@ -1725,10 +1766,10 @@ class IonRouterOutlet {
         proxy.component = activatedRoute.component;
         this.currentActivatedRoute$.next({ component, activatedRoute });
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i3.Router }, { token: i0.NgZone }, { token: i3.ActivatedRoute }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonRouterOutlet, selector: "ion-router-outlet", inputs: { animated: "animated", animation: "animation", mode: "mode", swipeGesture: "swipeGesture", name: "name" }, outputs: { stackWillChange: "stackWillChange", stackDidChange: "stackDidChange", activateEvents: "activate", deactivateEvents: "deactivate" }, exportAs: ["outlet"], ngImport: i0 });
 }
-/** @nocollapse */ IonRouterOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i3.Router }, { token: i0.NgZone }, { token: i3.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonRouterOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonRouterOutlet, selector: "ion-router-outlet", inputs: { animated: "animated", animation: "animation", mode: "mode", swipeGesture: "swipeGesture", name: "name" }, outputs: { stackWillChange: "stackWillChange", stackDidChange: "stackDidChange", activateEvents: "activate", deactivateEvents: "deactivate" }, exportAs: ["outlet"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonRouterOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ion-router-outlet',
@@ -1744,7 +1785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }, {
                     type: Attribute,
                     args: ['tabs']
-                }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i3.Router }, { type: i0.NgZone }, { type: i3.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: IonRouterOutlet, decorators: [{
+                }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i3.Router }, { type: i0.NgZone }, { type: i3.ActivatedRoute }, { type: IonRouterOutlet, decorators: [{
                     type: SkipSelf
                 }, {
                     type: Optional
@@ -1762,6 +1803,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['deactivate']
             }] } });
 class OutletInjector {
+    route;
+    childContexts;
+    parent;
     constructor(route, childContexts, parent) {
         this.route = route;
         this.childContexts = childContexts;
@@ -1794,9 +1838,7 @@ const INPUT_BINDER = new InjectionToken('');
  * the subscriptions are cleaned up.
  */
 class RoutedComponentInputBinder {
-    constructor() {
-        this.outletDataSubscriptions = new Map();
-    }
+    outletDataSubscriptions = new Map();
     bindActivatedRouteToOutletComponent(outlet) {
         this.unsubscribeFromRouteData(outlet);
         this.subscribeToRouteData(outlet);
@@ -1841,10 +1883,10 @@ class RoutedComponentInputBinder {
         });
         this.outletDataSubscriptions.set(outlet, dataSubscription);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RoutedComponentInputBinder });
 }
-/** @nocollapse */ RoutedComponentInputBinder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ RoutedComponentInputBinder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RoutedComponentInputBinder });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
             type: Injectable
         }] });
 const provideComponentInputBinding = () => {
@@ -1867,6 +1909,12 @@ function componentInputBindingFactory(router) {
 
 const BACK_BUTTON_INPUTS = ['color', 'defaultHref', 'disabled', 'icon', 'mode', 'routerAnimation', 'text', 'type'];
 let IonBackButton = class IonBackButton {
+    routerOutlet;
+    navCtrl;
+    config;
+    r;
+    z;
+    el;
     constructor(routerOutlet, navCtrl, config, r, z, c) {
         this.routerOutlet = routerOutlet;
         this.navCtrl = navCtrl;
@@ -1891,15 +1939,15 @@ let IonBackButton = class IonBackButton {
             ev.preventDefault();
         }
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonBackButton, deps: [{ token: IonRouterOutlet, optional: true }, { token: NavController }, { token: Config }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonBackButton, inputs: { color: "color", defaultHref: "defaultHref", disabled: "disabled", icon: "icon", mode: "mode", routerAnimation: "routerAnimation", text: "text", type: "type" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
 };
-/** @nocollapse */ IonBackButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonBackButton, deps: [{ token: IonRouterOutlet, optional: true }, { token: NavController }, { token: Config }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonBackButton.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonBackButton, inputs: { color: "color", defaultHref: "defaultHref", disabled: "disabled", icon: "icon", mode: "mode", routerAnimation: "routerAnimation", text: "text", type: "type" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
 IonBackButton = __decorate([
     ProxyCmp({
         inputs: BACK_BUTTON_INPUTS,
     })
 ], IonBackButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonBackButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonBackButton, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
@@ -1907,11 +1955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: IonRouterOutlet, decorators: [{
                     type: Optional
-                }] }, { type: NavController }, { type: Config }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { defaultHref: [{
-                type: Input
-            }], routerAnimation: [{
-                type: Input
-            }], onClick: [{
+                }] }, { type: NavController }, { type: Config }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -1923,13 +1967,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * animation so that the routing integration will transition correctly.
  */
 class RouterLinkDelegateDirective {
+    locationStrategy;
+    navCtrl;
+    elementRef;
+    router;
+    routerLink;
+    routerDirection = 'forward';
+    routerAnimation;
     constructor(locationStrategy, navCtrl, elementRef, router, routerLink) {
         this.locationStrategy = locationStrategy;
         this.navCtrl = navCtrl;
         this.elementRef = elementRef;
         this.router = router;
         this.routerLink = routerLink;
-        this.routerDirection = 'forward';
     }
     ngOnInit() {
         this.updateTargetUrlAndHref();
@@ -1958,10 +2008,10 @@ class RouterLinkDelegateDirective {
          */
         ev.preventDefault();
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkDelegateDirective, deps: [{ token: i1.LocationStrategy }, { token: NavController }, { token: i0.ElementRef }, { token: i3.Router }, { token: i3.RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RouterLinkDelegateDirective, selector: ":not(a):not(area)[routerLink]", inputs: { routerDirection: "routerDirection", routerAnimation: "routerAnimation" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 });
 }
-/** @nocollapse */ RouterLinkDelegateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RouterLinkDelegateDirective, deps: [{ token: i1.LocationStrategy }, { token: NavController }, { token: i0.ElementRef }, { token: i3.Router }, { token: i3.RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ RouterLinkDelegateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: RouterLinkDelegateDirective, selector: ":not(a):not(area)[routerLink]", inputs: { routerDirection: "routerDirection", routerAnimation: "routerAnimation" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RouterLinkDelegateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkDelegateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: ':not(a):not(area)[routerLink]',
@@ -1977,13 +2027,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['click', ['$event']]
             }] } });
 class RouterLinkWithHrefDelegateDirective {
+    locationStrategy;
+    navCtrl;
+    elementRef;
+    router;
+    routerLink;
+    routerDirection = 'forward';
+    routerAnimation;
     constructor(locationStrategy, navCtrl, elementRef, router, routerLink) {
         this.locationStrategy = locationStrategy;
         this.navCtrl = navCtrl;
         this.elementRef = elementRef;
         this.router = router;
         this.routerLink = routerLink;
-        this.routerDirection = 'forward';
     }
     ngOnInit() {
         this.updateTargetUrlAndHref();
@@ -2003,10 +2059,10 @@ class RouterLinkWithHrefDelegateDirective {
     onClick() {
         this.navCtrl.setDirection(this.routerDirection, undefined, undefined, this.routerAnimation);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkWithHrefDelegateDirective, deps: [{ token: i1.LocationStrategy }, { token: NavController }, { token: i0.ElementRef }, { token: i3.Router }, { token: i3.RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RouterLinkWithHrefDelegateDirective, selector: "a[routerLink],area[routerLink]", inputs: { routerDirection: "routerDirection", routerAnimation: "routerAnimation" }, host: { listeners: { "click": "onClick()" } }, usesOnChanges: true, ngImport: i0 });
 }
-/** @nocollapse */ RouterLinkWithHrefDelegateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RouterLinkWithHrefDelegateDirective, deps: [{ token: i1.LocationStrategy }, { token: NavController }, { token: i0.ElementRef }, { token: i3.Router }, { token: i3.RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ RouterLinkWithHrefDelegateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: RouterLinkWithHrefDelegateDirective, selector: "a[routerLink],area[routerLink]", inputs: { routerDirection: "routerDirection", routerAnimation: "routerAnimation" }, host: { listeners: { "click": "onClick()" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: RouterLinkWithHrefDelegateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkWithHrefDelegateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[routerLink],area[routerLink]',
@@ -2039,6 +2095,8 @@ const NAV_METHODS = [
     'getPrevious',
 ];
 let IonNav = class IonNav {
+    z;
+    el;
     constructor(ref, environmentInjector, injector, angularDelegate, z, c) {
         this.z = z;
         c.detach();
@@ -2046,16 +2104,16 @@ let IonNav = class IonNav {
         ref.nativeElement.delegate = angularDelegate.create(environmentInjector, injector);
         proxyOutputs(this, this.el, ['ionNavDidChange', 'ionNavWillChange']);
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i0.Injector }, { token: AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonNav, inputs: { animated: "animated", animation: "animation", root: "root", rootParams: "rootParams", swipeGesture: "swipeGesture" }, ngImport: i0 });
 };
-/** @nocollapse */ IonNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i0.Injector }, { token: AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonNav.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonNav, inputs: { animated: "animated", animation: "animation", root: "root", rootParams: "rootParams", swipeGesture: "swipeGesture" }, ngImport: i0 });
 IonNav = __decorate([
     ProxyCmp({
         inputs: NAV_INPUTS,
         methods: NAV_METHODS,
     })
 ], IonNav);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonNav, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
@@ -2065,17 +2123,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class IonTabs {
+    navCtrl;
+    tabsInner;
+    /**
+     * Emitted before the tab view is changed.
+     */
+    ionTabsWillChange = new EventEmitter();
+    /**
+     * Emitted after the tab view is changed.
+     */
+    ionTabsDidChange = new EventEmitter();
+    tabBarSlot = 'bottom';
     constructor(navCtrl) {
         this.navCtrl = navCtrl;
-        /**
-         * Emitted before the tab view is changed.
-         */
-        this.ionTabsWillChange = new EventEmitter();
-        /**
-         * Emitted after the tab view is changed.
-         */
-        this.ionTabsDidChange = new EventEmitter();
-        this.tabBarSlot = 'bottom';
     }
     ngAfterContentInit() {
         this.detectSlotChanges();
@@ -2212,10 +2272,10 @@ class IonTabs {
             this.tabsInner.nativeElement.after(tabBar);
         }
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonTabs, deps: [{ token: NavController }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IonTabs, selector: "ion-tabs", outputs: { ionTabsWillChange: "ionTabsWillChange", ionTabsDidChange: "ionTabsDidChange" }, host: { listeners: { "ionTabButtonClick": "select($event)" } }, viewQueries: [{ propertyName: "tabsInner", first: true, predicate: ["tabsInner"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
 }
-/** @nocollapse */ IonTabs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTabs, deps: [{ token: NavController }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ IonTabs.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonTabs, selector: "ion-tabs", outputs: { ionTabsWillChange: "ionTabsWillChange", ionTabsDidChange: "ionTabsDidChange" }, host: { listeners: { "ionTabButtonClick": "select($event)" } }, viewQueries: [{ propertyName: "tabsInner", first: true, predicate: ["tabsInner"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTabs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonTabs, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ion-tabs',
@@ -2244,15 +2304,19 @@ const raf = (h) => {
 
 // TODO(FW-2827): types
 class ValueAccessor {
+    injector;
+    elementRef;
+    onChange = () => {
+        /**/
+    };
+    onTouched = () => {
+        /**/
+    };
+    lastValue;
+    statusChanges;
     constructor(injector, elementRef) {
         this.injector = injector;
         this.elementRef = elementRef;
-        this.onChange = () => {
-            /**/
-        };
-        this.onTouched = () => {
-            /**/
-        };
     }
     writeValue(value) {
         this.elementRef.nativeElement.value = this.lastValue = value;
@@ -2333,10 +2397,10 @@ class ValueAccessor {
             });
         }
     }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ValueAccessor, host: { listeners: { "ionBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 });
 }
-/** @nocollapse */ ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: ValueAccessor, host: { listeners: { "ionBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueAccessor, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
                 type: HostListener,
@@ -2436,6 +2500,7 @@ class IonicRouteStrategy {
 
 // TODO(FW-2827): types
 class OverlayBaseController {
+    ctrl;
     constructor(ctrl) {
         this.ctrl = ctrl;
     }