@ionic/angular 8.8.19 → 8.8.20-dev.11787158518.168a2fea

package/{directives → dist/lazy/directives}/proxies.d.ts

@@ -1,39 +1,71 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { Components } from '@ionic/core';
+import type { IonAccordionGroupCustomEvent } from '@ionic/core';
 import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core';
+import type { IonActionSheetCustomEvent } from '@ionic/core';
 import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core';
+import type { IonAlertCustomEvent } from '@ionic/core';
 import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core';
+import type { IonBackdropCustomEvent } from '@ionic/core';
+import type { IonBreadcrumbCustomEvent } from '@ionic/core';
+import type { IonBreadcrumbsCustomEvent } from '@ionic/core';
 import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core';
+import type { IonButtonCustomEvent } from '@ionic/core';
+import type { IonCheckboxCustomEvent } from '@ionic/core';
 import type { CheckboxChangeEventDetail as IIonCheckboxCheckboxChangeEventDetail } from '@ionic/core';
+import type { IonContentCustomEvent } from '@ionic/core';
 import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core';
 import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core';
+import type { IonDatetimeCustomEvent } from '@ionic/core';
 import type { DatetimeChangeEventDetail as IIonDatetimeDatetimeChangeEventDetail } from '@ionic/core';
+import type { IonFabButtonCustomEvent } from '@ionic/core';
+import type { IonImgCustomEvent } from '@ionic/core';
+import type { IonInfiniteScrollCustomEvent } from '@ionic/core';
+import type { IonInputCustomEvent } from '@ionic/core';
 import type { InputInputEventDetail as IIonInputInputInputEventDetail } from '@ionic/core';
 import type { InputChangeEventDetail as IIonInputInputChangeEventDetail } from '@ionic/core';
+import type { IonInputOtpCustomEvent } 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 { IonItemOptionsCustomEvent } from '@ionic/core';
+import type { IonItemSlidingCustomEvent } from '@ionic/core';
+import type { IonLoadingCustomEvent } from '@ionic/core';
 import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core';
+import type { IonMenuCustomEvent } from '@ionic/core';
 import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core';
+import type { IonPickerColumnCustomEvent } from '@ionic/core';
 import type { PickerColumnChangeEventDetail as IIonPickerColumnPickerColumnChangeEventDetail } from '@ionic/core';
-import type { OverlayEventDetail as IIonPickerLegacyOverlayEventDetail } from '@ionic/core';
+import type { IonRadioCustomEvent } from '@ionic/core';
+import type { IonRadioGroupCustomEvent } from '@ionic/core';
 import type { RadioGroupChangeEventDetail as IIonRadioGroupRadioGroupChangeEventDetail } from '@ionic/core';
+import type { IonRangeCustomEvent } 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 { IonRefresherCustomEvent } from '@ionic/core';
 import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core';
 import type { RefresherPullEndEventDetail as IIonRefresherRefresherPullEndEventDetail } from '@ionic/core';
+import type { IonReorderGroupCustomEvent } 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 { IonSearchbarCustomEvent } from '@ionic/core';
 import type { SearchbarInputEventDetail as IIonSearchbarSearchbarInputEventDetail } from '@ionic/core';
 import type { SearchbarChangeEventDetail as IIonSearchbarSearchbarChangeEventDetail } from '@ionic/core';
+import type { IonSegmentCustomEvent } from '@ionic/core';
 import type { SegmentChangeEventDetail as IIonSegmentSegmentChangeEventDetail } from '@ionic/core';
+import type { IonSegmentViewCustomEvent } from '@ionic/core';
 import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core';
+import type { IonSelectCustomEvent } from '@ionic/core';
 import type { SelectChangeEventDetail as IIonSelectSelectChangeEventDetail } from '@ionic/core';
+import type { IonSplitPaneCustomEvent } from '@ionic/core';
+import type { IonTextareaCustomEvent } from '@ionic/core';
 import type { TextareaChangeEventDetail as IIonTextareaTextareaChangeEventDetail } from '@ionic/core';
 import type { TextareaInputEventDetail as IIonTextareaTextareaInputEventDetail } from '@ionic/core';
+import type { IonToastCustomEvent } from '@ionic/core';
 import type { OverlayEventDetail as IIonToastOverlayEventDetail } from '@ionic/core';
