@ionic/angular 8.8.9-dev.11781013468.1ed93da9 → 8.8.9-dev.11781024903.1e4268e5

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

@@ -1,569 +1,541 @@
-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 {
+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 {
     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; }; "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; }; "theme": { "alias": "theme"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconSlot": { "alias": "toggleIconSlot"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonAccordion extends Components.IonAccordion {
+export declare interface IonAccordion extends Components.IonAccordion {
 }
-declare class IonAccordionGroup {
+export 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; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordionGroup, "ion-accordion-group", never, { "animated": { "alias": "animated"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonAccordionGroup extends Components.IonAccordionGroup {
+export 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<IonAccordionGroupCustomEvent<AccordionGroupChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonAccordionGroupAccordionGroupChangeEventDetail>>;
 }
-declare class IonActionSheet {
+export 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; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionActionSheetDidPresent": "ionActionSheetDidPresent"; "ionActionSheetWillPresent": "ionActionSheetWillPresent"; "ionActionSheetWillDismiss": "ionActionSheetWillDismiss"; "ionActionSheetDidDismiss": "ionActionSheetDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonActionSheet, "ion-action-sheet", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonActionSheet extends Components.IonActionSheet {
+export declare interface IonActionSheet extends Components.IonActionSheet {
     /**
      * Emitted after the action sheet has presented.
      */
-    ionActionSheetDidPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetDidPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
      */
-    ionActionSheetWillPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetWillPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
      */
-    ionActionSheetWillDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
+    ionActionSheetWillDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
      */
-    ionActionSheetDidDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
+    ionActionSheetDidDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has presented.
   Shorthand for ionActionSheetWillDismiss.
      */
-    didPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    didPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
   Shorthand for ionActionSheetWillPresent.
      */
-    willPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    willPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
   Shorthand for ionActionSheetWillDismiss.
      */
-    willDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
+    willDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
   Shorthand for ionActionSheetDidDismiss.
      */
-    didDismiss: EventEmitter<IonActionSheetCustomEvent<OverlayEventDetail>>;
+    didDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
 }
-declare class IonAlert {
+export 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; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionAlertDidPresent": "ionAlertDidPresent"; "ionAlertWillPresent": "ionAlertWillPresent"; "ionAlertWillDismiss": "ionAlertWillDismiss"; "ionAlertDidDismiss": "ionAlertDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAlert, "ion-alert", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonAlert extends Components.IonAlert {
+export declare interface IonAlert extends Components.IonAlert {
     /**
      * Emitted after the alert has presented.
      */
-    ionAlertDidPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertDidPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
      */
-    ionAlertWillPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertWillPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
      */
-    ionAlertWillDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
+    ionAlertWillDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
      */
-    ionAlertDidDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
+    ionAlertDidDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has presented.
   Shorthand for ionAlertWillDismiss.
      */
-    didPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    didPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
   Shorthand for ionAlertWillPresent.
      */
-    willPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    willPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
   Shorthand for ionAlertWillDismiss.
      */
-    willDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
+    willDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
   Shorthand for ionAlertDidDismiss.
      */
-    didDismiss: EventEmitter<IonAlertCustomEvent<OverlayEventDetail>>;
+    didDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
 }
-declare class IonApp {
+export 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, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonApp extends Components.IonApp {
+export declare interface IonApp extends Components.IonApp {
 }
-declare class IonAvatar {
+export 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, {}, {}, never, ["*"], false, 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>;
 }
-declare interface IonAvatar extends Components.IonAvatar {
+export declare interface IonAvatar extends Components.IonAvatar {
 }
-declare class IonBackdrop {
+export 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, { "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "ionBackdropTap": "ionBackdropTap"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackdrop, "ion-backdrop", never, { "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>;
 }
-declare interface IonBackdrop extends Components.IonBackdrop {
+export declare interface IonBackdrop extends Components.IonBackdrop {
     /**
      * Emitted when the backdrop is tapped.
      */
-    ionBackdropTap: EventEmitter<IonBackdropCustomEvent<void>>;
+    ionBackdropTap: EventEmitter<CustomEvent<void>>;
 }
-declare class IonBadge {
+export 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; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonBadge extends Components.IonBadge {
+export declare interface IonBadge extends Components.IonBadge {
 }
-declare class IonBreadcrumb {
+export 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; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumb, "ion-breadcrumb", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonBreadcrumb extends Components.IonBreadcrumb {
+export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
     /**
      * Emitted when the breadcrumb has focus.
      */
-    ionFocus: EventEmitter<IonBreadcrumbCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the breadcrumb loses focus.
      */
-    ionBlur: EventEmitter<IonBreadcrumbCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonBreadcrumbs {
+export 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; }; }, { "ionCollapsedClick": "ionCollapsedClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumbs, "ion-breadcrumbs", never, { "color": { "alias": "color"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
+export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
     /**
      * Emitted when the collapsed indicator is clicked on.
      */
-    ionCollapsedClick: EventEmitter<IonBreadcrumbsCustomEvent<BreadcrumbCollapsedClickEventDetail>>;
+    ionCollapsedClick: EventEmitter<CustomEvent<IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail>>;
 }
-declare class IonButton {
+export 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; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButton, "ion-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonButton extends Components.IonButton {
+export declare interface IonButton extends Components.IonButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<IonButtonCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<IonButtonCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonButtons {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonButtons extends Components.IonButtons {
+export declare interface IonButtons extends Components.IonButtons {
 }
-declare class IonCard {
+export 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; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCard, "ion-card", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonCard extends Components.IonCard {
+export declare interface IonCard extends Components.IonCard {
 }
-declare class IonCardContent {
+export 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonCardContent extends Components.IonCardContent {
+export declare interface IonCardContent extends Components.IonCardContent {
 }
-declare class IonCardHeader {
+export 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; }; "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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonCardHeader extends Components.IonCardHeader {
+export declare interface IonCardHeader extends Components.IonCardHeader {
 }
-declare class IonCardSubtitle {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonCardSubtitle extends Components.IonCardSubtitle {
+export declare interface IonCardSubtitle extends Components.IonCardSubtitle {
 }
-declare class IonCardTitle {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonCardTitle extends Components.IonCardTitle {
+export declare interface IonCardTitle extends Components.IonCardTitle {
 }
-declare class IonCheckbox {
+export declare class IonCheckbox {
     protected z: NgZone;
     protected el: HTMLIonCheckboxElement;
-    ionChange: EventEmitter<IonCheckboxCustomEvent<CheckboxChangeEventDetail<any>>>;
-    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
-    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonCheckbox extends Components.IonCheckbox {
+export 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<IonCheckboxCustomEvent<CheckboxChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonCheckboxCheckboxChangeEventDetail>>;
     /**
      * Emitted when the checkbox has focus.
      */
-    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the checkbox loses focus.
      */
-    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonChip {
+export declare class IonChip {
     protected z: NgZone;
     protected el: HTMLIonChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "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>;
 }
-declare interface IonChip extends Components.IonChip {
+export declare interface IonChip extends Components.IonChip {
 }
-declare class IonCol {
+export 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, { "offset": { "alias": "offset"; "required": false; }; "offsetLg": { "alias": "offsetLg"; "required": false; }; "offsetMd": { "alias": "offsetMd"; "required": false; }; "offsetSm": { "alias": "offsetSm"; "required": false; }; "offsetXl": { "alias": "offsetXl"; "required": false; }; "offsetXs": { "alias": "offsetXs"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "pullLg": { "alias": "pullLg"; "required": false; }; "pullMd": { "alias": "pullMd"; "required": false; }; "pullSm": { "alias": "pullSm"; "required": false; }; "pullXl": { "alias": "pullXl"; "required": false; }; "pullXs": { "alias": "pullXs"; "required": false; }; "push": { "alias": "push"; "required": false; }; "pushLg": { "alias": "pushLg"; "required": false; }; "pushMd": { "alias": "pushMd"; "required": false; }; "pushSm": { "alias": "pushSm"; "required": false; }; "pushXl": { "alias": "pushXl"; "required": false; }; "pushXs": { "alias": "pushXs"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; "sizeXl": { "alias": "sizeXl"; "required": false; }; "sizeXs": { "alias": "sizeXs"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "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>;
 }
-declare interface IonCol extends Components.IonCol {
+export declare interface IonCol extends Components.IonCol {
 }
-declare class IonContent {
+export 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; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "ionScrollStart": "ionScrollStart"; "ionScroll": "ionScroll"; "ionScrollEnd": "ionScrollEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonContent, "ion-content", never, { "color": { "alias": "color"; "required": false; }; "fixedSlotPlacement": { "alias": "fixedSlotPlacement"; "required": false; }; "forceOverscroll": { "alias": "forceOverscroll"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "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>;
 }
-declare interface IonContent extends Components.IonContent {
+export 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<IonContentCustomEvent<ScrollBaseDetail>>;
+    ionScrollStart: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
     /**
      * Emitted while scrolling. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScroll: EventEmitter<IonContentCustomEvent<ScrollDetail>>;
+    ionScroll: EventEmitter<CustomEvent<IIonContentScrollDetail>>;
     /**
      * Emitted when the scroll has ended. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScrollEnd: EventEmitter<IonContentCustomEvent<ScrollBaseDetail>>;
+    ionScrollEnd: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
 }
-declare class IonDatetime {
+export declare class IonDatetime {
     protected z: NgZone;
     protected el: HTMLIonDatetimeElement;
-    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
-    ionChange: EventEmitter<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
-    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
-    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, { "ionCancel": "ionCancel"; "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonDatetime extends Components.IonDatetime {
+export declare interface IonDatetime extends Components.IonDatetime {
     /**
      * Emitted when the datetime selection was cancelled.
      */
-    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
+    ionCancel: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the value (selected date) has changed.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
     /**
      * Emitted when the datetime has focus.
      */
-    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the datetime loses focus.
      */
-    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonDatetimeButton {
+export declare class IonDatetimeButton {
     protected z: NgZone;
     protected el: HTMLIonDatetimeButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetimeButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonDatetimeButton extends Components.IonDatetimeButton {
+export declare interface IonDatetimeButton extends Components.IonDatetimeButton {
 }
-declare class IonFab {
+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>;
+}
+export declare interface IonDivider extends Components.IonDivider {
+}
+export 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; }; "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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonFab extends Components.IonFab {
+export declare interface IonFab extends Components.IonFab {
 }
-declare class IonFabButton {
+export 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; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabButton, "ion-fab-button", never, { "activated": { "alias": "activated"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "show": { "alias": "show"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonFabButton extends Components.IonFabButton {
+export declare interface IonFabButton extends Components.IonFabButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<IonFabButtonCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<IonFabButtonCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonFabList {
+export 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; }; "side": { "alias": "side"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonFabList extends Components.IonFabList {
+export declare interface IonFabList extends Components.IonFabList {
 }
-declare class IonFooter {
+export 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; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFooter, "ion-footer", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonFooter extends Components.IonFooter {
+export declare interface IonFooter extends Components.IonFooter {
 }
-declare class IonGrid {
+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>;
+}
+export declare interface IonGallery extends Components.IonGallery {
+}
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonGrid extends Components.IonGrid {
+export declare interface IonGrid extends Components.IonGrid {
 }
-declare class IonHeader {
+export 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; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonHeader, "ion-header", never, { "collapse": { "alias": "collapse"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonHeader extends Components.IonHeader {
+export declare interface IonHeader extends Components.IonHeader {
 }
-declare class IonIcon {
+export declare class IonIcon {
     protected z: NgZone;
     protected el: HTMLIonIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonIcon, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": { "alias": "color"; "required": false; }; "flipRtl": { "alias": "flipRtl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ios": { "alias": "ios"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "md": { "alias": "md"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonIcon extends Components.IonIcon {
+export declare interface IonIcon extends Components.IonIcon {
 }
-declare class IonImg {
+export 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; }; "src": { "alias": "src"; "required": false; }; }, { "ionImgWillLoad": "ionImgWillLoad"; "ionImgDidLoad": "ionImgDidLoad"; "ionError": "ionError"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonImg, "ion-img", never, { "alt": { "alias": "alt"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "src": { "alias": "src"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonImg extends Components.IonImg {
+export declare interface IonImg extends Components.IonImg {
     /**
      * Emitted when the img src has been set
      */
-    ionImgWillLoad: EventEmitter<IonImgCustomEvent<void>>;
+    ionImgWillLoad: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the image has finished loading
      */
-    ionImgDidLoad: EventEmitter<IonImgCustomEvent<void>>;
+    ionImgDidLoad: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the img fails to load
      */
-    ionError: EventEmitter<IonImgCustomEvent<void>>;
+    ionError: EventEmitter<CustomEvent<void>>;
 }
-declare class IonInfiniteScroll {
+export 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; }; "position": { "alias": "position"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScroll, "ion-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "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>;
 }
-declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
+export 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<IonInfiniteScrollCustomEvent<void>>;
+    ionInfinite: EventEmitter<CustomEvent<void>>;
 }
-declare class IonInfiniteScrollContent {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
+export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
 }
-declare class IonInput {
+export declare class IonInput {
     protected z: NgZone;
     protected el: HTMLIonInputElement;
-    ionInput: EventEmitter<IonInputCustomEvent<InputInputEventDetail>>;
-    ionChange: EventEmitter<IonInputCustomEvent<InputChangeEventDetail>>;
-    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
-    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearInputIcon": { "alias": "clearInputIcon"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonInput extends Components.IonInput {
+export 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
@@ -574,7 +546,7 @@ 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<IonInputCustomEvent<InputInputEventDetail>>;
+    ionInput: EventEmitter<CustomEvent<IIonInputInputInputEventDetail>>;
     /**
      * 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
@@ -589,29 +561,24 @@ declare interface IonInput extends Components.IonInput {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonInputCustomEvent<InputChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
 }
-declare class IonInputOtp {
+export declare class IonInputOtp {
     protected z: NgZone;
     protected el: HTMLIonInputOtpElement;
-    ionInput: EventEmitter<IonInputOtpCustomEvent<InputOtpInputEventDetail>>;
-    ionChange: EventEmitter<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
-    ionComplete: EventEmitter<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
-    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
-    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInputOtp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionComplete": "ionComplete"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonInputOtp extends Components.IonInputOtp {
+export 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
@@ -622,7 +589,7 @@ 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<IonInputOtpCustomEvent<InputOtpInputEventDetail>>;
+    ionInput: EventEmitter<CustomEvent<IIonInputOtpInputOtpInputEventDetail>>;
     /**
      * 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
@@ -633,330 +600,351 @@ declare interface IonInputOtp extends Components.IonInputOtp {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
     /**
      * Emitted when all input boxes have been filled with valid values.
      */
-    ionComplete: EventEmitter<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
+    ionComplete: EventEmitter<CustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
     /**
      * Emitted when the input group loses focus.
      */
-    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
     /**
      * Emitted when the input group has focus.
      */
-    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
 }
-declare class IonInputPasswordToggle {
+export 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>;
 }
-declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
+export declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
 }
-declare class IonItem {
+export 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; }; "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; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonItem extends Components.IonItem {
+export declare interface IonItem extends Components.IonItem {
 }
-declare class IonItemDivider {
+export 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; }; }, {}, 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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonItemDivider extends Components.IonItemDivider {
+export declare interface IonItemDivider extends Components.IonItemDivider {
 }
-declare class IonItemGroup {
+export 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, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonItemGroup extends Components.IonItemGroup {
+export declare interface IonItemGroup extends Components.IonItemGroup {
 }
-declare class IonItemOption {
+export 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; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOption, "ion-item-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "href": { "alias": "href"; "required": false; }; "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>;
 }
-declare interface IonItemOption extends Components.IonItemOption {
+export declare interface IonItemOption extends Components.IonItemOption {
 }
-declare class IonItemOptions {
+export 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, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], false, 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>;
 }
-declare interface IonItemOptions extends Components.IonItemOptions {
+export declare interface IonItemOptions extends Components.IonItemOptions {
     /**
      * Emitted when the item has been fully swiped.
      */
-    ionSwipe: EventEmitter<IonItemOptionsCustomEvent<any>>;
+    ionSwipe: EventEmitter<CustomEvent<any>>;
 }
-declare class IonItemSliding {
+export 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; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], false, 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>;
 }
-declare interface IonItemSliding extends Components.IonItemSliding {
+export declare interface IonItemSliding extends Components.IonItemSliding {
     /**
      * Emitted when the sliding position changes.
      */
-    ionDrag: EventEmitter<IonItemSlidingCustomEvent<any>>;
+    ionDrag: EventEmitter<CustomEvent<any>>;
 }
-declare class IonLabel {
+export 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; }; }, {}, 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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonLabel extends Components.IonLabel {
+export declare interface IonLabel extends Components.IonLabel {
 }
-declare class IonList {
+export 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; }; }, {}, 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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonList extends Components.IonList {
+export declare interface IonList extends Components.IonList {
 }
-declare class IonListHeader {
+export 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; }; }, {}, 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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonListHeader extends Components.IonListHeader {
+export declare interface IonListHeader extends Components.IonListHeader {
 }
-declare class IonLoading {
+export 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; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionLoadingDidPresent": "ionLoadingDidPresent"; "ionLoadingWillPresent": "ionLoadingWillPresent"; "ionLoadingWillDismiss": "ionLoadingWillDismiss"; "ionLoadingDidDismiss": "ionLoadingDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLoading, "ion-loading", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "spinner": { "alias": "spinner"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonLoading extends Components.IonLoading {
+export declare interface IonLoading extends Components.IonLoading {
     /**
      * Emitted after the loading has presented.
      */
-    ionLoadingDidPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingDidPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the loading has presented.
      */
-    ionLoadingWillPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingWillPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the loading has dismissed.
      */
-    ionLoadingWillDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
+    ionLoadingWillDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading has dismissed.
      */
-    ionLoadingDidDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
+    ionLoadingDidDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has presented.
   Shorthand for ionLoadingWillDismiss.
      */
-    didPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    didPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the loading indicator has presented.
   Shorthand for ionLoadingWillPresent.
      */
-    willPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    willPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the loading indicator has dismissed.
   Shorthand for ionLoadingWillDismiss.
      */
-    willDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
+    willDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has dismissed.
   Shorthand for ionLoadingDidDismiss.
      */
-    didDismiss: EventEmitter<IonLoadingCustomEvent<OverlayEventDetail>>;
+    didDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
 }
-declare class IonMenu {
+export 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; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionWillOpen": "ionWillOpen"; "ionWillClose": "ionWillClose"; "ionDidOpen": "ionDidOpen"; "ionDidClose": "ionDidClose"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenu, "ion-menu", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxEdgeStart": { "alias": "maxEdgeStart"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "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>;
 }
-declare interface IonMenu extends Components.IonMenu {
+export declare interface IonMenu extends Components.IonMenu {
     /**
      * Emitted when the menu is about to be opened.
      */
-    ionWillOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    ionWillOpen: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the menu is about to be closed.
      */
-    ionWillClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
+    ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
     /**
      * Emitted when the menu is open.
      */
-    ionDidOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    ionDidOpen: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the menu is closed.
      */
-    ionDidClose: EventEmitter<IonMenuCustomEvent<MenuCloseEventDetail>>;
+    ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
-declare class IonMenuButton {
+export 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; }; "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; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonMenuButton extends Components.IonMenuButton {
+export declare interface IonMenuButton extends Components.IonMenuButton {
 }
-declare class IonMenuToggle {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonMenuToggle extends Components.IonMenuToggle {
+export declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
-declare class IonNavLink {
+export 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; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNavLink, "ion-nav-link", never, { "component": { "alias": "component"; "required": false; }; "componentProps": { "alias": "componentProps"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonNavLink extends Components.IonNavLink {
+export declare interface IonNavLink extends Components.IonNavLink {
 }
-declare class IonNote {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonNote extends Components.IonNote {
+export declare interface IonNote extends Components.IonNote {
 }
-declare class IonPicker {
+export 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonPicker extends Components.IonPicker {
+export declare interface IonPicker extends Components.IonPicker {
 }
-declare class IonPickerColumn {
+export 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; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumn, "ion-picker-column", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonPickerColumn extends Components.IonPickerColumn {
+export 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<IonPickerColumnCustomEvent<PickerColumnChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonPickerColumnPickerColumnChangeEventDetail>>;
 }
-declare class IonPickerColumnOption {
+export 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; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "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 {
+}
+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>;
 }
-declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
+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 class IonProgressBar {
+export 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; }; "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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonProgressBar extends Components.IonProgressBar {
+export declare interface IonProgressBar extends Components.IonProgressBar {
 }
-declare class IonRadio {
+export 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; }; "value": { "alias": "value"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonRadio extends Components.IonRadio {
+export declare interface IonRadio extends Components.IonRadio {
     /**
      * Emitted when the radio button has focus.
      */
-    ionFocus: EventEmitter<IonRadioCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the radio button loses focus.
      */
-    ionBlur: EventEmitter<IonRadioCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonRadioGroup {
+export declare class IonRadioGroup {
     protected z: NgZone;
     protected el: HTMLIonRadioGroupElement;
-    ionChange: EventEmitter<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail<any>>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonRadioGroup extends Components.IonRadioGroup {
+export declare interface IonRadioGroup extends Components.IonRadioGroup {
     /**
      * Emitted when the value has changed.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonRadioGroupRadioGroupChangeEventDetail>>;
 }
-declare class IonRange {
+export declare class IonRange {
     protected z: NgZone;
     protected el: HTMLIonRangeElement;
-    ionChange: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    ionInput: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
-    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
-    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
-    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
-    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; "ionKnobMoveStart": "ionKnobMoveStart"; "ionKnobMoveEnd": "ionKnobMoveEnd"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonRange extends Components.IonRange {
+export declare interface IonRange extends Components.IonRange {
     /**
      * The `ionChange` event is fired for `<ion-range>` elements when the user
   modifies the element's value:
@@ -965,116 +953,107 @@ declare interface IonRange extends Components.IonRange {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
     /**
      * The `ionInput` event is fired for `<ion-range>` elements when the value
   is modified. Unlike `ionChange`, `ionInput` is fired continuously
   while the user is dragging the knob.
      */
-    ionInput: EventEmitter<IonRangeCustomEvent<RangeChangeEventDetail>>;
+    ionInput: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
     /**
      * Emitted when the range has focus.
      */
-    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the range loses focus.
      */
-    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the user starts moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
+    ionKnobMoveStart: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
     /**
      * Emitted when the user finishes moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
+    ionKnobMoveEnd: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
 }
-declare class IonRefresher {
+export 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; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresher, "ion-refresher", never, { "closeDuration": { "alias": "closeDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pullFactor": { "alias": "pullFactor"; "required": false; }; "pullMax": { "alias": "pullMax"; "required": false; }; "pullMin": { "alias": "pullMin"; "required": false; }; "snapbackDuration": { "alias": "snapbackDuration"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonRefresher extends Components.IonRefresher {
+export 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<IonRefresherCustomEvent<RefresherEventDetail>>;
+    ionRefresh: EventEmitter<CustomEvent<IIonRefresherRefresherEventDetail>>;
     /**
      * Emitted while the user is pulling down the content and exposing the refresher.
      */
-    ionPull: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionPull: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down. @deprecated Use `ionPullStart` instead.
      */
-    ionStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionStart: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down.
      */
-    ionPullStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionPullStart: EventEmitter<CustomEvent<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<IonRefresherCustomEvent<RefresherPullEndEventDetail>>;
+    ionPullEnd: EventEmitter<CustomEvent<IIonRefresherRefresherPullEndEventDetail>>;
 }
-declare class IonRefresherContent {
+export 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, { "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresherContent, "ion-refresher-content", never, { "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>;
 }
-declare interface IonRefresherContent extends Components.IonRefresherContent {
+export declare interface IonRefresherContent extends Components.IonRefresherContent {
 }
-declare class IonReorder {
+export 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, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonReorder extends Components.IonReorder {
+export declare interface IonReorder extends Components.IonReorder {
 }
-declare class IonReorderGroup {
+export 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; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorderGroup, "ion-reorder-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonReorderGroup extends Components.IonReorderGroup {
+export 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<IonReorderGroupCustomEvent<ItemReorderEventDetail>>;
+    ionItemReorder: EventEmitter<CustomEvent<IIonReorderGroupItemReorderEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture starts.
      */
-    ionReorderStart: EventEmitter<IonReorderGroupCustomEvent<void>>;
+    ionReorderStart: EventEmitter<CustomEvent<void>>;
     /**
      * Event that is emitted as the reorder gesture moves.
      */
-    ionReorderMove: EventEmitter<IonReorderGroupCustomEvent<ReorderMoveEventDetail>>;
+    ionReorderMove: EventEmitter<CustomEvent<IIonReorderGroupReorderMoveEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture ends.
   The from and to properties are always available, regardless of
@@ -1083,44 +1062,38 @@ 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<IonReorderGroupCustomEvent<ReorderEndEventDetail>>;
+    ionReorderEnd: EventEmitter<CustomEvent<IIonReorderGroupReorderEndEventDetail>>;
 }
-declare class IonRippleEffect {
+export 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, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonRippleEffect extends Components.IonRippleEffect {
+export declare interface IonRippleEffect extends Components.IonRippleEffect {
 }
-declare class IonRow {
+export 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, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonRow extends Components.IonRow {
+export declare interface IonRow extends Components.IonRow {
 }
-declare class IonSearchbar {
+export declare class IonSearchbar {
     protected z: NgZone;
     protected el: HTMLIonSearchbarElement;
-    ionInput: EventEmitter<IonSearchbarCustomEvent<SearchbarInputEventDetail>>;
-    ionChange: EventEmitter<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
-    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
-    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSearchbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionClear": "ionClear"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonSearchbar extends Components.IonSearchbar {
+export declare interface IonSearchbar extends Components.IonSearchbar {
     /**
      * Emitted when the `value` of the `ion-searchbar` element has changed.
      */
-    ionInput: EventEmitter<IonSearchbarCustomEvent<SearchbarInputEventDetail>>;
+    ionInput: EventEmitter<CustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
     /**
      * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
   modifies the element's value. Unlike the `ionInput` event, the `ionChange`
@@ -1133,210 +1106,196 @@ declare interface IonSearchbar extends Components.IonSearchbar {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
     /**
      * Emitted when the cancel button is clicked.
      */
-    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
+    ionCancel: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the clear input button is clicked.
      */
-    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
+    ionClear: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
 }
-declare class IonSegment {
+export declare class IonSegment {
     protected z: NgZone;
     protected el: HTMLIonSegmentElement;
-    ionChange: EventEmitter<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegment, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonSegment extends Components.IonSegment {
+export declare interface IonSegment extends Components.IonSegment {
     /**
      * Emitted when the value property has changed and any dragging pointer has been released from `ion-segment`.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonSegmentSegmentChangeEventDetail>>;
 }
-declare class IonSegmentButton {
+export declare class IonSegmentButton {
     protected z: NgZone;
     protected el: HTMLIonSegmentButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonSegmentButton extends Components.IonSegmentButton {
+export declare interface IonSegmentButton extends Components.IonSegmentButton {
 }
-declare class IonSegmentContent {
+export 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>;
 }
-declare interface IonSegmentContent extends Components.IonSegmentContent {
+export declare interface IonSegmentContent extends Components.IonSegmentContent {
 }
-declare class IonSegmentView {
+export 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; }; }, { "ionSegmentViewScroll": "ionSegmentViewScroll"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentView, "ion-segment-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonSegmentView extends Components.IonSegmentView {
+export declare interface IonSegmentView extends Components.IonSegmentView {
     /**
      * Emitted when the segment view is scrolled.
      */
-    ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<SegmentViewScrollEvent>>;
+    ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
 }
-declare class IonSelect {
+export declare class IonSelect {
     protected z: NgZone;
     protected el: HTMLIonSelectElement;
-    ionChange: EventEmitter<IonSelectCustomEvent<SelectChangeEventDetail<any>>>;
-    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
-    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
-    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
-    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionDismiss": "ionDismiss"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonSelect extends Components.IonSelect {
+export declare interface IonSelect extends Components.IonSelect {
     /**
      * Emitted when the value has changed.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonSelectCustomEvent<SelectChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonSelectSelectChangeEventDetail>>;
     /**
      * Emitted when the selection is cancelled.
      */
-    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
+    ionCancel: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the overlay is dismissed.
      */
-    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
+    ionDismiss: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the select has focus.
      */
-    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the select loses focus.
      */
-    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonSelectModal {
+export declare class IonSelectModal {
     protected z: NgZone;
     protected el: HTMLIonSelectModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "header": { "alias": "header"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "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>;
 }
-declare interface IonSelectModal extends Components.IonSelectModal {
+export declare interface IonSelectModal extends Components.IonSelectModal {
 }
-declare class IonSelectOption {
+export 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, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectOption, "ion-select-option", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonSelectOption extends Components.IonSelectOption {
+export declare interface IonSelectOption extends Components.IonSelectOption {
 }
-declare class IonSkeletonText {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonSkeletonText extends Components.IonSkeletonText {
+export declare interface IonSkeletonText extends Components.IonSkeletonText {
 }
-declare class IonSpinner {
+export 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; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSpinner, "ion-spinner", never, { "color": { "alias": "color"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "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>;
 }
-declare interface IonSpinner extends Components.IonSpinner {
+export declare interface IonSpinner extends Components.IonSpinner {
 }
-declare class IonSplitPane {
+export 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; }; "when": { "alias": "when"; "required": false; }; }, { "ionSplitPaneVisible": "ionSplitPaneVisible"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSplitPane, "ion-split-pane", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonSplitPane extends Components.IonSplitPane {
+export declare interface IonSplitPane extends Components.IonSplitPane {
     /**
      * Expression to be called when the split-pane visibility has changed
      */
-    ionSplitPaneVisible: EventEmitter<IonSplitPaneCustomEvent<{
+    ionSplitPaneVisible: EventEmitter<CustomEvent<{
         visible: boolean;
     }>>;
 }
-declare class IonTab {
+export 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; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonTab extends Components.IonTab {
+export declare interface IonTab extends Components.IonTab {
 }
-declare class IonTabBar {
+export 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; }; "mode": { "alias": "mode"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabBar, "ion-tab-bar", never, { "color": { "alias": "color"; "required": false; }; "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>;
 }
-declare interface IonTabBar extends Components.IonTabBar {
+export declare interface IonTabBar extends Components.IonTabBar {
 }
-declare class IonTabButton {
+export 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; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabButton, "ion-tab-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonTabButton extends Components.IonTabButton {
+export declare interface IonTabButton extends Components.IonTabButton {
 }
-declare class IonText {
+export 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; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonText extends Components.IonText {
+export declare interface IonText extends Components.IonText {
 }
-declare class IonTextarea {
+export 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; }; "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>;
+    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>;
 }
-declare interface IonTextarea extends Components.IonTextarea {
+export 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
@@ -1344,7 +1303,7 @@ declare interface IonTextarea extends Components.IonTextarea {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<IonTextareaCustomEvent<TextareaChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonTextareaTextareaChangeEventDetail>>;
     /**
      * 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
@@ -1353,301 +1312,108 @@ 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<IonTextareaCustomEvent<TextareaInputEventDetail>>;
+    ionInput: EventEmitter<CustomEvent<IIonTextareaTextareaInputEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
 }
-declare class IonThumbnail {
+export declare class IonThumbnail {
     protected z: NgZone;
     protected el: HTMLIonThumbnailElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonThumbnail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-declare interface IonThumbnail extends Components.IonThumbnail {
+export declare interface IonThumbnail extends Components.IonThumbnail {
 }
-declare class IonTitle {
+export 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; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
-declare interface IonTitle extends Components.IonTitle {
+export declare interface IonTitle extends Components.IonTitle {
 }
-declare class IonToast {
+export 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; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionToastDidPresent": "ionToastDidPresent"; "ionToastWillPresent": "ionToastWillPresent"; "ionToastWillDismiss": "ionToastWillDismiss"; "ionToastDidDismiss": "ionToastDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": { "alias": "animated"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "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>;
 }
-declare interface IonToast extends Components.IonToast {
+export declare interface IonToast extends Components.IonToast {
     /**
      * Emitted after the toast has presented.
      */
-    ionToastDidPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastDidPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
      */
-    ionToastWillPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastWillPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
      */
-    ionToastWillDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
+    ionToastWillDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
      */
-    ionToastDidDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
+    ionToastDidDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has presented.
   Shorthand for ionToastWillDismiss.
      */
-    didPresent: EventEmitter<IonToastCustomEvent<void>>;
+    didPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
   Shorthand for ionToastWillPresent.
      */
-    willPresent: EventEmitter<IonToastCustomEvent<void>>;
+    willPresent: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
   Shorthand for ionToastWillDismiss.
      */
-    willDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
+    willDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
   Shorthand for ionToastDidDismiss.
      */
-    didDismiss: EventEmitter<IonToastCustomEvent<OverlayEventDetail>>;
+    didDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
 }
-declare class IonToggle {
+export declare class IonToggle {
     protected z: NgZone;
     protected el: HTMLIonToggleElement;
-    ionChange: EventEmitter<IonToggleCustomEvent<ToggleChangeEventDetail<any>>>;
-    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
-    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
+    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>;
 }
-declare interface IonToggle extends Components.IonToggle {
+export declare interface IonToggle extends Components.IonToggle {
     /**
      * Emitted when the user switches the toggle on or off.
   
   This event will not emit when programmatically setting the `checked` property.
      */
-    ionChange: EventEmitter<IonToggleCustomEvent<ToggleChangeEventDetail>>;
+    ionChange: EventEmitter<CustomEvent<IIonToggleToggleChangeEventDetail>>;
     /**
      * Emitted when the toggle has focus.
      */
-    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
+    ionFocus: EventEmitter<CustomEvent<void>>;
     /**
      * Emitted when the toggle loses focus.
      */
-    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
+    ionBlur: EventEmitter<CustomEvent<void>>;
 }
-declare class IonToolbar {
+export declare class IonToolbar {
     protected z: NgZone;
     protected el: HTMLIonToolbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-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 };
+    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 {
+}