@ionic/angular 8.8.9-dev.11780945313.14080cb4 → 8.8.9-dev.11780948757.1c55bd21

package/{directives/proxies.d.ts → types/ionic-angular.d.ts}

@@ -1,550 +1,569 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import { Components } from '@ionic/core';
-import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core';
-import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core';
-import type { CheckboxChangeEventDetail as IIonCheckboxCheckboxChangeEventDetail } from '@ionic/core';
-import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core';
-import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core';
-import type { DatetimeChangeEventDetail as IIonDatetimeDatetimeChangeEventDetail } from '@ionic/core';
-import type { InputInputEventDetail as IIonInputInputInputEventDetail } from '@ionic/core';
-import type { InputChangeEventDetail as IIonInputInputChangeEventDetail } from '@ionic/core';
-import type { InputOtpInputEventDetail as IIonInputOtpInputOtpInputEventDetail } from '@ionic/core';
-import type { InputOtpChangeEventDetail as IIonInputOtpInputOtpChangeEventDetail } from '@ionic/core';
-import type { InputOtpCompleteEventDetail as IIonInputOtpInputOtpCompleteEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core';
-import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core';
-import type { PickerColumnChangeEventDetail as IIonPickerColumnPickerColumnChangeEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonPickerLegacyOverlayEventDetail } from '@ionic/core';
-import type { RadioGroupChangeEventDetail as IIonRadioGroupRadioGroupChangeEventDetail } from '@ionic/core';
-import type { RangeChangeEventDetail as IIonRangeRangeChangeEventDetail } from '@ionic/core';
-import type { RangeKnobMoveStartEventDetail as IIonRangeRangeKnobMoveStartEventDetail } from '@ionic/core';
-import type { RangeKnobMoveEndEventDetail as IIonRangeRangeKnobMoveEndEventDetail } from '@ionic/core';
-import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core';
-import type { RefresherPullEndEventDetail as IIonRefresherRefresherPullEndEventDetail } from '@ionic/core';
-import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core';
-import type { ReorderMoveEventDetail as IIonReorderGroupReorderMoveEventDetail } from '@ionic/core';
-import type { ReorderEndEventDetail as IIonReorderGroupReorderEndEventDetail } from '@ionic/core';
-import type { SearchbarInputEventDetail as IIonSearchbarSearchbarInputEventDetail } from '@ionic/core';
-import type { SearchbarChangeEventDetail as IIonSearchbarSearchbarChangeEventDetail } from '@ionic/core';
-import type { SegmentChangeEventDetail as IIonSegmentSegmentChangeEventDetail } from '@ionic/core';
-import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core';
-import type { SelectChangeEventDetail as IIonSelectSelectChangeEventDetail } from '@ionic/core';
-import type { TextareaChangeEventDetail as IIonTextareaTextareaChangeEventDetail } from '@ionic/core';
-import type { TextareaInputEventDetail as IIonTextareaTextareaInputEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonToastOverlayEventDetail } from '@ionic/core';
-import type { ToggleChangeEventDetail as IIonToggleToggleChangeEventDetail } from '@ionic/core';
-import * as i0 from "@angular/core";
-export declare class IonAccordion {
+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 { Location } from '@angular/common';
+import { Router, ActivatedRoute } from '@angular/router';
+import { MaxValidator, MinValidator } from '@angular/forms';
+
+declare class BooleanValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    writeValue(value: boolean): void;
+    _handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessorDirective, "ion-checkbox,ion-toggle", never, {}, {}, never, never, false, never>;
+}
+
+declare class NumericValueAccessorDirective extends ValueAccessor {
+    private el;
+    constructor(injector: Injector, el: ElementRef<HTMLInputElement | HTMLIonRangeElement>);
+    handleInputEvent(el: HTMLIonInputElement | HTMLIonInputOtpElement | HTMLIonRangeElement): 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 SelectValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    _handleChangeEvent(el: HTMLIonSelectElement | HTMLIonRadioGroupElement | HTMLIonSegmentElement | HTMLIonDatetimeElement): 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 TextValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    _handleInputEvent(el: HTMLIonInputElement | HTMLIonInputOtpElement | HTMLIonTextareaElement | HTMLIonSearchbarElement): 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 IonAccordion {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonAccordion extends Components.IonAccordion {
+declare interface IonAccordion extends Components.IonAccordion {
 }
-export declare class IonAccordionGroup {
+declare class IonAccordionGroup {
     protected z: NgZone;
     protected el: HTMLIonAccordionGroupElement;
+    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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
+declare interface IonAccordionGroup extends Components.IonAccordionGroup {
     /**
      * Emitted when the value property has changed as a result of a user action such as a click.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonAccordionGroupAccordionGroupChangeEventDetail>>;
+    ionChange: EventEmitter<IonAccordionGroupCustomEvent<AccordionGroupChangeEventDetail>>;
 }
-export declare class IonActionSheet {
+declare class IonActionSheet {
     protected z: NgZone;
     protected el: HTMLIonActionSheetElement;
+    ionActionSheetDidPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetWillPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetWillDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail<any>>>;
+    ionActionSheetDidDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    willPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    willDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail<any>>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonActionSheet extends Components.IonActionSheet {
+declare interface IonActionSheet extends Components.IonActionSheet {
     /**
      * Emitted after the action sheet has presented.
      */
-    ionActionSheetDidPresent: EventEmitter<CustomEvent<void>>;
+    ionActionSheetDidPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
      */
-    ionActionSheetWillPresent: EventEmitter<CustomEvent<void>>;
+    ionActionSheetWillPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
      */
-    ionActionSheetWillDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    ionActionSheetWillDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
      */
-    ionActionSheetDidDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    ionActionSheetDidDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the action sheet has presented.
   Shorthand for ionActionSheetWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
   Shorthand for ionActionSheetWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
   Shorthand for ionActionSheetWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
   Shorthand for ionActionSheetDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
 }
-export declare class IonAlert {
+declare class IonAlert {
     protected z: NgZone;
     protected el: HTMLIonAlertElement;
+    ionAlertDidPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertWillPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertWillDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail<any>>>;
+    ionAlertDidDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    willPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    willDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail<any>>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonAlert extends Components.IonAlert {
+declare interface IonAlert extends Components.IonAlert {
     /**
      * Emitted after the alert has presented.
      */
-    ionAlertDidPresent: EventEmitter<CustomEvent<void>>;
+    ionAlertDidPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
      */
-    ionAlertWillPresent: EventEmitter<CustomEvent<void>>;
+    ionAlertWillPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
      */
-    ionAlertWillDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    ionAlertWillDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
      */
-    ionAlertDidDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    ionAlertDidDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the alert has presented.
   Shorthand for ionAlertWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
   Shorthand for ionAlertWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
   Shorthand for ionAlertWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
   Shorthand for ionAlertDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
 }
-export declare class IonApp {
+declare class IonApp {
     protected z: NgZone;
     protected el: HTMLIonAppElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonApp extends Components.IonApp {
+declare interface IonApp extends Components.IonApp {
 }
-export declare class IonAvatar {
+declare class IonAvatar {
     protected z: NgZone;
     protected el: HTMLIonAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonAvatar extends Components.IonAvatar {
+declare interface IonAvatar extends Components.IonAvatar {
 }
-export declare class IonBackdrop {
+declare class IonBackdrop {
     protected z: NgZone;
     protected el: HTMLIonBackdropElement;
+    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, { "mode": { "alias": "mode"; "required": false; }; "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonBackdrop extends Components.IonBackdrop {
+declare interface IonBackdrop extends Components.IonBackdrop {
     /**
      * Emitted when the backdrop is tapped.
      */
-    ionBackdropTap: EventEmitter<CustomEvent<void>>;
+    ionBackdropTap: EventEmitter<IonBackdropCustomEvent<void>>;
 }
-export declare class IonBadge {
+declare class IonBadge {
     protected z: NgZone;
     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; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBadge, "ion-badge", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonBadge extends Components.IonBadge {
+declare interface IonBadge extends Components.IonBadge {
 }
-export declare class IonBreadcrumb {
+declare class IonBreadcrumb {
     protected z: NgZone;
     protected el: HTMLIonBreadcrumbElement;
+    ionFocus: EventEmitter<IonBreadcrumbCustomEvent<void>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
+declare interface IonBreadcrumb extends Components.IonBreadcrumb {
     /**
      * Emitted when the breadcrumb has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonBreadcrumbCustomEvent<void>>;
     /**
      * Emitted when the breadcrumb loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonBreadcrumbCustomEvent<void>>;
 }
-export declare class IonBreadcrumbs {
+declare class IonBreadcrumbs {
     protected z: NgZone;
     protected el: HTMLIonBreadcrumbsElement;
+    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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
+declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
     /**
      * Emitted when the collapsed indicator is clicked on.
      */
-    ionCollapsedClick: EventEmitter<CustomEvent<IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail>>;
+    ionCollapsedClick: EventEmitter<IonBreadcrumbsCustomEvent<BreadcrumbCollapsedClickEventDetail>>;
 }
-export declare class IonButton {
+declare class IonButton {
     protected z: NgZone;
     protected el: HTMLIonButtonElement;
+    ionFocus: EventEmitter<IonButtonCustomEvent<void>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonButton extends Components.IonButton {
+declare interface IonButton extends Components.IonButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonButtonCustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonButtonCustomEvent<void>>;
 }
-export declare class IonButtons {
+declare class IonButtons {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButtons, "ion-buttons", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonButtons extends Components.IonButtons {
+declare interface IonButtons extends Components.IonButtons {
 }
-export declare class IonCard {
+declare class IonCard {
     protected z: NgZone;
     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; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonCard extends Components.IonCard {
+declare interface IonCard extends Components.IonCard {
 }
-export declare class IonCardContent {
+declare class IonCardContent {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonCardContent extends Components.IonCardContent {
+declare interface IonCardContent extends Components.IonCardContent {
 }
-export declare class IonCardHeader {
+declare class IonCardHeader {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonCardHeader extends Components.IonCardHeader {
+declare interface IonCardHeader extends Components.IonCardHeader {
 }
-export declare class IonCardSubtitle {
+declare class IonCardSubtitle {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonCardSubtitle extends Components.IonCardSubtitle {
+declare interface IonCardSubtitle extends Components.IonCardSubtitle {
 }
-export declare class IonCardTitle {
+declare class IonCardTitle {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonCardTitle extends Components.IonCardTitle {
+declare interface IonCardTitle extends Components.IonCardTitle {
 }
-export declare class IonCheckbox {
+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; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonCheckbox extends Components.IonCheckbox {
+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.
+     * 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<IIonCheckboxCheckboxChangeEventDetail>>;
+    ionChange: EventEmitter<IonCheckboxCustomEvent<CheckboxChangeEventDetail>>;
     /**
      * Emitted when the checkbox has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
     /**
      * Emitted when the checkbox loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
 }
-export declare class IonChip {
+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; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonChip extends Components.IonChip {
+declare interface IonChip extends Components.IonChip {
 }
-export declare class IonCol {
+declare class IonCol {
     protected z: NgZone;
     protected el: HTMLIonColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCol, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "mode": { "alias": "mode"; "required": false; }; "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; }; "order": { "alias": "order"; "required": false; }; "orderLg": { "alias": "orderLg"; "required": false; }; "orderMd": { "alias": "orderMd"; "required": false; }; "orderSm": { "alias": "orderSm"; "required": false; }; "orderXl": { "alias": "orderXl"; "required": false; }; "orderXs": { "alias": "orderXs"; "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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonCol extends Components.IonCol {
+declare interface IonCol extends Components.IonCol {
 }
-export declare class IonContent {
+declare class IonContent {
     protected z: NgZone;
     protected el: HTMLIonContentElement;
+    ionScrollStart: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
+    ionScroll: EventEmitter<IonContentCustomEvent<ScrollDetail>>;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonContent extends Components.IonContent {
+declare interface IonContent extends Components.IonContent {
     /**
      * Emitted when the scroll has started. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScrollStart: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
+    ionScrollStart: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
     /**
      * Emitted while scrolling. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScroll: EventEmitter<CustomEvent<IIonContentScrollDetail>>;
+    ionScroll: EventEmitter<IonContentCustomEvent<ScrollDetail>>;
     /**
      * Emitted when the scroll has ended. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScrollEnd: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
+    ionScrollEnd: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
 }
-export declare class IonDatetime {
+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; }; "theme": { "alias": "theme"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonDatetime extends Components.IonDatetime {
+declare interface IonDatetime extends Components.IonDatetime {
     /**
      * Emitted when the datetime selection was cancelled.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    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<CustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
+    ionChange: EventEmitter<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
     /**
      * Emitted when the datetime has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
     /**
      * Emitted when the datetime loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
 }
-export declare class IonDatetimeButton {
+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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonDatetimeButton extends Components.IonDatetimeButton {
-}
-export declare class IonDivider {
-    protected z: NgZone;
-    protected el: HTMLIonDividerElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDivider, "ion-divider", never, { "inset": { "alias": "inset"; "required": false; }; "spacing": { "alias": "spacing"; "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, ["*"], false, never>;
 }
-export declare interface IonDivider extends Components.IonDivider {
+declare interface IonDatetimeButton extends Components.IonDatetimeButton {
 }
-export declare class IonFab {
+declare class IonFab {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonFab extends Components.IonFab {
+declare interface IonFab extends Components.IonFab {
 }
-export declare class IonFabButton {
+declare class IonFabButton {
     protected z: NgZone;
     protected el: HTMLIonFabButtonElement;
+    ionFocus: EventEmitter<IonFabButtonCustomEvent<void>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonFabButton extends Components.IonFabButton {
+declare interface IonFabButton extends Components.IonFabButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonFabButtonCustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonFabButtonCustomEvent<void>>;
 }
-export declare class IonFabList {
+declare class IonFabList {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonFabList extends Components.IonFabList {
+declare interface IonFabList extends Components.IonFabList {
 }
-export declare class IonFooter {
+declare class IonFooter {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonFooter extends Components.IonFooter {
-}
-export declare class IonGallery {
-    protected z: NgZone;
-    protected el: HTMLIonGalleryElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonGallery, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGallery, "ion-gallery", never, { "columns": { "alias": "columns"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "order": { "alias": "order"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonGallery extends Components.IonGallery {
+declare interface IonFooter extends Components.IonFooter {
 }
-export declare class IonGalleryItem {
-    protected z: NgZone;
-    protected el: HTMLIonGalleryItemElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonGalleryItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGalleryItem, "ion-gallery-item", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonGalleryItem extends Components.IonGalleryItem {
-}
-export declare class IonGrid {
+declare class IonGrid {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonGrid extends Components.IonGrid {
+declare interface IonGrid extends Components.IonGrid {
 }
-export declare class IonHeader {
+declare class IonHeader {
     protected z: NgZone;
     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; }; "divider": { "alias": "divider"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonHeader extends Components.IonHeader {
+declare interface IonHeader extends Components.IonHeader {
 }
-export declare class IonIcon {
+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>;
 }
-export declare interface IonIcon extends Components.IonIcon {
+declare interface IonIcon extends Components.IonIcon {
 }
-export declare class IonImg {
+declare class IonImg {
     protected z: NgZone;
     protected el: HTMLIonImgElement;
+    ionImgWillLoad: EventEmitter<IonImgCustomEvent<void>>;
+    ionImgDidLoad: EventEmitter<IonImgCustomEvent<void>>;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "src": { "alias": "src"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonImg extends Components.IonImg {
+declare interface IonImg extends Components.IonImg {
     /**
      * Emitted when the img src has been set
      */
-    ionImgWillLoad: EventEmitter<CustomEvent<void>>;
+    ionImgWillLoad: EventEmitter<IonImgCustomEvent<void>>;
     /**
      * Emitted when the image has finished loading
      */
-    ionImgDidLoad: EventEmitter<CustomEvent<void>>;
+    ionImgDidLoad: EventEmitter<IonImgCustomEvent<void>>;
     /**
      * Emitted when the img fails to load
      */
-    ionError: EventEmitter<CustomEvent<void>>;
+    ionError: EventEmitter<IonImgCustomEvent<void>>;
 }
-export declare class IonInfiniteScroll {
+declare class IonInfiniteScroll {
     protected z: NgZone;
     protected el: HTMLIonInfiniteScrollElement;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "preserveRerenderScrollPosition": { "alias": "preserveRerenderScrollPosition"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
+declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
     /**
      * Emitted when the scroll reaches
   the threshold distance. From within your infinite handler,
   you must call the infinite scroll's `complete()` method when
   your async operation has completed.
      */
-    ionInfinite: EventEmitter<CustomEvent<void>>;
+    ionInfinite: EventEmitter<IonInfiniteScrollCustomEvent<void>>;
 }
-export declare class IonInfiniteScrollContent {
+declare class IonInfiniteScrollContent {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
+declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
 }
-export declare class IonInput {
+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; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonInput extends Components.IonInput {
+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
@@ -555,7 +574,7 @@ export declare interface IonInput extends Components.IonInput {
   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<IIonInputInputInputEventDetail>>;
+    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
@@ -570,24 +589,29 @@ export declare interface IonInput extends Components.IonInput {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
+    ionChange: EventEmitter<IonInputCustomEvent<InputChangeEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
 }
-export declare class IonInputOtp {
+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; }; "mode": { "alias": "mode"; "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; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonInputOtp extends Components.IonInputOtp {
+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
@@ -598,7 +622,7 @@ export declare interface IonInputOtp extends Components.IonInputOtp {
   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<IIonInputOtpInputOtpInputEventDetail>>;
+    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
@@ -609,351 +633,330 @@ export declare interface IonInputOtp extends Components.IonInputOtp {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
+    ionChange: EventEmitter<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
     /**
      * Emitted when all input boxes have been filled with valid values.
      */
-    ionComplete: EventEmitter<CustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
+    ionComplete: EventEmitter<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
     /**
      * Emitted when the input group loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input group has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
 }
-export declare class IonInputPasswordToggle {
+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>;
 }
-export declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
+declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
 }
-export declare class IonItem {
+declare class IonItem {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonItem extends Components.IonItem {
+declare interface IonItem extends Components.IonItem {
 }
-export declare class IonItemDivider {
+declare class IonItemDivider {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonItemDivider extends Components.IonItemDivider {
+declare interface IonItemDivider extends Components.IonItemDivider {
 }
-export declare class IonItemGroup {
+declare class IonItemGroup {
     protected z: NgZone;
     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, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonItemGroup extends Components.IonItemGroup {
+declare interface IonItemGroup extends Components.IonItemGroup {
 }
-export declare class IonItemOption {
+declare class IonItemOption {
     protected z: NgZone;
     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; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonItemOption extends Components.IonItemOption {
+declare interface IonItemOption extends Components.IonItemOption {
 }
-export declare class IonItemOptions {
+declare class IonItemOptions {
     protected z: NgZone;
     protected el: HTMLIonItemOptionsElement;
+    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, { "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOptions, "ion-item-options", never, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], false, never>;
 }
-export declare interface IonItemOptions extends Components.IonItemOptions {
+declare interface IonItemOptions extends Components.IonItemOptions {
     /**
      * Emitted when the item has been fully swiped.
      */
-    ionSwipe: EventEmitter<CustomEvent<any>>;
+    ionSwipe: EventEmitter<IonItemOptionsCustomEvent<any>>;
 }
-export declare class IonItemSliding {
+declare class IonItemSliding {
     protected z: NgZone;
     protected el: HTMLIonItemSlidingElement;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemSliding, "ion-item-sliding", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], false, never>;
 }
-export declare interface IonItemSliding extends Components.IonItemSliding {
+declare interface IonItemSliding extends Components.IonItemSliding {
     /**
      * Emitted when the sliding position changes.
      */
-    ionDrag: EventEmitter<CustomEvent<any>>;
+    ionDrag: EventEmitter<IonItemSlidingCustomEvent<any>>;
 }
-export declare class IonLabel {
+declare class IonLabel {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonLabel extends Components.IonLabel {
+declare interface IonLabel extends Components.IonLabel {
 }
-export declare class IonList {
+declare class IonList {
     protected z: NgZone;
     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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonList extends Components.IonList {
+declare interface IonList extends Components.IonList {
 }
-export declare class IonListHeader {
+declare class IonListHeader {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonListHeader extends Components.IonListHeader {
+declare interface IonListHeader extends Components.IonListHeader {
 }
-export declare class IonLoading {
+declare class IonLoading {
     protected z: NgZone;
     protected el: HTMLIonLoadingElement;
+    ionLoadingDidPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingWillPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingWillDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail<any>>>;
+    ionLoadingDidDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    willPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    willDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail<any>>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonLoading extends Components.IonLoading {
+declare interface IonLoading extends Components.IonLoading {
     /**
      * Emitted after the loading has presented.
      */
-    ionLoadingDidPresent: EventEmitter<CustomEvent<void>>;
+    ionLoadingDidPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading has presented.
      */
-    ionLoadingWillPresent: EventEmitter<CustomEvent<void>>;
+    ionLoadingWillPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading has dismissed.
      */
-    ionLoadingWillDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    ionLoadingWillDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the loading has dismissed.
      */
-    ionLoadingDidDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    ionLoadingDidDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has presented.
   Shorthand for ionLoadingWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading indicator has presented.
   Shorthand for ionLoadingWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading indicator has dismissed.
   Shorthand for ionLoadingWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has dismissed.
   Shorthand for ionLoadingDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
 }
-export declare class IonMenu {
+declare class IonMenu {
     protected z: NgZone;
     protected el: HTMLIonMenuElement;
+    ionWillOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    ionWillClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
+    ionDidOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonMenu extends Components.IonMenu {
+declare interface IonMenu extends Components.IonMenu {
     /**
      * Emitted when the menu is about to be opened.
      */
-    ionWillOpen: EventEmitter<CustomEvent<void>>;
+    ionWillOpen: EventEmitter<IonMenuCustomEvent<void>>;
     /**
      * Emitted when the menu is about to be closed.
      */
-    ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
+    ionWillClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
     /**
      * Emitted when the menu is open.
      */
-    ionDidOpen: EventEmitter<CustomEvent<void>>;
+    ionDidOpen: EventEmitter<IonMenuCustomEvent<void>>;
     /**
      * Emitted when the menu is closed.
      */
-    ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
+    ionDidClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
 }
-export declare class IonMenuButton {
+declare class IonMenuButton {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonMenuButton extends Components.IonMenuButton {
+declare interface IonMenuButton extends Components.IonMenuButton {
 }
-export declare class IonMenuToggle {
+declare class IonMenuToggle {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonMenuToggle extends Components.IonMenuToggle {
+declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
-export declare class IonNavLink {
+declare class IonNavLink {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonNavLink extends Components.IonNavLink {
+declare interface IonNavLink extends Components.IonNavLink {
 }
-export declare class IonNote {
+declare class IonNote {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNote, "ion-note", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonNote extends Components.IonNote {
+declare interface IonNote extends Components.IonNote {
 }
-export declare class IonPicker {
+declare class IonPicker {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonPicker extends Components.IonPicker {
+declare interface IonPicker extends Components.IonPicker {
 }
-export declare class IonPickerColumn {
+declare class IonPickerColumn {
     protected z: NgZone;
     protected el: HTMLIonPickerColumnElement;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonPickerColumn extends Components.IonPickerColumn {
+declare interface IonPickerColumn extends Components.IonPickerColumn {
     /**
      * Emitted when the value has changed.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonPickerColumnPickerColumnChangeEventDetail>>;
+    ionChange: EventEmitter<IonPickerColumnCustomEvent<PickerColumnChangeEventDetail>>;
 }
-export declare class IonPickerColumnOption {
+declare class IonPickerColumnOption {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
+    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>;
 }
-export declare class IonPickerLegacy {
-    protected z: NgZone;
-    protected el: HTMLIonPickerLegacyElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonPickerLegacy, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerLegacy, "ion-picker-legacy", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "columns": { "alias": "columns"; "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; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonPickerLegacy extends Components.IonPickerLegacy {
-    /**
-     * Emitted after the picker has presented.
-     */
-    ionPickerDidPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has presented.
-     */
-    ionPickerWillPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has dismissed.
-     */
-    ionPickerWillDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has dismissed.
-     */
-    ionPickerDidDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has presented.
-  Shorthand for ionPickerWillDismiss.
-     */
-    didPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has presented.
-  Shorthand for ionPickerWillPresent.
-     */
-    willPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has dismissed.
-  Shorthand for ionPickerWillDismiss.
-     */
-    willDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has dismissed.
-  Shorthand for ionPickerDidDismiss.
-     */
-    didDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
+declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
 }
-export declare class IonProgressBar {
+declare class IonProgressBar {
     protected z: NgZone;
     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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonProgressBar extends Components.IonProgressBar {
+declare interface IonProgressBar extends Components.IonProgressBar {
 }
-export declare class IonRadio {
+declare class IonRadio {
     protected z: NgZone;
     protected el: HTMLIonRadioElement;
+    ionFocus: EventEmitter<IonRadioCustomEvent<void>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonRadio extends Components.IonRadio {
+declare interface IonRadio extends Components.IonRadio {
     /**
      * Emitted when the radio button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonRadioCustomEvent<void>>;
     /**
      * Emitted when the radio button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonRadioCustomEvent<void>>;
 }
-export declare class IonRadioGroup {
+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; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonRadioGroup extends Components.IonRadioGroup {
+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<CustomEvent<IIonRadioGroupRadioGroupChangeEventDetail>>;
+    ionChange: EventEmitter<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail>>;
 }
-export declare class IonRange {
+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; }; "theme": { "alias": "theme"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonRange extends Components.IonRange {
+declare interface IonRange extends Components.IonRange {
     /**
      * The `ionChange` event is fired for `<ion-range>` elements when the user
   modifies the element's value:
@@ -962,107 +965,116 @@ export declare interface IonRange extends Components.IonRange {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
+    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<CustomEvent<IIonRangeRangeChangeEventDetail>>;
+    ionInput: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
     /**
      * Emitted when the range has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
     /**
      * Emitted when the range loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
     /**
      * Emitted when the user starts moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveStart: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
+    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
     /**
      * Emitted when the user finishes moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveEnd: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
+    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
 }
-export declare class IonRefresher {
+declare class IonRefresher {
     protected z: NgZone;
     protected el: HTMLIonRefresherElement;
+    ionRefresh: EventEmitter<IonRefresherCustomEvent<RefresherEventDetail>>;
+    ionPull: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionPullStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonRefresher extends Components.IonRefresher {
+declare interface IonRefresher extends Components.IonRefresher {
     /**
      * Emitted when the user lets go of the content and has pulled down
   further than the `pullMin` or pulls the content down and exceeds the pullMax.
   Updates the refresher state to `refreshing`. The `complete()` method should be
   called when the async operation has completed.
      */
-    ionRefresh: EventEmitter<CustomEvent<IIonRefresherRefresherEventDetail>>;
+    ionRefresh: EventEmitter<IonRefresherCustomEvent<RefresherEventDetail>>;
     /**
      * Emitted while the user is pulling down the content and exposing the refresher.
      */
-    ionPull: EventEmitter<CustomEvent<void>>;
+    ionPull: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down. @deprecated Use `ionPullStart` instead.
      */
-    ionStart: EventEmitter<CustomEvent<void>>;
+    ionStart: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down.
      */
-    ionPullStart: EventEmitter<CustomEvent<void>>;
+    ionPullStart: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the refresher has returned to the inactive state
   after a pull gesture. This fires whether the refresh completed
   successfully or was canceled.
      */
-    ionPullEnd: EventEmitter<CustomEvent<IIonRefresherRefresherPullEndEventDetail>>;
+    ionPullEnd: EventEmitter<IonRefresherCustomEvent<RefresherPullEndEventDetail>>;
 }
-export declare class IonRefresherContent {
+declare class IonRefresherContent {
     protected z: NgZone;
     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, { "mode": { "alias": "mode"; "required": false; }; "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonRefresherContent extends Components.IonRefresherContent {
+declare interface IonRefresherContent extends Components.IonRefresherContent {
 }
-export declare class IonReorder {
+declare class IonReorder {
     protected z: NgZone;
     protected el: HTMLIonReorderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonReorder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonReorder extends Components.IonReorder {
+declare interface IonReorder extends Components.IonReorder {
 }
-export declare class IonReorderGroup {
+declare class IonReorderGroup {
     protected z: NgZone;
     protected el: HTMLIonReorderGroupElement;
+    ionItemReorder: EventEmitter<IonReorderGroupCustomEvent<ItemReorderEventDetail>>;
+    ionReorderStart: EventEmitter<IonReorderGroupCustomEvent<void>>;
+    ionReorderMove: EventEmitter<IonReorderGroupCustomEvent<ReorderMoveEventDetail>>;
+    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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonReorderGroup extends Components.IonReorderGroup {
+declare interface IonReorderGroup extends Components.IonReorderGroup {
     /**
      * Event that needs to be listened to in order to complete the reorder action. @deprecated Use `ionReorderEnd` instead. If you are accessing
   `event.detail.from` or `event.detail.to` and relying on them
   being different you should now add checks as they are always emitted
   in `ionReorderEnd`, even when they are the same.
      */
-    ionItemReorder: EventEmitter<CustomEvent<IIonReorderGroupItemReorderEventDetail>>;
+    ionItemReorder: EventEmitter<IonReorderGroupCustomEvent<ItemReorderEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture starts.
      */
-    ionReorderStart: EventEmitter<CustomEvent<void>>;
+    ionReorderStart: EventEmitter<IonReorderGroupCustomEvent<void>>;
     /**
      * Event that is emitted as the reorder gesture moves.
      */
-    ionReorderMove: EventEmitter<CustomEvent<IIonReorderGroupReorderMoveEventDetail>>;
+    ionReorderMove: EventEmitter<IonReorderGroupCustomEvent<ReorderMoveEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture ends.
   The from and to properties are always available, regardless of
@@ -1071,38 +1083,44 @@ export declare interface IonReorderGroup extends Components.IonReorderGroup {
   Once the event has been emitted, the `complete()` method then needs
   to be called in order to finalize the reorder action.
      */
-    ionReorderEnd: EventEmitter<CustomEvent<IIonReorderGroupReorderEndEventDetail>>;
+    ionReorderEnd: EventEmitter<IonReorderGroupCustomEvent<ReorderEndEventDetail>>;
 }
-export declare class IonRippleEffect {
+declare class IonRippleEffect {
     protected z: NgZone;
     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, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRippleEffect, "ion-ripple-effect", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonRippleEffect extends Components.IonRippleEffect {
+declare interface IonRippleEffect extends Components.IonRippleEffect {
 }
-export declare class IonRow {
+declare class IonRow {
     protected z: NgZone;
     protected el: HTMLIonRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonRow extends Components.IonRow {
+declare interface IonRow extends Components.IonRow {
 }
-export declare class IonSearchbar {
+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; }; "shape": { "alias": "shape"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonSearchbar extends Components.IonSearchbar {
+declare interface IonSearchbar extends Components.IonSearchbar {
     /**
      * Emitted when the `value` of the `ion-searchbar` element has changed.
      */
-    ionInput: EventEmitter<CustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
+    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`
@@ -1115,196 +1133,210 @@ export declare interface IonSearchbar extends Components.IonSearchbar {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
+    ionChange: EventEmitter<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
     /**
      * Emitted when the cancel button is clicked.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the clear input button is clicked.
      */
-    ionClear: EventEmitter<CustomEvent<void>>;
+    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
 }
-export declare class IonSegment {
+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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonSegment extends Components.IonSegment {
+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<CustomEvent<IIonSegmentSegmentChangeEventDetail>>;
+    ionChange: EventEmitter<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
 }
-export declare class IonSegmentButton {
+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; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonSegmentButton extends Components.IonSegmentButton {
+declare interface IonSegmentButton extends Components.IonSegmentButton {
 }
-export declare class IonSegmentContent {
+declare class IonSegmentContent {
     protected z: NgZone;
     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>;
 }
-export declare interface IonSegmentContent extends Components.IonSegmentContent {
+declare interface IonSegmentContent extends Components.IonSegmentContent {
 }
-export declare class IonSegmentView {
+declare class IonSegmentView {
     protected z: NgZone;
     protected el: HTMLIonSegmentViewElement;
+    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; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonSegmentView extends Components.IonSegmentView {
+declare interface IonSegmentView extends Components.IonSegmentView {
     /**
      * Emitted when the segment view is scrolled.
      */
-    ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+    ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<SegmentViewScrollEvent>>;
 }
-export declare class IonSelect {
+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, { "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "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; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonSelect extends Components.IonSelect {
+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<CustomEvent<IIonSelectSelectChangeEventDetail>>;
+    ionChange: EventEmitter<IonSelectCustomEvent<SelectChangeEventDetail>>;
     /**
      * Emitted when the selection is cancelled.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the overlay is dismissed.
      */
-    ionDismiss: EventEmitter<CustomEvent<void>>;
+    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the select has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the select loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
 }
-export declare class IonSelectModal {
+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, { "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "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, ["*"], false, never>;
 }
-export declare interface IonSelectModal extends Components.IonSelectModal {
+declare interface IonSelectModal extends Components.IonSelectModal {
 }
-export declare class IonSelectOption {
+declare class IonSelectOption {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectOption, "ion-select-option", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonSelectOption extends Components.IonSelectOption {
+declare interface IonSelectOption extends Components.IonSelectOption {
 }
-export declare class IonSkeletonText {
+declare class IonSkeletonText {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSkeletonText, "ion-skeleton-text", never, { "animated": { "alias": "animated"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonSkeletonText extends Components.IonSkeletonText {
+declare interface IonSkeletonText extends Components.IonSkeletonText {
 }
-export declare class IonSpinner {
+declare class IonSpinner {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonSpinner extends Components.IonSpinner {
+declare interface IonSpinner extends Components.IonSpinner {
 }
-export declare class IonSplitPane {
+declare class IonSplitPane {
     protected z: NgZone;
     protected el: HTMLIonSplitPaneElement;
+    ionSplitPaneVisible: EventEmitter<IonSplitPaneCustomEvent<{
+        visible: boolean;
+    }>>;
     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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonSplitPane extends Components.IonSplitPane {
+declare interface IonSplitPane extends Components.IonSplitPane {
     /**
      * Expression to be called when the split-pane visibility has changed
      */
-    ionSplitPaneVisible: EventEmitter<CustomEvent<{
+    ionSplitPaneVisible: EventEmitter<IonSplitPaneCustomEvent<{
         visible: boolean;
     }>>;
 }
-export declare class IonTab {
+declare class IonTab {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonTab extends Components.IonTab {
+declare interface IonTab extends Components.IonTab {
 }
-export declare class IonTabBar {
+declare class IonTabBar {
     protected z: NgZone;
     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; }; "expand": { "alias": "expand"; "required": false; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonTabBar extends Components.IonTabBar {
+declare interface IonTabBar extends Components.IonTabBar {
 }
-export declare class IonTabButton {
+declare class IonTabButton {
     protected z: NgZone;
     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; }; "shape": { "alias": "shape"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], false, never>;
 }
-export declare interface IonTabButton extends Components.IonTabButton {
+declare interface IonTabButton extends Components.IonTabButton {
 }
-export declare class IonText {
+declare class IonText {
     protected z: NgZone;
     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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonText, "ion-text", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonText extends Components.IonText {
+declare interface IonText extends Components.IonText {
 }
-export declare class IonTextarea {
+declare class IonTextarea {
     protected z: NgZone;
     protected el: HTMLIonTextareaElement;
+    ionChange: EventEmitter<IonTextareaCustomEvent<TextareaChangeEventDetail>>;
+    ionInput: EventEmitter<IonTextareaCustomEvent<TextareaInputEventDetail>>;
+    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
     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; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonTextarea extends Components.IonTextarea {
+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
@@ -1312,7 +1344,7 @@ export declare interface IonTextarea extends Components.IonTextarea {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonTextareaTextareaChangeEventDetail>>;
+    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
@@ -1321,108 +1353,301 @@ export declare interface IonTextarea extends Components.IonTextarea {
   When `clearOnEdit` is enabled, the `ionInput` event will be fired when
   the user clears the textarea by performing a keydown event.
      */
-    ionInput: EventEmitter<CustomEvent<IIonTextareaTextareaInputEventDetail>>;
+    ionInput: EventEmitter<IonTextareaCustomEvent<TextareaInputEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
 }
-export declare class IonThumbnail {
+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, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, {}, {}, never, ["*"], false, never>;
 }
-export declare interface IonThumbnail extends Components.IonThumbnail {
+declare interface IonThumbnail extends Components.IonThumbnail {
 }
-export declare class IonTitle {
+declare class IonTitle {
     protected z: NgZone;
     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; }; "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTitle, "ion-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface IonTitle extends Components.IonTitle {
+declare interface IonTitle extends Components.IonTitle {
 }
-export declare class IonToast {
+declare class IonToast {
     protected z: NgZone;
     protected el: HTMLIonToastElement;
+    ionToastDidPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastWillPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastWillDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail<any>>>;
+    ionToastDidDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonToastCustomEvent<void>>;
+    willPresent: EventEmitter<IonToastCustomEvent<void>>;
+    willDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail<any>>>;
+    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; }; "hue": { "alias": "hue"; "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; }; "shape": { "alias": "shape"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, 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, ["*"], false, never>;
 }
-export declare interface IonToast extends Components.IonToast {
+declare interface IonToast extends Components.IonToast {
     /**
      * Emitted after the toast has presented.
      */
-    ionToastDidPresent: EventEmitter<CustomEvent<void>>;
+    ionToastDidPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
      */
-    ionToastWillPresent: EventEmitter<CustomEvent<void>>;
+    ionToastWillPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
      */
-    ionToastWillDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    ionToastWillDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
      */
-    ionToastDidDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    ionToastDidDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the toast has presented.
   Shorthand for ionToastWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
   Shorthand for ionToastWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
   Shorthand for ionToastWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
   Shorthand for ionToastDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
 }
-export declare class IonToggle {
+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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-export declare interface IonToggle extends Components.IonToggle {
+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<CustomEvent<IIonToggleToggleChangeEventDetail>>;
+    ionChange: EventEmitter<IonToggleCustomEvent<ToggleChangeEventDetail>>;
     /**
      * Emitted when the toggle has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
     /**
      * Emitted when the toggle loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
 }
-export declare class IonToolbar {
+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; }; "theme": { "alias": "theme"; "required": false; }; "titlePlacement": { "alias": "titlePlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonToolbar extends Components.IonToolbar {
-}
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, 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>;
+}
+
+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>;
+}
+
+/**
+ * @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 AlertController extends OverlayBaseController<AlertOptions, HTMLIonAlertElement> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlertController>;
+}
+
+declare class AnimationController {
+    /**
+     * Create a new animation
+     */
+    create(animationId?: string): Animation;
+    /**
+     * EXPERIMENTAL
+     *
+     * Given a progression and a cubic bezier function,
+     * this utility returns the time value(s) at which the
+     * cubic bezier reaches the given time progression.
+     *
+     * If the cubic bezier never reaches the progression
+     * the result will be an empty array.
+     *
+     * This is most useful for switching between easing curves
+     * when doing a gesture animation (i.e. going from linear easing
+     * during a drag, to another easing when `progressEnd` is called)
+     */
+    easingTime(p0: number[], p1: number[], p2: number[], p3: number[], progression: number): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimationController, never>;
+    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);
+    /**
+     * Create a new gesture
+     */
+    create(opts: GestureConfig, runInsideAngularZone?: boolean): Gesture;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GestureController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GestureController>;
+}
+
+declare class LoadingController extends OverlayBaseController<LoadingOptions, HTMLIonLoadingElement> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoadingController>;
+}
+
+declare class MenuController extends MenuController$1 {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenuController>;
+}
+
+declare class ModalController extends OverlayBaseController<ModalOptions, HTMLIonModalElement> {
+    private angularDelegate;
+    private injector;
+    private environmentInjector;
+    constructor();
+    create(opts: ModalOptions): Promise<HTMLIonModalElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalController>;
+}
+
+declare class PopoverController extends OverlayBaseController<PopoverOptions, HTMLIonPopoverElement> {
+    private angularDelegate;
+    private injector;
+    private environmentInjector;
+    constructor();
+    create(opts: PopoverOptions): Promise<HTMLIonPopoverElement>;
+}
+
+declare class ToastController extends OverlayBaseController<ToastOptions, HTMLIonToastElement> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastController, never>;
+    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>;
+}
+
+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 };