@ionic/angular 8.8.12-dev.11782342444.186b6e9c → 8.8.12-dev.11782931922.18ba507c

package/types/ionic-angular.d.ts

@@ -1,43 +1,57 @@
 import * as i0 from '@angular/core';
-import { Injector, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, ViewContainerRef, QueryList, EnvironmentInjector, Provider, ModuleWithProviders } from '@angular/core';
-import { ValueAccessor, IonRouterOutlet as IonRouterOutlet$1, IonTabs as IonTabs$1, IonBackButton as IonBackButton$1, NavController, Config, IonNav as IonNav$1, AngularDelegate, RouterLinkDelegateDirective as RouterLinkDelegateDirective$1, RouterLinkWithHrefDelegateDirective as RouterLinkWithHrefDelegateDirective$1, IonModal as IonModal$1, IonPopover as IonPopover$1, OverlayBaseController, MenuController as MenuController$1, ModalOptions, PopoverOptions } from '@ionic/angular/common';
-export { AngularDelegate, Config, DomController, IonModalToken, IonicRouteStrategy, ModalOptions, NavController, NavParams, Platform, PopoverOptions, ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from '@ionic/angular/common';
-import { Components, IonAccordionGroupCustomEvent, AccordionGroupChangeEventDetail, IonActionSheetCustomEvent, OverlayEventDetail, IonAlertCustomEvent, IonBackdropCustomEvent, IonBreadcrumbCustomEvent, IonBreadcrumbsCustomEvent, BreadcrumbCollapsedClickEventDetail, IonButtonCustomEvent, IonCheckboxCustomEvent, CheckboxChangeEventDetail, IonContentCustomEvent, ScrollBaseDetail, ScrollDetail, IonDatetimeCustomEvent, DatetimeChangeEventDetail, IonFabButtonCustomEvent, IonImgCustomEvent, IonInfiniteScrollCustomEvent, IonInputCustomEvent, InputInputEventDetail, InputChangeEventDetail, IonInputOtpCustomEvent, InputOtpInputEventDetail, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, IonItemOptionsCustomEvent, IonItemSlidingCustomEvent, IonLoadingCustomEvent, IonMenuCustomEvent, MenuCloseEventDetail, IonPickerColumnCustomEvent, PickerColumnChangeEventDetail, IonRadioCustomEvent, IonRadioGroupCustomEvent, RadioGroupChangeEventDetail, IonRangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, IonRefresherCustomEvent, RefresherEventDetail, RefresherPullEndEventDetail, IonReorderGroupCustomEvent, ItemReorderEventDetail, ReorderMoveEventDetail, ReorderEndEventDetail, IonSearchbarCustomEvent, SearchbarInputEventDetail, SearchbarChangeEventDetail, IonSegmentCustomEvent, SegmentChangeEventDetail, IonSegmentViewCustomEvent, SegmentViewScrollEvent, IonSelectCustomEvent, SelectChangeEventDetail, IonSplitPaneCustomEvent, IonTextareaCustomEvent, TextareaChangeEventDetail, TextareaInputEventDetail, IonToastCustomEvent, IonToggleCustomEvent, ToggleChangeEventDetail, AlertOptions, Animation, ActionSheetOptions, GestureConfig, Gesture, LoadingOptions, ToastOptions, IonicConfig } from '@ionic/core';
-export { AccordionGroupChangeEventDetail, AccordionGroupCustomEvent, ActionSheetButton, ActionSheetOptions, AlertButton, AlertInput, AlertOptions, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, BackButtonEvent, BreadcrumbCollapsedClickEventDetail, BreadcrumbCustomEvent, CheckboxChangeEventDetail, CheckboxCustomEvent, DatetimeChangeEventDetail, DatetimeCustomEvent, Gesture, GestureConfig, GestureDetail, InfiniteScrollCustomEvent, InputChangeEventDetail, InputCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpCustomEvent, InputOtpInputEventDetail, IonicSafeString, IonicSlides, ItemReorderCustomEvent, ItemReorderEventDetail, ItemSlidingCustomEvent, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, NavComponentWithProps, NavCustomEvent, PlatformConfig, RadioGroupChangeEventDetail, RadioGroupCustomEvent, RangeChangeEventDetail, RangeCustomEvent, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RefresherCustomEvent, RefresherEventDetail, RefresherPullEndCustomEvent, RefresherPullEndEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, RouterCustomEvent, RouterEventDetail, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDetail, SearchbarChangeEventDetail, SearchbarCustomEvent, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, SpinnerTypes, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastButton, ToastLayout, ToastOptions, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, createAnimation, createGesture, getIonPageElement, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation, openURL } from '@ionic/core';
-import * as i15 from '@angular/common';
+import { ViewContainerRef, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, EnvironmentProviders, EnvironmentInjector, Injector } from '@angular/core';
+import { IonRouterOutlet as IonRouterOutlet$1, IonBackButton as IonBackButton$1, NavController, Config, IonModal as IonModal$1, IonPopover as IonPopover$1, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, IonTabs as IonTabs$1, OverlayBaseController, MenuController as MenuController$1, ModalOptions, PopoverOptions, IonNav as IonNav$1, AngularDelegate, ValueAccessor } from '@ionic/angular/common';
+export { Config, DomController, IonModalToken, IonicRouteStrategy, ModalOptions, NavController, NavParams, Platform, PopoverOptions, ViewDidEnter, ViewDidLeave, ViewWillEnter, ViewWillLeave } from '@ionic/angular/common';
 import { Location } from '@angular/common';
 import { Router, ActivatedRoute } from '@angular/router';
-import { MaxValidator, MinValidator } from '@angular/forms';
+import { Components, IonAccordionGroupCustomEvent, AccordionGroupChangeEventDetail, IonActionSheetCustomEvent, OverlayEventDetail, IonAlertCustomEvent, IonBackdropCustomEvent, IonBreadcrumbCustomEvent, IonBreadcrumbsCustomEvent, BreadcrumbCollapsedClickEventDetail, IonButtonCustomEvent, IonContentCustomEvent, ScrollBaseDetail, ScrollDetail, IonFabButtonCustomEvent, IonImgCustomEvent, IonInfiniteScrollCustomEvent, IonItemOptionsCustomEvent, IonItemSlidingCustomEvent, IonLoadingCustomEvent, IonMenuCustomEvent, MenuCloseEventDetail, IonPickerColumnCustomEvent, PickerColumnChangeEventDetail, IonRadioCustomEvent, IonRefresherCustomEvent, RefresherEventDetail, RefresherPullEndEventDetail, IonReorderGroupCustomEvent, ItemReorderEventDetail, ReorderMoveEventDetail, ReorderEndEventDetail, IonSegmentViewCustomEvent, SegmentViewScrollEvent, IonSplitPaneCustomEvent, IonToastCustomEvent, IonicConfig, ActionSheetOptions, AlertOptions, GestureConfig, Gesture, LoadingOptions, ToastOptions, CheckboxChangeEventDetail, DatetimeChangeEventDetail, InputInputEventDetail, InputChangeEventDetail, InputOtpInputEventDetail, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, RadioGroupChangeEventDetail, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, SearchbarInputEventDetail, SearchbarChangeEventDetail, SegmentChangeEventDetail, SelectChangeEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, ToggleChangeEventDetail } from '@ionic/core/components';
+export { AccordionGroupChangeEventDetail, AccordionGroupCustomEvent, ActionSheetButton, ActionSheetOptions, AlertButton, AlertInput, AlertOptions, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, BackButtonEvent, BreadcrumbCollapsedClickEventDetail, BreadcrumbCustomEvent, CheckboxChangeEventDetail, CheckboxCustomEvent, DatetimeChangeEventDetail, DatetimeCustomEvent, Gesture, GestureConfig, GestureDetail, InfiniteScrollCustomEvent, InputChangeEventDetail, InputCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpCustomEvent, InputOtpInputEventDetail, IonicSafeString, IonicSlides, ItemReorderCustomEvent, ItemReorderEventDetail, ItemSlidingCustomEvent, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, NavComponentWithProps, NavCustomEvent, PlatformConfig, RadioGroupChangeEventDetail, RadioGroupCustomEvent, RangeChangeEventDetail, RangeCustomEvent, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RefresherCustomEvent, RefresherEventDetail, RefresherPullEndCustomEvent, RefresherPullEndEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, RouterCustomEvent, RouterEventDetail, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDetail, SearchbarChangeEventDetail, SearchbarCustomEvent, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, SpinnerTypes, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastButton, ToastLayout, ToastOptions, ToggleChangeEventDetail, ToggleCustomEvent, createAnimation, createGesture, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation } from '@ionic/core/components';
+import { Animation } from '@ionic/core';
 
-declare class BooleanValueAccessorDirective extends ValueAccessor {
-    constructor(injector: Injector, el: ElementRef);
-    writeValue(value: boolean): void;
-    _handleIonChange(ev: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessorDirective, "ion-checkbox,ion-toggle", never, {}, {}, never, never, false, never>;
+declare class IonRouterOutlet extends IonRouterOutlet$1 {
+    readonly parentOutlet?: IonRouterOutlet | undefined;
+    /**
+     * `static: true` must be set so the query results are resolved
+     * before change detection runs. Otherwise, the view container
+     * ref will be ion-router-outlet instead of ng-container, and
+     * the first view will be added as a sibling of ion-router-outlet
+     * instead of a child.
+     */
+    outletContent: ViewContainerRef;
+    /**
+     * We need to pass in the correct instance of IonRouterOutlet
+     * otherwise parentOutlet will be null in a nested outlet context.
+     * This results in APIs such as NavController.pop not working
+     * in nested outlets because the parent outlet cannot be found.
+     */
+    constructor(name: string, tabs: string, commonLocation: Location, elementRef: ElementRef, router: Router, zone: NgZone, activatedRoute: ActivatedRoute, parentOutlet?: IonRouterOutlet | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRouterOutlet, "ion-router-outlet", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class IonBackButton extends IonBackButton$1 {
+    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, ["*"], true, never>;
 }
 
-declare class NumericValueAccessorDirective extends ValueAccessor {
-    private el;
-    constructor(injector: Injector, el: ElementRef<HTMLInputElement | HTMLIonRangeElement>);
-    handleInputEvent(ev: Event): void;
-    registerOnChange(fn: (_: number | null) => void): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NumericValueAccessorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericValueAccessorDirective, "ion-input[type=number],ion-input-otp:not([type=text]),ion-range", never, {}, {}, never, never, false, never>;
+declare class IonModal extends IonModal$1 {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, {}, {}, never, never, true, never>;
 }
 
-declare class SelectValueAccessorDirective extends ValueAccessor {
-    constructor(injector: Injector, el: ElementRef);
-    _handleChangeEvent(ev: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessorDirective, "ion-select, ion-radio-group, ion-segment, ion-datetime", never, {}, {}, never, never, false, never>;
+declare class IonPopover extends IonPopover$1 {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, {}, {}, never, never, true, never>;
 }
 
-declare class TextValueAccessorDirective extends ValueAccessor {
-    constructor(injector: Injector, el: ElementRef);
-    _handleInputEvent(ev: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessorDirective, "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar", never, {}, {}, never, never, false, never>;
+declare class IonRouterLink extends RouterLinkDelegateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterLink, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLink, ":not(a):not(area)[routerLink]", never, {}, {}, never, never, true, never>;
+}
+declare class IonRouterLinkWithHref extends RouterLinkWithHrefDelegateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterLinkWithHref, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterLinkWithHref, "a[routerLink],area[routerLink]", never, {}, {}, never, never, true, never>;
 }
 
 declare class IonAccordion {
@@ -45,7 +59,7 @@ declare class IonAccordion {
     protected el: HTMLIonAccordionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordion, "ion-accordion", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconSlot": { "alias": "toggleIconSlot"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordion, "ion-accordion", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconSlot": { "alias": "toggleIconSlot"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonAccordion extends Components.IonAccordion {
 }
@@ -55,7 +69,7 @@ declare class IonAccordionGroup {
     ionChange: EventEmitter<IonAccordionGroupCustomEvent<AccordionGroupChangeEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAccordionGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordionGroup, "ion-accordion-group", never, { "animated": { "alias": "animated"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordionGroup, "ion-accordion-group", never, { "animated": { "alias": "animated"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], true, never>;
 }
 declare interface IonAccordionGroup extends Components.IonAccordionGroup {
     /**
@@ -78,7 +92,7 @@ declare class IonActionSheet {
     didDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonActionSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonActionSheet, "ion-action-sheet", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionActionSheetDidPresent": "ionActionSheetDidPresent"; "ionActionSheetWillPresent": "ionActionSheetWillPresent"; "ionActionSheetWillDismiss": "ionActionSheetWillDismiss"; "ionActionSheetDidDismiss": "ionActionSheetDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonActionSheet, "ion-action-sheet", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionActionSheetDidPresent": "ionActionSheetDidPresent"; "ionActionSheetWillPresent": "ionActionSheetWillPresent"; "ionActionSheetWillDismiss": "ionActionSheetWillDismiss"; "ionActionSheetDidDismiss": "ionActionSheetDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], true, never>;
 }
 declare interface IonActionSheet extends Components.IonActionSheet {
     /**
@@ -131,7 +145,7 @@ declare class IonAlert {
     didDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAlert, "ion-alert", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionAlertDidPresent": "ionAlertDidPresent"; "ionAlertWillPresent": "ionAlertWillPresent"; "ionAlertWillDismiss": "ionAlertWillDismiss"; "ionAlertDidDismiss": "ionAlertDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAlert, "ion-alert", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionAlertDidPresent": "ionAlertDidPresent"; "ionAlertWillPresent": "ionAlertWillPresent"; "ionAlertWillDismiss": "ionAlertWillDismiss"; "ionAlertDidDismiss": "ionAlertDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], true, never>;
 }
 declare interface IonAlert extends Components.IonAlert {
     /**
@@ -176,7 +190,7 @@ declare class IonApp {
     protected el: HTMLIonAppElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonApp extends Components.IonApp {
 }
@@ -185,7 +199,7 @@ declare class IonAvatar {
     protected el: HTMLIonAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonAvatar extends Components.IonAvatar {
 }
@@ -195,7 +209,7 @@ declare class IonBackdrop {
     ionBackdropTap: EventEmitter<IonBackdropCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonBackdrop, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackdrop, "ion-backdrop", never, { "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "ionBackdropTap": "ionBackdropTap"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackdrop, "ion-backdrop", never, { "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "ionBackdropTap": "ionBackdropTap"; }, never, ["*"], true, never>;
 }
 declare interface IonBackdrop extends Components.IonBackdrop {
     /**
@@ -208,7 +222,7 @@ declare class IonBadge {
     protected el: HTMLIonBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBadge, "ion-badge", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBadge, "ion-badge", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonBadge extends Components.IonBadge {
 }
@@ -219,7 +233,7 @@ declare class IonBreadcrumb {
     ionBlur: EventEmitter<IonBreadcrumbCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonBreadcrumb, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumb, "ion-breadcrumb", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumb, "ion-breadcrumb", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], true, never>;
 }
 declare interface IonBreadcrumb extends Components.IonBreadcrumb {
     /**
@@ -237,7 +251,7 @@ declare class IonBreadcrumbs {
     ionCollapsedClick: EventEmitter<IonBreadcrumbsCustomEvent<BreadcrumbCollapsedClickEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonBreadcrumbs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumbs, "ion-breadcrumbs", never, { "color": { "alias": "color"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "ionCollapsedClick": "ionCollapsedClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumbs, "ion-breadcrumbs", never, { "color": { "alias": "color"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "ionCollapsedClick": "ionCollapsedClick"; }, never, ["*"], true, never>;
 }
 declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
     /**
@@ -252,7 +266,7 @@ declare class IonButton {
     ionBlur: EventEmitter<IonButtonCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonButton, "ion-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButton, "ion-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], true, never>;
 }
 declare interface IonButton extends Components.IonButton {
     /**
@@ -269,7 +283,7 @@ declare class IonButtons {
     protected el: HTMLIonButtonsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonButtons, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonButtons, "ion-buttons", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButtons, "ion-buttons", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonButtons extends Components.IonButtons {
 }
@@ -278,7 +292,7 @@ declare class IonCard {
     protected el: HTMLIonCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCard, "ion-card", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCard, "ion-card", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCard extends Components.IonCard {
 }
@@ -287,7 +301,7 @@ declare class IonCardContent {
     protected el: HTMLIonCardContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCardContent extends Components.IonCardContent {
 }
@@ -296,7 +310,7 @@ declare class IonCardHeader {
     protected el: HTMLIonCardHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardHeader, "ion-card-header", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardHeader, "ion-card-header", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCardHeader extends Components.IonCardHeader {
 }
@@ -305,7 +319,7 @@ declare class IonCardSubtitle {
     protected el: HTMLIonCardSubtitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardSubtitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardSubtitle, "ion-card-subtitle", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardSubtitle, "ion-card-subtitle", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCardSubtitle extends Components.IonCardSubtitle {
 }
@@ -314,42 +328,16 @@ declare class IonCardTitle {
     protected el: HTMLIonCardTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardTitle, "ion-card-title", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardTitle, "ion-card-title", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCardTitle extends Components.IonCardTitle {
 }
-declare class IonCheckbox {
-    protected z: NgZone;
-    protected el: HTMLIonCheckboxElement;
-    ionChange: EventEmitter<IonCheckboxCustomEvent<CheckboxChangeEventDetail<any>>>;
-    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
-    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
-}
-declare interface IonCheckbox extends Components.IonCheckbox {
-    /**
-     * Emitted when the checked property has changed as a result of a user action such as a click.
-  
-  This event will not emit when programmatically setting the `checked` property.
-     */
-    ionChange: EventEmitter<IonCheckboxCustomEvent<CheckboxChangeEventDetail>>;
-    /**
-     * Emitted when the checkbox has focus.
-     */
-    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
-    /**
-     * Emitted when the checkbox loses focus.
-     */
-    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
-}
 declare class IonChip {
     protected z: NgZone;
     protected el: HTMLIonChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonChip extends Components.IonChip {
 }
@@ -358,7 +346,7 @@ declare class IonCol {
     protected el: HTMLIonColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCol, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "offset": { "alias": "offset"; "required": false; }; "offsetLg": { "alias": "offsetLg"; "required": false; }; "offsetMd": { "alias": "offsetMd"; "required": false; }; "offsetSm": { "alias": "offsetSm"; "required": false; }; "offsetXl": { "alias": "offsetXl"; "required": false; }; "offsetXs": { "alias": "offsetXs"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "pullLg": { "alias": "pullLg"; "required": false; }; "pullMd": { "alias": "pullMd"; "required": false; }; "pullSm": { "alias": "pullSm"; "required": false; }; "pullXl": { "alias": "pullXl"; "required": false; }; "pullXs": { "alias": "pullXs"; "required": false; }; "push": { "alias": "push"; "required": false; }; "pushLg": { "alias": "pushLg"; "required": false; }; "pushMd": { "alias": "pushMd"; "required": false; }; "pushSm": { "alias": "pushSm"; "required": false; }; "pushXl": { "alias": "pushXl"; "required": false; }; "pushXs": { "alias": "pushXs"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; "sizeXl": { "alias": "sizeXl"; "required": false; }; "sizeXs": { "alias": "sizeXs"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "offset": { "alias": "offset"; "required": false; }; "offsetLg": { "alias": "offsetLg"; "required": false; }; "offsetMd": { "alias": "offsetMd"; "required": false; }; "offsetSm": { "alias": "offsetSm"; "required": false; }; "offsetXl": { "alias": "offsetXl"; "required": false; }; "offsetXs": { "alias": "offsetXs"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "pullLg": { "alias": "pullLg"; "required": false; }; "pullMd": { "alias": "pullMd"; "required": false; }; "pullSm": { "alias": "pullSm"; "required": false; }; "pullXl": { "alias": "pullXl"; "required": false; }; "pullXs": { "alias": "pullXs"; "required": false; }; "push": { "alias": "push"; "required": false; }; "pushLg": { "alias": "pushLg"; "required": false; }; "pushMd": { "alias": "pushMd"; "required": false; }; "pushSm": { "alias": "pushSm"; "required": false; }; "pushXl": { "alias": "pushXl"; "required": false; }; "pushXs": { "alias": "pushXs"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; "sizeXl": { "alias": "sizeXl"; "required": false; }; "sizeXs": { "alias": "sizeXs"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonCol extends Components.IonCol {
 }
@@ -370,7 +358,7 @@ declare class IonContent {
     ionScrollEnd: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonContent, "ion-content", never, { "color": { "alias": "color"; "required": false; }; "fixedSlotPlacement": { "alias": "fixedSlotPlacement"; "required": false; }; "forceOverscroll": { "alias": "forceOverscroll"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "ionScrollStart": "ionScrollStart"; "ionScroll": "ionScroll"; "ionScrollEnd": "ionScrollEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonContent, "ion-content", never, { "color": { "alias": "color"; "required": false; }; "fixedSlotPlacement": { "alias": "fixedSlotPlacement"; "required": false; }; "forceOverscroll": { "alias": "forceOverscroll"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "ionScrollStart": "ionScrollStart"; "ionScroll": "ionScroll"; "ionScrollEnd": "ionScrollEnd"; }, never, ["*"], true, never>;
 }
 declare interface IonContent extends Components.IonContent {
     /**
@@ -389,43 +377,12 @@ declare interface IonContent extends Components.IonContent {
      */
     ionScrollEnd: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
 }
-declare class IonDatetime {
-    protected z: NgZone;
-    protected el: HTMLIonDatetimeElement;
-    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
-    ionChange: EventEmitter<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
-    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
-    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, { "ionCancel": "ionCancel"; "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
-}
-declare interface IonDatetime extends Components.IonDatetime {
-    /**
-     * Emitted when the datetime selection was cancelled.
-     */
-    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
-    /**
-     * Emitted when the value (selected date) has changed.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
-    /**
-     * Emitted when the datetime has focus.
-     */
-    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
-    /**
-     * Emitted when the datetime loses focus.
-     */
-    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
-}
 declare class IonDatetimeButton {
     protected z: NgZone;
     protected el: HTMLIonDatetimeButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetimeButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonDatetimeButton extends Components.IonDatetimeButton {
 }
@@ -434,7 +391,7 @@ declare class IonFab {
     protected el: HTMLIonFabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFab, "ion-fab", never, { "activated": { "alias": "activated"; "required": false; }; "edge": { "alias": "edge"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFab, "ion-fab", never, { "activated": { "alias": "activated"; "required": false; }; "edge": { "alias": "edge"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonFab extends Components.IonFab {
 }
@@ -445,7 +402,7 @@ declare class IonFabButton {
     ionBlur: EventEmitter<IonFabButtonCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabButton, "ion-fab-button", never, { "activated": { "alias": "activated"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "show": { "alias": "show"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabButton, "ion-fab-button", never, { "activated": { "alias": "activated"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "show": { "alias": "show"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], true, never>;
 }
 declare interface IonFabButton extends Components.IonFabButton {
     /**
@@ -462,7 +419,7 @@ declare class IonFabList {
     protected el: HTMLIonFabListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFabList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabList, "ion-fab-list", never, { "activated": { "alias": "activated"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabList, "ion-fab-list", never, { "activated": { "alias": "activated"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonFabList extends Components.IonFabList {
 }
@@ -471,7 +428,7 @@ declare class IonFooter {
     protected el: HTMLIonFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFooter, "ion-footer", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFooter, "ion-footer", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonFooter extends Components.IonFooter {
 }
@@ -480,7 +437,7 @@ declare class IonGrid {
     protected el: HTMLIonGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonGrid extends Components.IonGrid {
 }
@@ -489,19 +446,10 @@ declare class IonHeader {
     protected el: HTMLIonHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonHeader, "ion-header", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonHeader, "ion-header", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonHeader extends Components.IonHeader {
 }
-declare class IonIcon {
-    protected z: NgZone;
-    protected el: HTMLIonIconElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": { "alias": "color"; "required": false; }; "flipRtl": { "alias": "flipRtl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ios": { "alias": "ios"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "md": { "alias": "md"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-declare interface IonIcon extends Components.IonIcon {
-}
 declare class IonImg {
     protected z: NgZone;
     protected el: HTMLIonImgElement;
@@ -510,7 +458,7 @@ declare class IonImg {
     ionError: EventEmitter<IonImgCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonImg, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonImg, "ion-img", never, { "alt": { "alias": "alt"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "ionImgWillLoad": "ionImgWillLoad"; "ionImgDidLoad": "ionImgDidLoad"; "ionError": "ionError"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonImg, "ion-img", never, { "alt": { "alias": "alt"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "ionImgWillLoad": "ionImgWillLoad"; "ionImgDidLoad": "ionImgDidLoad"; "ionError": "ionError"; }, never, ["*"], true, never>;
 }
 declare interface IonImg extends Components.IonImg {
     /**
@@ -532,7 +480,7 @@ declare class IonInfiniteScroll {
     ionInfinite: EventEmitter<IonInfiniteScrollCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInfiniteScroll, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScroll, "ion-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "position": { "alias": "position"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScroll, "ion-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "position": { "alias": "position"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], true, never>;
 }
 declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
     /**
@@ -548,111 +496,16 @@ declare class IonInfiniteScrollContent {
     protected el: HTMLIonInfiniteScrollContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInfiniteScrollContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScrollContent, "ion-infinite-scroll-content", never, { "loadingSpinner": { "alias": "loadingSpinner"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScrollContent, "ion-infinite-scroll-content", never, { "loadingSpinner": { "alias": "loadingSpinner"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
 }
-declare class IonInput {
-    protected z: NgZone;
-    protected el: HTMLIonInputElement;
-    ionInput: EventEmitter<IonInputCustomEvent<InputInputEventDetail>>;
-    ionChange: EventEmitter<IonInputCustomEvent<InputChangeEventDetail>>;
-    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
-    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearInputIcon": { "alias": "clearInputIcon"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
-}
-declare interface IonInput extends Components.IonInput {
-    /**
-     * The `ionInput` event is fired each time the user modifies the input's value.
-  Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
-  to the input's value. This typically happens for each keystroke as the user types.
-  
-  For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
-  is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
-  the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
-  the input is cleared on edit, the type is `null`.
-     */
-    ionInput: EventEmitter<IonInputCustomEvent<InputInputEventDetail>>;
-    /**
-     * The `ionChange` event is fired when the user modifies the input's value.
-  Unlike the `ionInput` event, the `ionChange` event is only fired when changes
-  are committed, not as the user types.
-  
-  Depending on the way the users interacts with the element, the `ionChange`
-  event fires at a different moment:
-  - When the user commits the change explicitly (e.g. by selecting a date
-  from a date picker for `<ion-input type="date">`, pressing the "Enter" key, etc.).
-  - When the element loses focus after its value has changed: for elements
-  where the user's interaction is typing.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonInputCustomEvent<InputChangeEventDetail>>;
-    /**
-     * Emitted when the input loses focus.
-     */
-    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
-    /**
-     * Emitted when the input has focus.
-     */
-    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
-}
-declare class IonInputOtp {
-    protected z: NgZone;
-    protected el: HTMLIonInputOtpElement;
-    ionInput: EventEmitter<IonInputOtpCustomEvent<InputOtpInputEventDetail>>;
-    ionChange: EventEmitter<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
-    ionComplete: EventEmitter<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
-    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
-    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputOtp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionComplete": "ionComplete"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
-}
-declare interface IonInputOtp extends Components.IonInputOtp {
-    /**
-     * The `ionInput` event is fired each time the user modifies the input's value.
-  Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
-  to the input's value. This typically happens for each keystroke as the user types.
-  
-  For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
-  is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
-  the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
-  the input is cleared on edit, the type is `null`.
-     */
-    ionInput: EventEmitter<IonInputOtpCustomEvent<InputOtpInputEventDetail>>;
-    /**
-     * The `ionChange` event is fired when the user modifies the input's value.
-  Unlike the `ionInput` event, the `ionChange` event is only fired when changes
-  are committed, not as the user types.
-  
-  The `ionChange` event fires when the `<ion-input-otp>` component loses
-  focus after its value has changed.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
-    /**
-     * Emitted when all input boxes have been filled with valid values.
-     */
-    ionComplete: EventEmitter<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
-    /**
-     * Emitted when the input group loses focus.
-     */
-    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
-    /**
-     * Emitted when the input group has focus.
-     */
-    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
-}
 declare class IonInputPasswordToggle {
     protected z: NgZone;
     protected el: HTMLIonInputPasswordToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInputPasswordToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputPasswordToggle, "ion-input-password-toggle", never, { "color": { "alias": "color"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputPasswordToggle, "ion-input-password-toggle", never, { "color": { "alias": "color"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
 }
@@ -661,7 +514,7 @@ declare class IonItem {
     protected el: HTMLIonItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItem, "ion-item", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; "detailIcon": { "alias": "detailIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItem, "ion-item", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; "detailIcon": { "alias": "detailIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonItem extends Components.IonItem {
 }
@@ -670,7 +523,7 @@ declare class IonItemDivider {
     protected el: HTMLIonItemDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemDivider, "ion-item-divider", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemDivider, "ion-item-divider", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonItemDivider extends Components.IonItemDivider {
 }
@@ -679,7 +532,7 @@ declare class IonItemGroup {
     protected el: HTMLIonItemGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonItemGroup extends Components.IonItemGroup {
 }
@@ -688,7 +541,7 @@ declare class IonItemOption {
     protected el: HTMLIonItemOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOption, "ion-item-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOption, "ion-item-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonItemOption extends Components.IonItemOption {
 }
@@ -698,7 +551,7 @@ declare class IonItemOptions {
     ionSwipe: EventEmitter<IonItemOptionsCustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemOptions, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOptions, "ion-item-options", never, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOptions, "ion-item-options", never, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], true, never>;
 }
 declare interface IonItemOptions extends Components.IonItemOptions {
     /**
@@ -712,7 +565,7 @@ declare class IonItemSliding {
     ionDrag: EventEmitter<IonItemSlidingCustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemSliding, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemSliding, "ion-item-sliding", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemSliding, "ion-item-sliding", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], true, never>;
 }
 declare interface IonItemSliding extends Components.IonItemSliding {
     /**
@@ -725,7 +578,7 @@ declare class IonLabel {
     protected el: HTMLIonLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonLabel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonLabel, "ion-label", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLabel, "ion-label", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonLabel extends Components.IonLabel {
 }
@@ -734,7 +587,7 @@ declare class IonList {
     protected el: HTMLIonListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonList, "ion-list", never, { "inset": { "alias": "inset"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonList, "ion-list", never, { "inset": { "alias": "inset"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonList extends Components.IonList {
 }
@@ -743,7 +596,7 @@ declare class IonListHeader {
     protected el: HTMLIonListHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonListHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonListHeader, "ion-list-header", never, { "color": { "alias": "color"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonListHeader, "ion-list-header", never, { "color": { "alias": "color"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonListHeader extends Components.IonListHeader {
 }
@@ -760,7 +613,7 @@ declare class IonLoading {
     didDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonLoading, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonLoading, "ion-loading", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "spinner": { "alias": "spinner"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionLoadingDidPresent": "ionLoadingDidPresent"; "ionLoadingWillPresent": "ionLoadingWillPresent"; "ionLoadingWillDismiss": "ionLoadingWillDismiss"; "ionLoadingDidDismiss": "ionLoadingDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLoading, "ion-loading", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "spinner": { "alias": "spinner"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionLoadingDidPresent": "ionLoadingDidPresent"; "ionLoadingWillPresent": "ionLoadingWillPresent"; "ionLoadingWillDismiss": "ionLoadingWillDismiss"; "ionLoadingDidDismiss": "ionLoadingDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], true, never>;
 }
 declare interface IonLoading extends Components.IonLoading {
     /**
@@ -809,7 +662,7 @@ declare class IonMenu {
     ionDidClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenu, "ion-menu", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxEdgeStart": { "alias": "maxEdgeStart"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionWillOpen": "ionWillOpen"; "ionWillClose": "ionWillClose"; "ionDidOpen": "ionDidOpen"; "ionDidClose": "ionDidClose"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenu, "ion-menu", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxEdgeStart": { "alias": "maxEdgeStart"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionWillOpen": "ionWillOpen"; "ionWillClose": "ionWillClose"; "ionDidOpen": "ionDidOpen"; "ionDidClose": "ionDidClose"; }, never, ["*"], true, never>;
 }
 declare interface IonMenu extends Components.IonMenu {
     /**
@@ -834,7 +687,7 @@ declare class IonMenuButton {
     protected el: HTMLIonMenuButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonMenuButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuButton, "ion-menu-button", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuButton, "ion-menu-button", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonMenuButton extends Components.IonMenuButton {
 }
@@ -843,7 +696,7 @@ declare class IonMenuToggle {
     protected el: HTMLIonMenuToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonMenuToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuToggle, "ion-menu-toggle", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuToggle, "ion-menu-toggle", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
@@ -852,7 +705,7 @@ declare class IonNavLink {
     protected el: HTMLIonNavLinkElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonNavLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonNavLink, "ion-nav-link", never, { "component": { "alias": "component"; "required": false; }; "componentProps": { "alias": "componentProps"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNavLink, "ion-nav-link", never, { "component": { "alias": "component"; "required": false; }; "componentProps": { "alias": "componentProps"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonNavLink extends Components.IonNavLink {
 }
@@ -861,7 +714,7 @@ declare class IonNote {
     protected el: HTMLIonNoteElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonNote, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonNote, "ion-note", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNote, "ion-note", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonNote extends Components.IonNote {
 }
@@ -870,7 +723,7 @@ declare class IonPicker {
     protected el: HTMLIonPickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonPicker extends Components.IonPicker {
 }
@@ -880,7 +733,7 @@ declare class IonPickerColumn {
     ionChange: EventEmitter<IonPickerColumnCustomEvent<PickerColumnChangeEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonPickerColumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumn, "ion-picker-column", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumn, "ion-picker-column", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], true, never>;
 }
 declare interface IonPickerColumn extends Components.IonPickerColumn {
     /**
@@ -895,7 +748,7 @@ declare class IonPickerColumnOption {
     protected el: HTMLIonPickerColumnOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonPickerColumnOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
 }
@@ -904,7 +757,7 @@ declare class IonProgressBar {
     protected el: HTMLIonProgressBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonProgressBar, "ion-progress-bar", never, { "buffer": { "alias": "buffer"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonProgressBar, "ion-progress-bar", never, { "buffer": { "alias": "buffer"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonProgressBar extends Components.IonProgressBar {
 }
@@ -915,7 +768,7 @@ declare class IonRadio {
     ionBlur: EventEmitter<IonRadioCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], true, never>;
 }
 declare interface IonRadio extends Components.IonRadio {
     /**
@@ -927,70 +780,6 @@ declare interface IonRadio extends Components.IonRadio {
      */
     ionBlur: EventEmitter<IonRadioCustomEvent<void>>;
 }
-declare class IonRadioGroup {
-    protected z: NgZone;
-    protected el: HTMLIonRadioGroupElement;
-    ionChange: EventEmitter<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail<any>>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
-}
-declare interface IonRadioGroup extends Components.IonRadioGroup {
-    /**
-     * Emitted when the value has changed.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail>>;
-}
-declare class IonRange {
-    protected z: NgZone;
-    protected el: HTMLIonRangeElement;
-    ionChange: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    ionInput: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
-    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
-    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
-    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; "ionKnobMoveStart": "ionKnobMoveStart"; "ionKnobMoveEnd": "ionKnobMoveEnd"; }, never, ["*"], false, never>;
-}
-declare interface IonRange extends Components.IonRange {
-    /**
-     * The `ionChange` event is fired for `<ion-range>` elements when the user
-  modifies the element's value:
-  - When the user releases the knob after dragging;
-  - When the user moves the knob with keyboard arrows
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    /**
-     * The `ionInput` event is fired for `<ion-range>` elements when the value
-  is modified. Unlike `ionChange`, `ionInput` is fired continuously
-  while the user is dragging the knob.
-     */
-    ionInput: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    /**
-     * Emitted when the range has focus.
-     */
-    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
-    /**
-     * Emitted when the range loses focus.
-     */
-    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
-    /**
-     * Emitted when the user starts moving the range knob, whether through
-  mouse drag, touch gesture, or keyboard interaction.
-     */
-    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
-    /**
-     * Emitted when the user finishes moving the range knob, whether through
-  mouse drag, touch gesture, or keyboard interaction.
-     */
-    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
-}
 declare class IonRefresher {
     protected z: NgZone;
     protected el: HTMLIonRefresherElement;
@@ -1001,7 +790,7 @@ declare class IonRefresher {
     ionPullEnd: EventEmitter<IonRefresherCustomEvent<RefresherPullEndEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRefresher, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresher, "ion-refresher", never, { "closeDuration": { "alias": "closeDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pullFactor": { "alias": "pullFactor"; "required": false; }; "pullMax": { "alias": "pullMax"; "required": false; }; "pullMin": { "alias": "pullMin"; "required": false; }; "snapbackDuration": { "alias": "snapbackDuration"; "required": false; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresher, "ion-refresher", never, { "closeDuration": { "alias": "closeDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pullFactor": { "alias": "pullFactor"; "required": false; }; "pullMax": { "alias": "pullMax"; "required": false; }; "pullMin": { "alias": "pullMin"; "required": false; }; "snapbackDuration": { "alias": "snapbackDuration"; "required": false; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], true, never>;
 }
 declare interface IonRefresher extends Components.IonRefresher {
     /**
@@ -1035,7 +824,7 @@ declare class IonRefresherContent {
     protected el: HTMLIonRefresherContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRefresherContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresherContent, "ion-refresher-content", never, { "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresherContent, "ion-refresher-content", never, { "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonRefresherContent extends Components.IonRefresherContent {
 }
@@ -1044,7 +833,7 @@ declare class IonReorder {
     protected el: HTMLIonReorderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonReorder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonReorder extends Components.IonReorder {
 }
@@ -1057,7 +846,7 @@ declare class IonReorderGroup {
     ionReorderEnd: EventEmitter<IonReorderGroupCustomEvent<ReorderEndEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonReorderGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorderGroup, "ion-reorder-group", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorderGroup, "ion-reorder-group", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], true, never>;
 }
 declare interface IonReorderGroup extends Components.IonReorderGroup {
     /**
@@ -1090,7 +879,7 @@ declare class IonRippleEffect {
     protected el: HTMLIonRippleEffectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRippleEffect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRippleEffect, "ion-ripple-effect", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRippleEffect, "ion-ripple-effect", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonRippleEffect extends Components.IonRippleEffect {
 }
@@ -1099,80 +888,16 @@ declare class IonRow {
     protected el: HTMLIonRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonRow extends Components.IonRow {
 }
-declare class IonSearchbar {
-    protected z: NgZone;
-    protected el: HTMLIonSearchbarElement;
-    ionInput: EventEmitter<IonSearchbarCustomEvent<SearchbarInputEventDetail>>;
-    ionChange: EventEmitter<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
-    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonSearchbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionClear": "ionClear"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
-}
-declare interface IonSearchbar extends Components.IonSearchbar {
-    /**
-     * Emitted when the `value` of the `ion-searchbar` element has changed.
-     */
-    ionInput: EventEmitter<IonSearchbarCustomEvent<SearchbarInputEventDetail>>;
-    /**
-     * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
-  modifies the element's value. Unlike the `ionInput` event, the `ionChange`
-  event is not necessarily fired for each alteration to an element's value.
-  
-  The `ionChange` event is fired when the value has been committed
-  by the user. This can happen when the element loses focus or
-  when the "Enter" key is pressed. `ionChange` can also fire
-  when clicking the clear or cancel buttons.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
-    /**
-     * Emitted when the cancel button is clicked.
-     */
-    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
-    /**
-     * Emitted when the clear input button is clicked.
-     */
-    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
-    /**
-     * Emitted when the input loses focus.
-     */
-    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
-    /**
-     * Emitted when the input has focus.
-     */
-    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
-}
-declare class IonSegment {
-    protected z: NgZone;
-    protected el: HTMLIonSegmentElement;
-    ionChange: EventEmitter<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonSegment, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
-}
-declare interface IonSegment extends Components.IonSegment {
-    /**
-     * Emitted when the value property has changed and any dragging pointer has been released from `ion-segment`.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
-}
 declare class IonSegmentButton {
     protected z: NgZone;
     protected el: HTMLIonSegmentButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonSegmentButton extends Components.IonSegmentButton {
 }
@@ -1181,7 +906,7 @@ declare class IonSegmentContent {
     protected el: HTMLIonSegmentContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentContent, "ion-segment-content", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentContent, "ion-segment-content", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonSegmentContent extends Components.IonSegmentContent {
 }
@@ -1191,7 +916,7 @@ declare class IonSegmentView {
     ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<SegmentViewScrollEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentView, "ion-segment-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, { "ionSegmentViewScroll": "ionSegmentViewScroll"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentView, "ion-segment-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, { "ionSegmentViewScroll": "ionSegmentViewScroll"; }, never, ["*"], true, never>;
 }
 declare interface IonSegmentView extends Components.IonSegmentView {
     /**
@@ -1199,48 +924,12 @@ declare interface IonSegmentView extends Components.IonSegmentView {
      */
     ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<SegmentViewScrollEvent>>;
 }
-declare class IonSelect {
-    protected z: NgZone;
-    protected el: HTMLIonSelectElement;
-    ionChange: EventEmitter<IonSelectCustomEvent<SelectChangeEventDetail<any>>>;
-    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
-    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
-    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
-    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionDismiss": "ionDismiss"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
-}
-declare interface IonSelect extends Components.IonSelect {
-    /**
-     * Emitted when the value has changed.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonSelectCustomEvent<SelectChangeEventDetail>>;
-    /**
-     * Emitted when the selection is cancelled.
-     */
-    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
-    /**
-     * Emitted when the overlay is dismissed.
-     */
-    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
-    /**
-     * Emitted when the select has focus.
-     */
-    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
-    /**
-     * Emitted when the select loses focus.
-     */
-    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
-}
 declare class IonSelectModal {
     protected z: NgZone;
     protected el: HTMLIonSelectModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "header": { "alias": "header"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "header": { "alias": "header"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonSelectModal extends Components.IonSelectModal {
 }
@@ -1249,7 +938,7 @@ declare class IonSelectOption {
     protected el: HTMLIonSelectOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectOption, "ion-select-option", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectOption, "ion-select-option", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonSelectOption extends Components.IonSelectOption {
 }
@@ -1258,7 +947,7 @@ declare class IonSkeletonText {
     protected el: HTMLIonSkeletonTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSkeletonText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSkeletonText, "ion-skeleton-text", never, { "animated": { "alias": "animated"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSkeletonText, "ion-skeleton-text", never, { "animated": { "alias": "animated"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonSkeletonText extends Components.IonSkeletonText {
 }
@@ -1267,7 +956,7 @@ declare class IonSpinner {
     protected el: HTMLIonSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSpinner, "ion-spinner", never, { "color": { "alias": "color"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSpinner, "ion-spinner", never, { "color": { "alias": "color"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonSpinner extends Components.IonSpinner {
 }
@@ -1279,7 +968,7 @@ declare class IonSplitPane {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSplitPane, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSplitPane, "ion-split-pane", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, { "ionSplitPaneVisible": "ionSplitPaneVisible"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSplitPane, "ion-split-pane", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, { "ionSplitPaneVisible": "ionSplitPaneVisible"; }, never, ["*"], true, never>;
 }
 declare interface IonSplitPane extends Components.IonSplitPane {
     /**
@@ -1294,7 +983,7 @@ declare class IonTab {
     protected el: HTMLIonTabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonTab extends Components.IonTab {
 }
@@ -1303,7 +992,7 @@ declare class IonTabBar {
     protected el: HTMLIonTabBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTabBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabBar, "ion-tab-bar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabBar, "ion-tab-bar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonTabBar extends Components.IonTabBar {
 }
@@ -1312,7 +1001,7 @@ declare class IonTabButton {
     protected el: HTMLIonTabButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabButton, "ion-tab-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabButton, "ion-tab-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonTabButton extends Components.IonTabButton {
 }
@@ -1321,54 +1010,16 @@ declare class IonText {
     protected el: HTMLIonTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonText, "ion-text", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonText, "ion-text", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonText extends Components.IonText {
 }
-declare class IonTextarea {
+declare class IonThumbnail {
     protected z: NgZone;
-    protected el: HTMLIonTextareaElement;
-    ionChange: EventEmitter<IonTextareaCustomEvent<TextareaChangeEventDetail>>;
-    ionInput: EventEmitter<IonTextareaCustomEvent<TextareaInputEventDetail>>;
-    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
-    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
+    protected el: HTMLIonThumbnailElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
-}
-declare interface IonTextarea extends Components.IonTextarea {
-    /**
-     * The `ionChange` event is fired when the user modifies the textarea's value.
-  Unlike the `ionInput` event, the `ionChange` event is fired when
-  the element loses focus after its value has been modified.
-  
-  This event will not emit when programmatically setting the `value` property.
-     */
-    ionChange: EventEmitter<IonTextareaCustomEvent<TextareaChangeEventDetail>>;
-    /**
-     * The `ionInput` event is fired each time the user modifies the textarea's value.
-  Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
-  to the textarea's value. This typically happens for each keystroke as the user types.
-  
-  When `clearOnEdit` is enabled, the `ionInput` event will be fired when
-  the user clears the textarea by performing a keydown event.
-     */
-    ionInput: EventEmitter<IonTextareaCustomEvent<TextareaInputEventDetail>>;
-    /**
-     * Emitted when the input loses focus.
-     */
-    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
-    /**
-     * Emitted when the input has focus.
-     */
-    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
-}
-declare class IonThumbnail {
-    protected z: NgZone;
-    protected el: HTMLIonThumbnailElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonThumbnail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, {}, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonThumbnail, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, {}, {}, never, ["*"], true, never>;
 }
 declare interface IonThumbnail extends Components.IonThumbnail {
 }
@@ -1377,7 +1028,7 @@ declare class IonTitle {
     protected el: HTMLIonTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTitle, "ion-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTitle, "ion-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonTitle extends Components.IonTitle {
 }
@@ -1394,7 +1045,7 @@ declare class IonToast {
     didDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToast, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": { "alias": "animated"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionToastDidPresent": "ionToastDidPresent"; "ionToastWillPresent": "ionToastWillPresent"; "ionToastWillDismiss": "ionToastWillDismiss"; "ionToastDidDismiss": "ionToastDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": { "alias": "animated"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionToastDidPresent": "ionToastDidPresent"; "ionToastWillPresent": "ionToastWillPresent"; "ionToastWillDismiss": "ionToastWillDismiss"; "ionToastDidDismiss": "ionToastDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], true, never>;
 }
 declare interface IonToast extends Components.IonToast {
     /**
@@ -1434,127 +1085,34 @@ declare interface IonToast extends Components.IonToast {
      */
     didDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
 }
-declare class IonToggle {
-    protected z: NgZone;
-    protected el: HTMLIonToggleElement;
-    ionChange: EventEmitter<IonToggleCustomEvent<ToggleChangeEventDetail<any>>>;
-    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
-    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
-}
-declare interface IonToggle extends Components.IonToggle {
-    /**
-     * Emitted when the user switches the toggle on or off.
-  
-  This event will not emit when programmatically setting the `checked` property.
-     */
-    ionChange: EventEmitter<IonToggleCustomEvent<ToggleChangeEventDetail>>;
-    /**
-     * Emitted when the toggle has focus.
-     */
-    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
-    /**
-     * Emitted when the toggle loses focus.
-     */
-    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
-}
 declare class IonToolbar {
     protected z: NgZone;
     protected el: HTMLIonToolbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IonToolbar extends Components.IonToolbar {
 }
 
-declare class IonRouterOutlet extends IonRouterOutlet$1 {
-    readonly parentOutlet?: IonRouterOutlet | undefined;
-    /**
-     * `static: true` must be set so the query results are resolved
-     * before change detection runs. Otherwise, the view container
-     * ref will be ion-router-outlet instead of ng-container, and
-     * the first view will be added as a sibling of ion-router-outlet
-     * instead of a child.
-     */
-    outletContent: ViewContainerRef;
-    /**
-     * We need to pass in the correct instance of IonRouterOutlet
-     * otherwise parentOutlet will be null in a nested outlet context.
-     * This results in APIs such as NavController.pop not working
-     * in nested outlets because the parent outlet cannot be found.
-     */
-    constructor(name: string, tabs: string, commonLocation: Location, elementRef: ElementRef, router: Router, zone: NgZone, activatedRoute: ActivatedRoute, parentOutlet?: IonRouterOutlet | undefined);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRouterOutlet, "ion-router-outlet", never, {}, {}, never, ["*"], false, never>;
-}
-
 declare class IonTabs extends IonTabs$1 {
     outlet: IonRouterOutlet;
     tabBar: IonTabBar | undefined;
     tabBars: QueryList<IonTabBar>;
     tabs: QueryList<IonTab>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, {}, ["tabBar", "tabBars", "tabs"], ["[slot=top]", "ion-tab", "*"], false, never>;
-}
-
-declare class IonBackButton extends IonBackButton$1 {
-    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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabs, "ion-tabs", never, {}, {}, ["tabBar", "tabBars", "tabs"], ["[slot=top]", "ion-tab", "*"], true, never>;
 }
 
-declare class IonNav extends IonNav$1 {
-    constructor(ref: ElementRef, environmentInjector: EnvironmentInjector, injector: Injector, angularDelegate: AngularDelegate, z: NgZone, c: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonNav, "ion-nav", never, {}, {}, never, ["*"], false, 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 extends RouterLinkDelegateDirective$1 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkDelegateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkDelegateDirective, ":not(a):not(area)[routerLink]", never, {}, {}, never, never, false, never>;
-}
-declare class RouterLinkWithHrefDelegateDirective extends RouterLinkWithHrefDelegateDirective$1 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkWithHrefDelegateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkWithHrefDelegateDirective, "a[routerLink],area[routerLink]", never, {}, {}, never, never, false, never>;
-}
-
-declare class IonModal extends IonModal$1 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonModal, "ion-modal", never, {}, {}, never, never, false, never>;
-}
-
-declare class IonPopover extends IonPopover$1 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPopover, "ion-popover", never, {}, {}, never, never, false, never>;
-}
-
-/**
- * @description
- * Provider which adds `MaxValidator` to the `NG_VALIDATORS` multi-provider list.
- */
-declare const ION_MAX_VALIDATOR: Provider;
-declare class IonMaxValidator extends MaxValidator {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonMaxValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IonMaxValidator, "ion-input[type=number][max][formControlName],ion-input[type=number][max][formControl],ion-input[type=number][max][ngModel]", never, {}, {}, never, never, false, never>;
-}
+type OptInAngularFeatures = {
+    useSetInputAPI?: boolean;
+};
+declare const provideIonicAngular: (config?: IonicConfig & OptInAngularFeatures) => EnvironmentProviders;
 
-/**
- * @description
- * Provider which adds `MinValidator` to the `NG_VALIDATORS` multi-provider list.
- */
-declare const ION_MIN_VALIDATOR: Provider;
-declare class IonMinValidator extends MinValidator {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonMinValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IonMinValidator, "ion-input[type=number][min][formControlName],ion-input[type=number][min][formControl],ion-input[type=number][min][ngModel]", never, {}, {}, never, never, false, never>;
+declare class ActionSheetController extends OverlayBaseController<ActionSheetOptions, HTMLIonActionSheetElement> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ActionSheetController>;
 }
 
 declare class AlertController extends OverlayBaseController<AlertOptions, HTMLIonAlertElement> {
@@ -1587,12 +1145,6 @@ declare class AnimationController {
     static ɵprov: i0.ɵɵInjectableDeclaration<AnimationController>;
 }
 
-declare class ActionSheetController extends OverlayBaseController<ActionSheetOptions, HTMLIonActionSheetElement> {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetController, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ActionSheetController>;
-}
-
 declare class GestureController {
     private zone;
     constructor(zone: NgZone);
@@ -1640,14 +1192,369 @@ declare class ToastController extends OverlayBaseController<ToastOptions, HTMLIo
     static ɵprov: i0.ɵɵInjectableDeclaration<ToastController>;
 }
 
-type OptInAngularFeatures = {
-    useSetInputAPI?: boolean;
-};
-declare class IonicModule {
-    static forRoot(config?: IonicConfig & OptInAngularFeatures): ModuleWithProviders<IonicModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonicModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IonicModule, [typeof IonAccordion, typeof IonAccordionGroup, typeof IonActionSheet, typeof IonAlert, typeof IonApp, typeof IonAvatar, typeof IonBackdrop, typeof IonBadge, typeof IonBreadcrumb, typeof IonBreadcrumbs, typeof IonButton, typeof IonButtons, typeof IonCard, typeof IonCardContent, typeof IonCardHeader, typeof IonCardSubtitle, typeof IonCardTitle, typeof IonCheckbox, typeof IonChip, typeof IonCol, typeof IonContent, typeof IonDatetime, typeof IonDatetimeButton, typeof IonFab, typeof IonFabButton, typeof IonFabList, typeof IonFooter, typeof IonGrid, typeof IonHeader, typeof IonIcon, typeof IonImg, typeof IonInfiniteScroll, typeof IonInfiniteScrollContent, typeof IonInput, typeof IonInputOtp, typeof IonInputPasswordToggle, typeof IonItem, typeof IonItemDivider, typeof IonItemGroup, typeof IonItemOption, typeof IonItemOptions, typeof IonItemSliding, typeof IonLabel, typeof IonList, typeof IonListHeader, typeof IonLoading, typeof IonMenu, typeof IonMenuButton, typeof IonMenuToggle, typeof IonNavLink, typeof IonNote, typeof IonPicker, typeof IonPickerColumn, typeof IonPickerColumnOption, typeof IonProgressBar, typeof IonRadio, typeof IonRadioGroup, typeof IonRange, typeof IonRefresher, typeof IonRefresherContent, typeof IonReorder, typeof IonReorderGroup, typeof IonRippleEffect, typeof IonRow, typeof IonSearchbar, typeof IonSegment, typeof IonSegmentButton, typeof IonSegmentContent, typeof IonSegmentView, typeof IonSelect, typeof IonSelectModal, typeof IonSelectOption, typeof IonSkeletonText, typeof IonSpinner, typeof IonSplitPane, typeof IonTab, typeof IonTabBar, typeof IonTabButton, typeof IonText, typeof IonTextarea, typeof IonThumbnail, typeof IonTitle, typeof IonToast, typeof IonToggle, typeof IonToolbar, typeof IonModal, typeof IonPopover, typeof BooleanValueAccessorDirective, typeof NumericValueAccessorDirective, typeof SelectValueAccessorDirective, typeof TextValueAccessorDirective, typeof IonTabs, typeof IonRouterOutlet, typeof IonBackButton, typeof IonNav, typeof RouterLinkDelegateDirective, typeof RouterLinkWithHrefDelegateDirective, typeof IonMinValidator, typeof IonMaxValidator], [typeof i15.CommonModule], [typeof IonAccordion, typeof IonAccordionGroup, typeof IonActionSheet, typeof IonAlert, typeof IonApp, typeof IonAvatar, typeof IonBackdrop, typeof IonBadge, typeof IonBreadcrumb, typeof IonBreadcrumbs, typeof IonButton, typeof IonButtons, typeof IonCard, typeof IonCardContent, typeof IonCardHeader, typeof IonCardSubtitle, typeof IonCardTitle, typeof IonCheckbox, typeof IonChip, typeof IonCol, typeof IonContent, typeof IonDatetime, typeof IonDatetimeButton, typeof IonFab, typeof IonFabButton, typeof IonFabList, typeof IonFooter, typeof IonGrid, typeof IonHeader, typeof IonIcon, typeof IonImg, typeof IonInfiniteScroll, typeof IonInfiniteScrollContent, typeof IonInput, typeof IonInputOtp, typeof IonInputPasswordToggle, typeof IonItem, typeof IonItemDivider, typeof IonItemGroup, typeof IonItemOption, typeof IonItemOptions, typeof IonItemSliding, typeof IonLabel, typeof IonList, typeof IonListHeader, typeof IonLoading, typeof IonMenu, typeof IonMenuButton, typeof IonMenuToggle, typeof IonNavLink, typeof IonNote, typeof IonPicker, typeof IonPickerColumn, typeof IonPickerColumnOption, typeof IonProgressBar, typeof IonRadio, typeof IonRadioGroup, typeof IonRange, typeof IonRefresher, typeof IonRefresherContent, typeof IonReorder, typeof IonReorderGroup, typeof IonRippleEffect, typeof IonRow, typeof IonSearchbar, typeof IonSegment, typeof IonSegmentButton, typeof IonSegmentContent, typeof IonSegmentView, typeof IonSelect, typeof IonSelectModal, typeof IonSelectOption, typeof IonSkeletonText, typeof IonSpinner, typeof IonSplitPane, typeof IonTab, typeof IonTabBar, typeof IonTabButton, typeof IonText, typeof IonTextarea, typeof IonThumbnail, typeof IonTitle, typeof IonToast, typeof IonToggle, typeof IonToolbar, typeof IonModal, typeof IonPopover, typeof BooleanValueAccessorDirective, typeof NumericValueAccessorDirective, typeof SelectValueAccessorDirective, typeof TextValueAccessorDirective, typeof IonTabs, typeof IonRouterOutlet, typeof IonBackButton, typeof IonNav, typeof RouterLinkDelegateDirective, typeof RouterLinkWithHrefDelegateDirective, typeof IonMinValidator, typeof IonMaxValidator]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IonicModule>;
+declare class IonNav extends IonNav$1 {
+    constructor(ref: ElementRef, environmentInjector: EnvironmentInjector, injector: Injector, angularDelegate: AngularDelegate, z: NgZone, c: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNav, "ion-nav", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class IonCheckbox extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    writeValue(value: boolean): void;
+    handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonCheckbox extends Components.IonCheckbox {
+    /**
+     * Emitted when the checked property has changed
+  as a result of a user action such as a click.
+  This event will not emit when programmatically
+  setting the checked property.
+     */
+    ionChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;
+    /**
+     * Emitted when the checkbox has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the checkbox loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+}
+
+declare class IonDatetime extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonChange(el: HTMLIonDatetimeElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonDatetime extends Components.IonDatetime {
+    /**
+     * Emitted when the datetime selection was cancelled.
+     */
+    ionCancel: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the value (selected date) has changed.
+     */
+    ionChange: EventEmitter<CustomEvent<DatetimeChangeEventDetail>>;
+    /**
+     * Emitted when the datetime has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the datetime loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+}
+
+declare class IonIcon {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": { "alias": "color"; "required": false; }; "flipRtl": { "alias": "flipRtl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ios": { "alias": "ios"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "md": { "alias": "md"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class IonInput extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonInputElement): void;
+    registerOnChange(fn: (_: any) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "accept": { "alias": "accept"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonInput extends Components.IonInput {
+    /**
+     * The `ionInput` event is fired each time the user modifies the input's value.
+  Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
+  to the input's value. This typically happens for each keystroke as the user types.
+  
+  For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
+  is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
+  the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
+  the input is cleared on edit, the type is `null`.
+     */
+    ionInput: EventEmitter<CustomEvent<InputInputEventDetail>>;
+    /**
+     * The `ionChange` event is fired when the user modifies the input's value.
+  Unlike the `ionInput` event, the `ionChange` event is only fired when changes
+  are committed, not as the user types.
+  
+  Depending on the way the users interacts with the element, the `ionChange`
+  event fires at a different moment:
+  - When the user commits the change explicitly (e.g. by selecting a date
+  from a date picker for `<ion-input type="date">`, pressing the "Enter" key, etc.).
+  - When the element loses focus after its value has changed: for elements
+  where the user's interaction is typing.
+     */
+    ionChange: EventEmitter<CustomEvent<InputChangeEventDetail>>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when the input has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+}
+
+declare class IonInputOtp extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonInputOtpElement): void;
+    registerOnChange(fn: (_: any) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputOtp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonInputOtp extends Components.IonInputOtp {
+    /**
+     * The `ionInput` event is fired each time the user modifies the input's value.
+     * Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
+     * to the input's value. This typically happens for each keystroke as the user types.
+     *
+     * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
+     * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
+     * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
+     * the input is cleared on edit, the type is `null`.
+     */
+    ionInput: EventEmitter<CustomEvent<InputOtpInputEventDetail>>;
+    /**
+     * The `ionChange` event is fired when the user modifies the input's value.
+     * Unlike the `ionInput` event, the `ionChange` event is only fired when changes
+     * are committed, not as the user types.
+     *
+     * The `ionChange` event fires when the `<ion-input-otp>` component loses
+     * focus after its value has changed.
+     *
+     * This event will not emit when programmatically setting the `value` property.
+     */
+    ionChange: EventEmitter<CustomEvent<InputOtpChangeEventDetail>>;
+    /**
+     * Emitted when all input boxes have been filled with valid values.
+     */
+    ionComplete: EventEmitter<CustomEvent<InputOtpCompleteEventDetail>>;
+    /**
+     * Emitted when the input group loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when the input group has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+}
+
+declare class IonRadioGroup extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonChange(el: HTMLIonRadioGroupElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonRadioGroup extends Components.IonRadioGroup {
+    /**
+     * Emitted when the value has changed.
+     */
+    ionChange: EventEmitter<CustomEvent<RadioGroupChangeEventDetail>>;
+}
+
+declare class IonRange extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonRangeElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonRange extends Components.IonRange {
+    /**
+     * The `ionChange` event is fired for `<ion-range>` elements when the user
+  modifies the element's value:
+  - When the user releases the knob after dragging;
+  - When the user moves the knob with keyboard arrows
+  
+  `ionChange` is not fired when the value is changed programmatically.
+     */
+    ionChange: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
+    /**
+     * The `ionInput` event is fired for `<ion-range>` elements when the value
+  is modified. Unlike `ionChange`, `ionInput` is fired continuously
+  while the user is dragging the knob.
+     */
+    ionInput: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
+    /**
+     * Emitted when the range has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the range loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the user starts moving the range knob, whether through
+  mouse drag, touch gesture, or keyboard interaction.
+     */
+    ionKnobMoveStart: EventEmitter<CustomEvent<RangeKnobMoveStartEventDetail>>;
+    /**
+     * Emitted when the user finishes moving the range knob, whether through
+  mouse drag, touch gesture, or keyboard interaction.
+     */
+    ionKnobMoveEnd: EventEmitter<CustomEvent<RangeKnobMoveEndEventDetail>>;
+}
+
+declare class IonSearchbar extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonSearchbarElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonSearchbar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonSearchbar extends Components.IonSearchbar {
+    /**
+     * Emitted when the `value` of the `ion-searchbar` element has changed.
+     */
+    ionInput: EventEmitter<CustomEvent<SearchbarInputEventDetail>>;
+    /**
+     * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
+  modifies the element's value. Unlike the `ionInput` event, the `ionChange`
+  event is not necessarily fired for each alteration to an element's value.
+  
+  The `ionChange` event is fired when the value has been committed
+  by the user. This can happen when the element loses focus or
+  when the "Enter" key is pressed. `ionChange` can also fire
+  when clicking the clear or cancel buttons.
+     */
+    ionChange: EventEmitter<CustomEvent<SearchbarChangeEventDetail>>;
+    /**
+     * Emitted when the cancel button is clicked.
+     */
+    ionCancel: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the clear input button is clicked.
+     */
+    ionClear: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the input has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+}
+
+declare class IonSegment extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonChange(el: HTMLIonSegmentElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonSegment, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonSegment extends Components.IonSegment {
+    /**
+     * Emitted when the value property has changed and any
+  dragging pointer has been released from `ion-segment`.
+     */
+    ionChange: EventEmitter<CustomEvent<SegmentChangeEventDetail>>;
+}
+
+declare class IonSelect extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonChange(el: HTMLIonSelectElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonSelect extends Components.IonSelect {
+    /**
+     * Emitted when the value has changed.
+     */
+    ionChange: EventEmitter<CustomEvent<SelectChangeEventDetail>>;
+    /**
+     * Emitted when the selection is cancelled.
+     */
+    ionCancel: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the overlay is dismissed.
+     */
+    ionDismiss: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the select has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the select loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+}
+
+declare class IonTextarea extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonTextareaElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonTextarea extends Components.IonTextarea {
+    /**
+     * The `ionChange` event is fired when the user modifies the textarea's value.
+  Unlike the `ionInput` event, the `ionChange` event is fired when
+  the element loses focus after its value has been modified.
+     */
+    ionChange: EventEmitter<CustomEvent<TextareaChangeEventDetail>>;
+    /**
+     * The `ionInput` event is fired each time the user modifies the textarea's value.
+  Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
+  to the textarea's value. This typically happens for each keystroke as the user types.
+  
+  When `clearOnEdit` is enabled, the `ionInput` event will be fired when
+  the user clears the textarea by performing a keydown event.
+     */
+    ionInput: EventEmitter<CustomEvent<TextareaInputEventDetail>>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when the input has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+}
+
+declare class IonToggle extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    writeValue(value: boolean): void;
+    handleIonChange(el: HTMLIonToggleElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+declare interface IonToggle extends Components.IonToggle {
+    /**
+     * Emitted when the user switches the toggle on or off. Does not emit
+  when programmatically changing the value of the `checked` property.
+     */
+    ionChange: EventEmitter<CustomEvent<ToggleChangeEventDetail>>;
+    /**
+     * Emitted when the toggle has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the toggle loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
 
-export { ActionSheetController, AlertController, AnimationController, BooleanValueAccessorDirective as BooleanValueAccessor, GestureController, ION_MAX_VALIDATOR, ION_MIN_VALIDATOR, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMaxValidator, IonMenu, IonMenuButton, IonMenuToggle, IonMinValidator, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonicModule, LoadingController, MenuController, ModalController, NumericValueAccessorDirective as NumericValueAccessor, PopoverController, RouterLinkDelegateDirective as RouterLinkDelegate, RouterLinkWithHrefDelegateDirective as RouterLinkWithHrefDelegate, SelectValueAccessorDirective as SelectValueAccessor, TextValueAccessorDirective as TextValueAccessor, ToastController };
+export { ActionSheetController, AlertController, AnimationController, GestureController, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterLink, IonRouterLinkWithHref, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LoadingController, MenuController, ModalController, PopoverController, ToastController, provideIonicAngular };