+import type { IonToggleCustomEvent } from '@ionic/core';
 import type { ToggleChangeEventDetail as IIonToggleToggleChangeEventDetail } from '@ionic/core';
 import * as i0 from "@angular/core";
 export declare class IonAccordion {
@@ -48,9 +80,10 @@ export declare interface IonAccordion extends Components.IonAccordion {
 export declare class IonAccordionGroup {
     protected z: NgZone;
     protected el: HTMLIonAccordionGroupElement;
+    ionChange: EventEmitter<IonAccordionGroupCustomEvent<IIonAccordionGroupAccordionGroupChangeEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordionGroup, "ion-accordion-group", never, { "animated": { "alias": "animated"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
     /**
@@ -58,97 +91,113 @@ export declare interface IonAccordionGroup extends Components.IonAccordionGroup
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonAccordionGroupAccordionGroupChangeEventDetail>>;
+    ionChange: EventEmitter<IonAccordionGroupCustomEvent<IIonAccordionGroupAccordionGroupChangeEventDetail>>;
 }
 export declare class IonActionSheet {
     protected z: NgZone;
     protected el: HTMLIonActionSheetElement;
+    ionActionSheetDidPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetWillPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    ionActionSheetWillDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    ionActionSheetDidDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    willPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
+    willDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonActionSheet, "ion-action-sheet", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionActionSheetDidPresent": "ionActionSheetDidPresent"; "ionActionSheetWillPresent": "ionActionSheetWillPresent"; "ionActionSheetWillDismiss": "ionActionSheetWillDismiss"; "ionActionSheetDidDismiss": "ionActionSheetDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonActionSheet extends Components.IonActionSheet {
     /**
      * Emitted after the action sheet has presented.
      */
-    ionActionSheetDidPresent: EventEmitter<CustomEvent<void>>;
+    ionActionSheetDidPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
      */
-    ionActionSheetWillPresent: EventEmitter<CustomEvent<void>>;
+    ionActionSheetWillPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
      */
-    ionActionSheetWillDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    ionActionSheetWillDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
      */
-    ionActionSheetDidDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    ionActionSheetDidDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has presented.
   Shorthand for ionActionSheetWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has presented.
   Shorthand for ionActionSheetWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonActionSheetCustomEvent<void>>;
     /**
      * Emitted before the action sheet has dismissed.
   Shorthand for ionActionSheetWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail>>;
     /**
      * Emitted after the action sheet has dismissed.
   Shorthand for ionActionSheetDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonActionSheetOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonActionSheetCustomEvent<IIonActionSheetOverlayEventDetail>>;
 }
 export declare class IonAlert {
     protected z: NgZone;
     protected el: HTMLIonAlertElement;
+    ionAlertDidPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertWillPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    ionAlertWillDismiss: EventEmitter<IonAlertCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    ionAlertDidDismiss: EventEmitter<IonAlertCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    willPresent: EventEmitter<IonAlertCustomEvent<void>>;
+    willDismiss: EventEmitter<IonAlertCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didDismiss: EventEmitter<IonAlertCustomEvent<IIonActionSheetOverlayEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAlert, "ion-alert", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionAlertDidPresent": "ionAlertDidPresent"; "ionAlertWillPresent": "ionAlertWillPresent"; "ionAlertWillDismiss": "ionAlertWillDismiss"; "ionAlertDidDismiss": "ionAlertDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonAlert extends Components.IonAlert {
     /**
      * Emitted after the alert has presented.
      */
-    ionAlertDidPresent: EventEmitter<CustomEvent<void>>;
+    ionAlertDidPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
      */
-    ionAlertWillPresent: EventEmitter<CustomEvent<void>>;
+    ionAlertWillPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
      */
-    ionAlertWillDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    ionAlertWillDismiss: EventEmitter<IonAlertCustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
      */
-    ionAlertDidDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    ionAlertDidDismiss: EventEmitter<IonAlertCustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has presented.
   Shorthand for ionAlertWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has presented.
   Shorthand for ionAlertWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonAlertCustomEvent<void>>;
     /**
      * Emitted before the alert has dismissed.
   Shorthand for ionAlertWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonAlertCustomEvent<IIonAlertOverlayEventDetail>>;
     /**
      * Emitted after the alert has dismissed.
   Shorthand for ionAlertDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonAlertOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonAlertCustomEvent<IIonAlertOverlayEventDetail>>;
 }
 export declare class IonApp {
     protected z: NgZone;
@@ -171,15 +220,16 @@ export declare interface IonAvatar extends Components.IonAvatar {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackdrop, "ion-backdrop", never, { "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "ionBackdropTap": "ionBackdropTap"; }, never, ["*"], false, never>;
 }
 export declare interface IonBackdrop extends Components.IonBackdrop {
     /**
      * Emitted when the backdrop is tapped.
      */
-    ionBackdropTap: EventEmitter<CustomEvent<void>>;
+    ionBackdropTap: EventEmitter<IonBackdropCustomEvent<void>>;
 }
 export declare class IonBadge {
     protected z: NgZone;
@@ -193,49 +243,54 @@ export declare interface IonBadge extends Components.IonBadge {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumb, "ion-breadcrumb", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
     /**
      * Emitted when the breadcrumb has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonBreadcrumbCustomEvent<void>>;
     /**
      * Emitted when the breadcrumb loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonBreadcrumbCustomEvent<void>>;
 }
 export declare class IonBreadcrumbs {
     protected z: NgZone;
     protected el: HTMLIonBreadcrumbsElement;
+    ionCollapsedClick: EventEmitter<IonBreadcrumbsCustomEvent<IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumbs, "ion-breadcrumbs", never, { "color": { "alias": "color"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "ionCollapsedClick": "ionCollapsedClick"; }, never, ["*"], false, never>;
 }
 export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
     /**
      * Emitted when the collapsed indicator is clicked on.
      */
-    ionCollapsedClick: EventEmitter<CustomEvent<IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail>>;
+    ionCollapsedClick: EventEmitter<IonBreadcrumbsCustomEvent<IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail>>;
 }
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButton, "ion-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonButton extends Components.IonButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonButtonCustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonButtonCustomEvent<void>>;
 }
 export declare class IonButtons {
     protected z: NgZone;
@@ -294,9 +349,12 @@ export declare interface IonCardTitle extends Components.IonCardTitle {
 export declare class IonCheckbox {
     protected z: NgZone;
     protected el: HTMLIonCheckboxElement;
+    ionChange: EventEmitter<IonCheckboxCustomEvent<IIonCheckboxCheckboxChangeEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonCheckbox extends Components.IonCheckbox {
     /**
@@ -304,15 +362,15 @@ export declare interface IonCheckbox extends Components.IonCheckbox {
   
   This event will not emit when programmatically setting the `checked` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonCheckboxCheckboxChangeEventDetail>>;
+    ionChange: EventEmitter<IonCheckboxCustomEvent<IIonCheckboxCheckboxChangeEventDetail>>;
     /**
      * Emitted when the checkbox has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonCheckboxCustomEvent<void>>;
     /**
      * Emitted when the checkbox loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonCheckboxCustomEvent<void>>;
 }
 export declare class IonChip {
     protected z: NgZone;
@@ -335,53 +393,60 @@ export declare interface IonCol extends Components.IonCol {
 export declare class IonContent {
     protected z: NgZone;
     protected el: HTMLIonContentElement;
+    ionScrollStart: EventEmitter<IonContentCustomEvent<IIonContentScrollBaseDetail>>;
+    ionScroll: EventEmitter<IonContentCustomEvent<IIonContentScrollDetail>>;
+    ionScrollEnd: EventEmitter<IonContentCustomEvent<IIonContentScrollBaseDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonContent, "ion-content", never, { "color": { "alias": "color"; "required": false; }; "fixedSlotPlacement": { "alias": "fixedSlotPlacement"; "required": false; }; "forceOverscroll": { "alias": "forceOverscroll"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "ionScrollStart": "ionScrollStart"; "ionScroll": "ionScroll"; "ionScrollEnd": "ionScrollEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonContent extends Components.IonContent {
     /**
      * Emitted when the scroll has started. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScrollStart: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
+    ionScrollStart: EventEmitter<IonContentCustomEvent<IIonContentScrollBaseDetail>>;
     /**
      * Emitted while scrolling. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScroll: EventEmitter<CustomEvent<IIonContentScrollDetail>>;
+    ionScroll: EventEmitter<IonContentCustomEvent<IIonContentScrollDetail>>;
     /**
      * Emitted when the scroll has ended. This event is disabled by default.
   Set `scrollEvents` to `true` to enable.
      */
-    ionScrollEnd: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
+    ionScrollEnd: EventEmitter<IonContentCustomEvent<IIonContentScrollBaseDetail>>;
 }
 export declare class IonDatetime {
     protected z: NgZone;
     protected el: HTMLIonDatetimeElement;
+    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
+    ionChange: EventEmitter<IonDatetimeCustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
+    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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, { "ionCancel": "ionCancel"; "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonDatetime extends Components.IonDatetime {
     /**
      * Emitted when the datetime selection was cancelled.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    ionCancel: EventEmitter<IonDatetimeCustomEvent<void>>;
     /**
      * Emitted when the value (selected date) has changed.
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
+    ionChange: EventEmitter<IonDatetimeCustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
     /**
      * Emitted when the datetime has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonDatetimeCustomEvent<void>>;
     /**
      * Emitted when the datetime loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonDatetimeCustomEvent<void>>;
 }
 export declare class IonDatetimeButton {
     protected z: NgZone;
@@ -404,19 +469,21 @@ export declare interface IonFab extends Components.IonFab {
 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; }; "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; }; "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; }; }, {}, 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; }; "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; }; "show": { "alias": "show"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonFabButton extends Components.IonFabButton {
     /**
      * Emitted when the button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonFabButtonCustomEvent<void>>;
     /**
      * Emitted when the button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonFabButtonCustomEvent<void>>;
 }
 export declare class IonFabList {
     protected z: NgZone;
@@ -466,30 +533,34 @@ export declare interface IonIcon extends Components.IonIcon {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonImg, "ion-img", never, { "alt": { "alias": "alt"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "ionImgWillLoad": "ionImgWillLoad"; "ionImgDidLoad": "ionImgDidLoad"; "ionError": "ionError"; }, never, ["*"], false, never>;
 }
 export declare interface IonImg extends Components.IonImg {
     /**
      * Emitted when the img src has been set
      */
-    ionImgWillLoad: EventEmitter<CustomEvent<void>>;
+    ionImgWillLoad: EventEmitter<IonImgCustomEvent<void>>;
     /**
      * Emitted when the image has finished loading
      */
-    ionImgDidLoad: EventEmitter<CustomEvent<void>>;
+    ionImgDidLoad: EventEmitter<IonImgCustomEvent<void>>;
     /**
      * Emitted when the img fails to load
      */
-    ionError: EventEmitter<CustomEvent<void>>;
+    ionError: EventEmitter<IonImgCustomEvent<void>>;
 }
 export declare class IonInfiniteScroll {
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScroll, "ion-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "position": { "alias": "position"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], false, never>;
 }
 export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
     /**
@@ -498,7 +569,7 @@ export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll
   you must call the infinite scroll's `complete()` method when
   your async operation has completed.
      */
-    ionInfinite: EventEmitter<CustomEvent<void>>;
+    ionInfinite: EventEmitter<IonInfiniteScrollCustomEvent<void>>;
 }
 export declare class IonInfiniteScrollContent {
     protected z: NgZone;
@@ -512,9 +583,13 @@ export declare interface IonInfiniteScrollContent extends Components.IonInfinite
 export declare class IonInput {
     protected z: NgZone;
     protected el: HTMLIonInputElement;
+    ionInput: EventEmitter<IonInputCustomEvent<IIonInputInputInputEventDetail>>;
+    ionChange: EventEmitter<IonInputCustomEvent<IIonInputInputChangeEventDetail>>;
+    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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearInputIcon": { "alias": "clearInputIcon"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonInput extends Components.IonInput {
     /**
@@ -527,7 +602,7 @@ export declare interface IonInput extends Components.IonInput {
   the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
   the input is cleared on edit, the type is `null`.
      */
-    ionInput: EventEmitter<CustomEvent<IIonInputInputInputEventDetail>>;
+    ionInput: EventEmitter<IonInputCustomEvent<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
@@ -542,22 +617,27 @@ export declare interface IonInput extends Components.IonInput {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
+    ionChange: EventEmitter<IonInputCustomEvent<IIonInputInputChangeEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonInputCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonInputCustomEvent<FocusEvent>>;
 }
 export declare class IonInputOtp {
     protected z: NgZone;
     protected el: HTMLIonInputOtpElement;
+    ionInput: EventEmitter<IonInputOtpCustomEvent<IIonInputOtpInputOtpInputEventDetail>>;
+    ionChange: EventEmitter<IonInputOtpCustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
+    ionComplete: EventEmitter<IonInputOtpCustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
+    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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionComplete": "ionComplete"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonInputOtp extends Components.IonInputOtp {
     /**
@@ -570,7 +650,7 @@ export declare interface IonInputOtp extends Components.IonInputOtp {
   the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
   the input is cleared on edit, the type is `null`.
      */
-    ionInput: EventEmitter<CustomEvent<IIonInputOtpInputOtpInputEventDetail>>;
+    ionInput: EventEmitter<IonInputOtpCustomEvent<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
@@ -581,19 +661,19 @@ export declare interface IonInputOtp extends Components.IonInputOtp {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
+    ionChange: EventEmitter<IonInputOtpCustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
     /**
      * Emitted when all input boxes have been filled with valid values.
      */
-    ionComplete: EventEmitter<CustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
+    ionComplete: EventEmitter<IonInputOtpCustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
     /**
      * Emitted when the input group loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input group has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonInputOtpCustomEvent<FocusEvent>>;
 }
 export declare class IonInputPasswordToggle {
     protected z: NgZone;
@@ -643,28 +723,30 @@ export declare interface IonItemOption extends Components.IonItemOption {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOptions, "ion-item-options", never, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], false, never>;
 }
 export declare interface IonItemOptions extends Components.IonItemOptions {
     /**
      * Emitted when the item has been fully swiped.
      */
-    ionSwipe: EventEmitter<CustomEvent<any>>;
+    ionSwipe: EventEmitter<IonItemOptionsCustomEvent<any>>;
 }
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemSliding, "ion-item-sliding", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], false, never>;
 }
 export declare interface IonItemSliding extends Components.IonItemSliding {
     /**
      * Emitted when the sliding position changes.
      */
-    ionDrag: EventEmitter<CustomEvent<any>>;
+    ionDrag: EventEmitter<IonItemSlidingCustomEvent<any>>;
 }
 export declare class IonLabel {
     protected z: NgZone;
@@ -696,72 +778,84 @@ export declare interface IonListHeader extends Components.IonListHeader {
 export declare class IonLoading {
     protected z: NgZone;
     protected el: HTMLIonLoadingElement;
+    ionLoadingDidPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingWillPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    ionLoadingWillDismiss: EventEmitter<IonLoadingCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    ionLoadingDidDismiss: EventEmitter<IonLoadingCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    willPresent: EventEmitter<IonLoadingCustomEvent<void>>;
+    willDismiss: EventEmitter<IonLoadingCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didDismiss: EventEmitter<IonLoadingCustomEvent<IIonActionSheetOverlayEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLoading, "ion-loading", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "spinner": { "alias": "spinner"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionLoadingDidPresent": "ionLoadingDidPresent"; "ionLoadingWillPresent": "ionLoadingWillPresent"; "ionLoadingWillDismiss": "ionLoadingWillDismiss"; "ionLoadingDidDismiss": "ionLoadingDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonLoading extends Components.IonLoading {
     /**
      * Emitted after the loading has presented.
      */
-    ionLoadingDidPresent: EventEmitter<CustomEvent<void>>;
+    ionLoadingDidPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading has presented.
      */
-    ionLoadingWillPresent: EventEmitter<CustomEvent<void>>;
+    ionLoadingWillPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading has dismissed.
      */
-    ionLoadingWillDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    ionLoadingWillDismiss: EventEmitter<IonLoadingCustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading has dismissed.
      */
-    ionLoadingDidDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    ionLoadingDidDismiss: EventEmitter<IonLoadingCustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has presented.
   Shorthand for ionLoadingWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading indicator has presented.
   Shorthand for ionLoadingWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonLoadingCustomEvent<void>>;
     /**
      * Emitted before the loading indicator has dismissed.
   Shorthand for ionLoadingWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonLoadingCustomEvent<IIonLoadingOverlayEventDetail>>;
     /**
      * Emitted after the loading indicator has dismissed.
   Shorthand for ionLoadingDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonLoadingOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonLoadingCustomEvent<IIonLoadingOverlayEventDetail>>;
 }
 export declare class IonMenu {
     protected z: NgZone;
     protected el: HTMLIonMenuElement;
+    ionWillOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    ionWillClose: EventEmitter<IonMenuCustomEvent<IIonMenuMenuCloseEventDetail>>;
+    ionDidOpen: EventEmitter<IonMenuCustomEvent<void>>;
+    ionDidClose: EventEmitter<IonMenuCustomEvent<IIonMenuMenuCloseEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenu, "ion-menu", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxEdgeStart": { "alias": "maxEdgeStart"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionWillOpen": "ionWillOpen"; "ionWillClose": "ionWillClose"; "ionDidOpen": "ionDidOpen"; "ionDidClose": "ionDidClose"; }, never, ["*"], false, never>;
 }
 export declare interface IonMenu extends Components.IonMenu {
     /**
      * Emitted when the menu is about to be opened.
      */
-    ionWillOpen: EventEmitter<CustomEvent<void>>;
+    ionWillOpen: EventEmitter<IonMenuCustomEvent<void>>;
     /**
      * Emitted when the menu is about to be closed.
      */
-    ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
+    ionWillClose: EventEmitter<IonMenuCustomEvent<IIonMenuMenuCloseEventDetail>>;
     /**
      * Emitted when the menu is open.
      */
-    ionDidOpen: EventEmitter<CustomEvent<void>>;
+    ionDidOpen: EventEmitter<IonMenuCustomEvent<void>>;
     /**
      * Emitted when the menu is closed.
      */
-    ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
+    ionDidClose: EventEmitter<IonMenuCustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
 export declare class IonMenuButton {
     protected z: NgZone;
@@ -811,9 +905,10 @@ export declare interface IonPicker extends Components.IonPicker {
 export declare class IonPickerColumn {
     protected z: NgZone;
     protected el: HTMLIonPickerColumnElement;
+    ionChange: EventEmitter<IonPickerColumnCustomEvent<IIonPickerColumnPickerColumnChangeEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumn, "ion-picker-column", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonPickerColumn extends Components.IonPickerColumn {
     /**
@@ -821,7 +916,7 @@ export declare interface IonPickerColumn extends Components.IonPickerColumn {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonPickerColumnPickerColumnChangeEventDetail>>;
+    ionChange: EventEmitter<IonPickerColumnCustomEvent<IIonPickerColumnPickerColumnChangeEventDetail>>;
 }
 export declare class IonPickerColumnOption {
     protected z: NgZone;
@@ -832,51 +927,6 @@ export declare class IonPickerColumnOption {
 }
 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; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonPickerLegacy extends Components.IonPickerLegacy {
-    /**
-     * Emitted after the picker has presented.
-     */
-    ionPickerDidPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has presented.
-     */
-    ionPickerWillPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has dismissed.
-     */
-    ionPickerWillDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has dismissed.
-     */
-    ionPickerDidDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has presented.
-  Shorthand for ionPickerWillDismiss.
-     */
-    didPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has presented.
-  Shorthand for ionPickerWillPresent.
-     */
-    willPresent: EventEmitter<CustomEvent<void>>;
-    /**
-     * Emitted before the picker has dismissed.
-  Shorthand for ionPickerWillDismiss.
-     */
-    willDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-    /**
-     * Emitted after the picker has dismissed.
-  Shorthand for ionPickerDidDismiss.
-     */
-    didDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
-}
 export declare class IonProgressBar {
     protected z: NgZone;
     protected el: HTMLIonProgressBarElement;
@@ -889,26 +939,29 @@ export declare interface IonProgressBar extends Components.IonProgressBar {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonRadio extends Components.IonRadio {
     /**
      * Emitted when the radio button has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonRadioCustomEvent<void>>;
     /**
      * Emitted when the radio button loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonRadioCustomEvent<void>>;
 }
 export declare class IonRadioGroup {
     protected z: NgZone;
     protected el: HTMLIonRadioGroupElement;
+    ionChange: EventEmitter<IonRadioGroupCustomEvent<IIonRadioGroupRadioGroupChangeEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonRadioGroup extends Components.IonRadioGroup {
     /**
@@ -916,14 +969,20 @@ export declare interface IonRadioGroup extends Components.IonRadioGroup {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonRadioGroupRadioGroupChangeEventDetail>>;
+    ionChange: EventEmitter<IonRadioGroupCustomEvent<IIonRadioGroupRadioGroupChangeEventDetail>>;
 }
 export declare class IonRange {
     protected z: NgZone;
     protected el: HTMLIonRangeElement;
+    ionChange: EventEmitter<IonRangeCustomEvent<IIonRangeRangeChangeEventDetail>>;
+    ionInput: EventEmitter<IonRangeCustomEvent<IIonRangeRangeChangeEventDetail>>;
+    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
+    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
+    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
+    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; "ionKnobMoveStart": "ionKnobMoveStart"; "ionKnobMoveEnd": "ionKnobMoveEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonRange extends Components.IonRange {
     /**
@@ -934,38 +993,43 @@ export declare interface IonRange extends Components.IonRange {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
+    ionChange: EventEmitter<IonRangeCustomEvent<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<CustomEvent<IIonRangeRangeChangeEventDetail>>;
+    ionInput: EventEmitter<IonRangeCustomEvent<IIonRangeRangeChangeEventDetail>>;
     /**
      * Emitted when the range has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonRangeCustomEvent<void>>;
     /**
      * Emitted when the range loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonRangeCustomEvent<void>>;
     /**
      * Emitted when the user starts moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveStart: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
+    ionKnobMoveStart: EventEmitter<IonRangeCustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
     /**
      * Emitted when the user finishes moving the range knob, whether through
   mouse drag, touch gesture, or keyboard interaction.
      */
-    ionKnobMoveEnd: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
+    ionKnobMoveEnd: EventEmitter<IonRangeCustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
 }
 export declare class IonRefresher {
     protected z: NgZone;
     protected el: HTMLIonRefresherElement;
+    ionRefresh: EventEmitter<IonRefresherCustomEvent<IIonRefresherRefresherEventDetail>>;
+    ionPull: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionPullStart: EventEmitter<IonRefresherCustomEvent<void>>;
+    ionPullEnd: EventEmitter<IonRefresherCustomEvent<IIonRefresherRefresherPullEndEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresher, "ion-refresher", never, { "closeDuration": { "alias": "closeDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pullFactor": { "alias": "pullFactor"; "required": false; }; "pullMax": { "alias": "pullMax"; "required": false; }; "pullMin": { "alias": "pullMin"; "required": false; }; "snapbackDuration": { "alias": "snapbackDuration"; "required": false; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonRefresher extends Components.IonRefresher {
     /**
@@ -974,25 +1038,25 @@ export declare interface IonRefresher extends Components.IonRefresher {
   Updates the refresher state to `refreshing`. The `complete()` method should be
   called when the async operation has completed.
      */
-    ionRefresh: EventEmitter<CustomEvent<IIonRefresherRefresherEventDetail>>;
+    ionRefresh: EventEmitter<IonRefresherCustomEvent<IIonRefresherRefresherEventDetail>>;
     /**
      * Emitted while the user is pulling down the content and exposing the refresher.
      */
-    ionPull: EventEmitter<CustomEvent<void>>;
+    ionPull: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down. @deprecated Use `ionPullStart` instead.
      */
-    ionStart: EventEmitter<CustomEvent<void>>;
+    ionStart: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the user begins to start pulling down.
      */
-    ionPullStart: EventEmitter<CustomEvent<void>>;
+    ionPullStart: EventEmitter<IonRefresherCustomEvent<void>>;
     /**
      * Emitted when the refresher has returned to the inactive state
   after a pull gesture. This fires whether the refresh completed
   successfully or was canceled.
      */
-    ionPullEnd: EventEmitter<CustomEvent<IIonRefresherRefresherPullEndEventDetail>>;
+    ionPullEnd: EventEmitter<IonRefresherCustomEvent<IIonRefresherRefresherPullEndEventDetail>>;
 }
 export declare class IonRefresherContent {
     protected z: NgZone;
@@ -1015,9 +1079,13 @@ export declare interface IonReorder extends Components.IonReorder {
 export declare class IonReorderGroup {
     protected z: NgZone;
     protected el: HTMLIonReorderGroupElement;
+    ionItemReorder: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupItemReorderEventDetail>>;
+    ionReorderStart: EventEmitter<IonReorderGroupCustomEvent<void>>;
+    ionReorderMove: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupReorderMoveEventDetail>>;
+    ionReorderEnd: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupReorderEndEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorderGroup, "ion-reorder-group", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonReorderGroup extends Components.IonReorderGroup {
     /**
@@ -1026,15 +1094,15 @@ export declare interface IonReorderGroup extends Components.IonReorderGroup {
   being different you should now add checks as they are always emitted
   in `ionReorderEnd`, even when they are the same.
      */
-    ionItemReorder: EventEmitter<CustomEvent<IIonReorderGroupItemReorderEventDetail>>;
+    ionItemReorder: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupItemReorderEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture starts.
      */
-    ionReorderStart: EventEmitter<CustomEvent<void>>;
+    ionReorderStart: EventEmitter<IonReorderGroupCustomEvent<void>>;
     /**
      * Event that is emitted as the reorder gesture moves.
      */
-    ionReorderMove: EventEmitter<CustomEvent<IIonReorderGroupReorderMoveEventDetail>>;
+    ionReorderMove: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupReorderMoveEventDetail>>;
     /**
      * Event that is emitted when the reorder gesture ends.
   The from and to properties are always available, regardless of
@@ -1043,7 +1111,7 @@ export declare interface IonReorderGroup extends Components.IonReorderGroup {
   Once the event has been emitted, the `complete()` method then needs
   to be called in order to finalize the reorder action.
      */
-    ionReorderEnd: EventEmitter<CustomEvent<IIonReorderGroupReorderEndEventDetail>>;
+    ionReorderEnd: EventEmitter<IonReorderGroupCustomEvent<IIonReorderGroupReorderEndEventDetail>>;
 }
 export declare class IonRippleEffect {
     protected z: NgZone;
@@ -1066,15 +1134,21 @@ export declare interface IonRow extends Components.IonRow {
 export declare class IonSearchbar {
     protected z: NgZone;
     protected el: HTMLIonSearchbarElement;
+    ionInput: EventEmitter<IonSearchbarCustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
+    ionChange: EventEmitter<IonSearchbarCustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
+    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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionClear": "ionClear"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonSearchbar extends Components.IonSearchbar {
     /**
      * Emitted when the `value` of the `ion-searchbar` element has changed.
      */
-    ionInput: EventEmitter<CustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
+    ionInput: EventEmitter<IonSearchbarCustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
     /**
      * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
   modifies the element's value. Unlike the `ionInput` event, the `ionChange`
@@ -1087,30 +1161,31 @@ export declare interface IonSearchbar extends Components.IonSearchbar {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
+    ionChange: EventEmitter<IonSearchbarCustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
     /**
      * Emitted when the cancel button is clicked.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    ionCancel: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the clear input button is clicked.
      */
-    ionClear: EventEmitter<CustomEvent<void>>;
+    ionClear: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonSearchbarCustomEvent<void>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonSearchbarCustomEvent<void>>;
 }
 export declare class IonSegment {
     protected z: NgZone;
     protected el: HTMLIonSegmentElement;
+    ionChange: EventEmitter<IonSegmentCustomEvent<IIonSegmentSegmentChangeEventDetail>>;
     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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonSegment extends Components.IonSegment {
     /**
@@ -1118,7 +1193,7 @@ export declare interface IonSegment extends Components.IonSegment {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonSegmentSegmentChangeEventDetail>>;
+    ionChange: EventEmitter<IonSegmentCustomEvent<IIonSegmentSegmentChangeEventDetail>>;
 }
 export declare class IonSegmentButton {
     protected z: NgZone;
@@ -1141,22 +1216,28 @@ export declare interface IonSegmentContent extends Components.IonSegmentContent
 export declare class IonSegmentView {
     protected z: NgZone;
     protected el: HTMLIonSegmentViewElement;
+    ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentView, "ion-segment-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentView, "ion-segment-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; }, { "ionSegmentViewScroll": "ionSegmentViewScroll"; }, never, ["*"], false, never>;
 }
 export declare interface IonSegmentView extends Components.IonSegmentView {
     /**
      * Emitted when the segment view is scrolled.
      */
-    ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+    ionSegmentViewScroll: EventEmitter<IonSegmentViewCustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
 }
 export declare class IonSelect {
     protected z: NgZone;
     protected el: HTMLIonSelectElement;
+    ionChange: EventEmitter<IonSelectCustomEvent<IIonSelectSelectChangeEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionDismiss": "ionDismiss"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonSelect extends Components.IonSelect {
     /**
@@ -1164,23 +1245,23 @@ export declare interface IonSelect extends Components.IonSelect {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonSelectSelectChangeEventDetail>>;
+    ionChange: EventEmitter<IonSelectCustomEvent<IIonSelectSelectChangeEventDetail>>;
     /**
      * Emitted when the selection is cancelled.
      */
-    ionCancel: EventEmitter<CustomEvent<void>>;
+    ionCancel: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the overlay is dismissed.
      */
-    ionDismiss: EventEmitter<CustomEvent<void>>;
+    ionDismiss: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the select has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonSelectCustomEvent<void>>;
     /**
      * Emitted when the select loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonSelectCustomEvent<void>>;
 }
 export declare class IonSelectModal {
     protected z: NgZone;
@@ -1196,7 +1277,7 @@ export declare class IonSelectOption {
     protected el: HTMLIonSelectOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectOption, "ion-select-option", never, { "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; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonSelectOption extends Components.IonSelectOption {
 }
@@ -1221,15 +1302,18 @@ export declare interface IonSpinner extends Components.IonSpinner {
 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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSplitPane, "ion-split-pane", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, { "ionSplitPaneVisible": "ionSplitPaneVisible"; }, never, ["*"], false, never>;
 }
 export declare interface IonSplitPane extends Components.IonSplitPane {
     /**
      * Expression to be called when the split-pane visibility has changed
      */
-    ionSplitPaneVisible: EventEmitter<CustomEvent<{
+    ionSplitPaneVisible: EventEmitter<IonSplitPaneCustomEvent<{
         visible: boolean;
     }>>;
 }
@@ -1238,7 +1322,7 @@ export declare class IonTab {
     protected el: HTMLIonTabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTab extends Components.IonTab {
 }
@@ -1272,9 +1356,13 @@ export declare interface IonText extends Components.IonText {
 export declare class IonTextarea {
     protected z: NgZone;
     protected el: HTMLIonTextareaElement;
+    ionChange: EventEmitter<IonTextareaCustomEvent<IIonTextareaTextareaChangeEventDetail>>;
+    ionInput: EventEmitter<IonTextareaCustomEvent<IIonTextareaTextareaInputEventDetail>>;
+    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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonTextarea extends Components.IonTextarea {
     /**
@@ -1284,7 +1372,7 @@ export declare interface IonTextarea extends Components.IonTextarea {
   
   This event will not emit when programmatically setting the `value` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonTextareaTextareaChangeEventDetail>>;
+    ionChange: EventEmitter<IonTextareaCustomEvent<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
@@ -1293,15 +1381,15 @@ export declare interface IonTextarea extends Components.IonTextarea {
   When `clearOnEdit` is enabled, the `ionInput` event will be fired when
   the user clears the textarea by performing a keydown event.
      */
-    ionInput: EventEmitter<CustomEvent<IIonTextareaTextareaInputEventDetail>>;
+    ionInput: EventEmitter<IonTextareaCustomEvent<IIonTextareaTextareaInputEventDetail>>;
     /**
      * Emitted when the input loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    ionBlur: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
     /**
      * Emitted when the input has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    ionFocus: EventEmitter<IonTextareaCustomEvent<FocusEvent>>;
 }
 export declare class IonThumbnail {
     protected z: NgZone;
@@ -1324,54 +1412,65 @@ export declare interface IonTitle extends Components.IonTitle {
 export declare class IonToast {
     protected z: NgZone;
     protected el: HTMLIonToastElement;
+    ionToastDidPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastWillPresent: EventEmitter<IonToastCustomEvent<void>>;
+    ionToastWillDismiss: EventEmitter<IonToastCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    ionToastDidDismiss: EventEmitter<IonToastCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonToastCustomEvent<void>>;
+    willPresent: EventEmitter<IonToastCustomEvent<void>>;
+    willDismiss: EventEmitter<IonToastCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didDismiss: EventEmitter<IonToastCustomEvent<IIonActionSheetOverlayEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": { "alias": "animated"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionToastDidPresent": "ionToastDidPresent"; "ionToastWillPresent": "ionToastWillPresent"; "ionToastWillDismiss": "ionToastWillDismiss"; "ionToastDidDismiss": "ionToastDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonToast extends Components.IonToast {
     /**
      * Emitted after the toast has presented.
      */
-    ionToastDidPresent: EventEmitter<CustomEvent<void>>;
+    ionToastDidPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
      */
-    ionToastWillPresent: EventEmitter<CustomEvent<void>>;
+    ionToastWillPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
      */
-    ionToastWillDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    ionToastWillDismiss: EventEmitter<IonToastCustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
      */
-    ionToastDidDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    ionToastDidDismiss: EventEmitter<IonToastCustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has presented.
   Shorthand for ionToastWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has presented.
   Shorthand for ionToastWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonToastCustomEvent<void>>;
     /**
      * Emitted before the toast has dismissed.
   Shorthand for ionToastWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonToastCustomEvent<IIonToastOverlayEventDetail>>;
     /**
      * Emitted after the toast has dismissed.
   Shorthand for ionToastDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonToastCustomEvent<IIonToastOverlayEventDetail>>;
 }
 export declare class IonToggle {
     protected z: NgZone;
     protected el: HTMLIonToggleElement;
+    ionChange: EventEmitter<IonToggleCustomEvent<IIonToggleToggleChangeEventDetail<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; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonToggle extends Components.IonToggle {
     /**
@@ -1379,15 +1478,15 @@ export declare interface IonToggle extends Components.IonToggle {
   
   This event will not emit when programmatically setting the `checked` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonToggleToggleChangeEventDetail>>;
+    ionChange: EventEmitter<IonToggleCustomEvent<IIonToggleToggleChangeEventDetail>>;
     /**
      * Emitted when the toggle has focus.
      */
-    ionFocus: EventEmitter<CustomEvent<void>>;
+    ionFocus: EventEmitter<IonToggleCustomEvent<void>>;
     /**
      * Emitted when the toggle loses focus.
      */
-    ionBlur: EventEmitter<CustomEvent<void>>;
+    ionBlur: EventEmitter<IonToggleCustomEvent<void>>;
 }
 export declare class IonToolbar {
     protected z: NgZone;