@ionic/angular 8.8.18-dev.11786487682.1e6f798f → 8.8.18-dev.11786663039.1d61e2fe

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 {
@@ -41,16 +73,17 @@ export declare class IonAccordion {
     protected el: HTMLIonAccordionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordion, "ion-accordion", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconSlot": { "alias": "toggleIconSlot"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordion, "ion-accordion", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconSlot": { "alias": "toggleIconSlot"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonAccordion extends Components.IonAccordion {
 }
 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; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAccordionGroup, "ion-accordion-group", never, { "animated": { "alias": "animated"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
     /**
@@ -58,104 +91,120 @@ 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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonActionSheet, "ion-action-sheet", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionActionSheetDidPresent": "ionActionSheetDidPresent"; "ionActionSheetWillPresent": "ionActionSheetWillPresent"; "ionActionSheetWillDismiss": "ionActionSheetWillDismiss"; "ionActionSheetDidDismiss": "ionActionSheetDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonActionSheet extends Components.IonActionSheet {
     /**
      * 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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAlert, "ion-alert", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "inputs": { "alias": "inputs"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionAlertDidPresent": "ionAlertDidPresent"; "ionAlertWillPresent": "ionAlertWillPresent"; "ionAlertWillDismiss": "ionAlertWillDismiss"; "ionAlertDidDismiss": "ionAlertDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonAlert extends Components.IonAlert {
     /**
      * 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;
     protected el: HTMLIonAppElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonApp extends Components.IonApp {
 }
@@ -164,85 +213,91 @@ export declare class IonAvatar {
     protected el: HTMLIonAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, { "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonAvatar, "ion-avatar", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonAvatar extends Components.IonAvatar {
 }
 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, { "mode": { "alias": "mode"; "required": false; }; "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBackdrop, "ion-backdrop", never, { "stopPropagation": { "alias": "stopPropagation"; "required": false; }; "tappable": { "alias": "tappable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "ionBackdropTap": "ionBackdropTap"; }, never, ["*"], false, never>;
 }
 export declare interface IonBackdrop extends Components.IonBackdrop {
     /**
      * Emitted when the backdrop is tapped.
      */
-    ionBackdropTap: EventEmitter<CustomEvent<void>>;
+    ionBackdropTap: EventEmitter<IonBackdropCustomEvent<void>>;
 }
 export declare class IonBadge {
     protected z: NgZone;
     protected el: HTMLIonBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonBadge, "ion-badge", never, { "color": { "alias": "color"; "required": false; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBadge, "ion-badge", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonBadge extends Components.IonBadge {
 }
 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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumb, "ion-breadcrumb", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
     /**
      * 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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonBreadcrumbs, "ion-breadcrumbs", never, { "color": { "alias": "color"; "required": false; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "ionCollapsedClick": "ionCollapsedClick"; }, never, ["*"], false, never>;
 }
 export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
     /**
      * 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; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButton, "ion-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonButton extends Components.IonButton {
     /**
      * 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;
     protected el: HTMLIonButtonsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonButtons, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonButtons, "ion-buttons", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonButtons, "ion-buttons", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonButtons extends Components.IonButtons {
 }
@@ -251,7 +306,7 @@ export declare class IonCard {
     protected el: HTMLIonCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCard, "ion-card", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCard, "ion-card", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCard extends Components.IonCard {
 }
@@ -260,7 +315,7 @@ export declare class IonCardContent {
     protected el: HTMLIonCardContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCardContent extends Components.IonCardContent {
 }
@@ -269,7 +324,7 @@ export declare class IonCardHeader {
     protected el: HTMLIonCardHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardHeader, "ion-card-header", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardHeader, "ion-card-header", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCardHeader extends Components.IonCardHeader {
 }
@@ -278,7 +333,7 @@ export declare class IonCardSubtitle {
     protected el: HTMLIonCardSubtitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardSubtitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardSubtitle, "ion-card-subtitle", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardSubtitle, "ion-card-subtitle", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCardSubtitle extends Components.IonCardSubtitle {
 }
@@ -287,40 +342,42 @@ export declare class IonCardTitle {
     protected el: HTMLIonCardTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCardTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardTitle, "ion-card-title", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardTitle, "ion-card-title", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCardTitle extends Components.IonCardTitle {
 }
 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; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonCheckbox extends Components.IonCheckbox {
     /**
-     * Emitted when the checked property has changed
-  as a result of a user action such as a click.
-  This event will not emit when programmatically
-  setting the `checked` property.
+     * Emitted when the checked property has changed as a result of a user action such as a click.
+  
+  This event will not emit when programmatically setting the `checked` property.
      */
-    ionChange: EventEmitter<CustomEvent<IIonCheckboxCheckboxChangeEventDetail>>;
+    ionChange: EventEmitter<IonCheckboxCustomEvent<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;
     protected el: HTMLIonChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonChip, "ion-chip", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonChip extends Components.IonChip {
 }
@@ -329,111 +386,111 @@ export declare class IonCol {
     protected el: HTMLIonColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCol, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "mode": { "alias": "mode"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "offsetLg": { "alias": "offsetLg"; "required": false; }; "offsetMd": { "alias": "offsetMd"; "required": false; }; "offsetSm": { "alias": "offsetSm"; "required": false; }; "offsetXl": { "alias": "offsetXl"; "required": false; }; "offsetXs": { "alias": "offsetXs"; "required": false; }; "order": { "alias": "order"; "required": false; }; "orderLg": { "alias": "orderLg"; "required": false; }; "orderMd": { "alias": "orderMd"; "required": false; }; "orderSm": { "alias": "orderSm"; "required": false; }; "orderXl": { "alias": "orderXl"; "required": false; }; "orderXs": { "alias": "orderXs"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "pullLg": { "alias": "pullLg"; "required": false; }; "pullMd": { "alias": "pullMd"; "required": false; }; "pullSm": { "alias": "pullSm"; "required": false; }; "pullXl": { "alias": "pullXl"; "required": false; }; "pullXs": { "alias": "pullXs"; "required": false; }; "push": { "alias": "push"; "required": false; }; "pushLg": { "alias": "pushLg"; "required": false; }; "pushMd": { "alias": "pushMd"; "required": false; }; "pushSm": { "alias": "pushSm"; "required": false; }; "pushXl": { "alias": "pushXl"; "required": false; }; "pushXs": { "alias": "pushXs"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; "sizeXl": { "alias": "sizeXl"; "required": false; }; "sizeXs": { "alias": "sizeXs"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCol, "ion-col", never, { "offset": { "alias": "offset"; "required": false; }; "offsetLg": { "alias": "offsetLg"; "required": false; }; "offsetMd": { "alias": "offsetMd"; "required": false; }; "offsetSm": { "alias": "offsetSm"; "required": false; }; "offsetXl": { "alias": "offsetXl"; "required": false; }; "offsetXs": { "alias": "offsetXs"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "pullLg": { "alias": "pullLg"; "required": false; }; "pullMd": { "alias": "pullMd"; "required": false; }; "pullSm": { "alias": "pullSm"; "required": false; }; "pullXl": { "alias": "pullXl"; "required": false; }; "pullXs": { "alias": "pullXs"; "required": false; }; "push": { "alias": "push"; "required": false; }; "pushLg": { "alias": "pushLg"; "required": false; }; "pushMd": { "alias": "pushMd"; "required": false; }; "pushSm": { "alias": "pushSm"; "required": false; }; "pushXl": { "alias": "pushXl"; "required": false; }; "pushXs": { "alias": "pushXs"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; "sizeXl": { "alias": "sizeXl"; "required": false; }; "sizeXs": { "alias": "sizeXs"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCol extends Components.IonCol {
 }
 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; }; "mode": { "alias": "mode"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonContent, "ion-content", never, { "color": { "alias": "color"; "required": false; }; "fixedSlotPlacement": { "alias": "fixedSlotPlacement"; "required": false; }; "forceOverscroll": { "alias": "forceOverscroll"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "ionScrollStart": "ionScrollStart"; "ionScroll": "ionScroll"; "ionScrollEnd": "ionScrollEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonContent extends Components.IonContent {
     /**
      * 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; }; "theme": { "alias": "theme"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, { "ionCancel": "ionCancel"; "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonDatetime extends Components.IonDatetime {
     /**
      * 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;
     protected el: HTMLIonDatetimeButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetimeButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonDatetimeButton extends Components.IonDatetimeButton {
 }
-export declare class IonDivider {
-    protected z: NgZone;
-    protected el: HTMLIonDividerElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDivider, "ion-divider", never, { "inset": { "alias": "inset"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonDivider extends Components.IonDivider {
-}
 export declare class IonFab {
     protected z: NgZone;
     protected el: HTMLIonFabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFab, "ion-fab", never, { "activated": { "alias": "activated"; "required": false; }; "edge": { "alias": "edge"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFab, "ion-fab", never, { "activated": { "alias": "activated"; "required": false; }; "edge": { "alias": "edge"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonFab extends Components.IonFab {
 }
 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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabButton, "ion-fab-button", never, { "activated": { "alias": "activated"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "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;
     protected el: HTMLIonFabListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFabList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabList, "ion-fab-list", never, { "activated": { "alias": "activated"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFabList, "ion-fab-list", never, { "activated": { "alias": "activated"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonFabList extends Components.IonFabList {
 }
@@ -442,34 +499,16 @@ export declare class IonFooter {
     protected el: HTMLIonFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFooter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFooter, "ion-footer", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollEffect": { "alias": "scrollEffect"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonFooter, "ion-footer", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonFooter extends Components.IonFooter {
 }
-export declare class IonGallery {
-    protected z: NgZone;
-    protected el: HTMLIonGalleryElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonGallery, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGallery, "ion-gallery", never, { "columns": { "alias": "columns"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "order": { "alias": "order"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonGallery extends Components.IonGallery {
-}
-export declare class IonGalleryItem {
-    protected z: NgZone;
-    protected el: HTMLIonGalleryItemElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonGalleryItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGalleryItem, "ion-gallery-item", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare interface IonGalleryItem extends Components.IonGalleryItem {
-}
 export declare class IonGrid {
     protected z: NgZone;
     protected el: HTMLIonGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonGrid extends Components.IonGrid {
 }
@@ -478,7 +517,7 @@ export declare class IonHeader {
     protected el: HTMLIonHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonHeader, "ion-header", never, { "collapse": { "alias": "collapse"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollEffect": { "alias": "scrollEffect"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonHeader, "ion-header", never, { "collapse": { "alias": "collapse"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonHeader extends Components.IonHeader {
 }
@@ -494,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; }; "mode": { "alias": "mode"; "required": false; }; "src": { "alias": "src"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonImg, "ion-img", never, { "alt": { "alias": "alt"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "ionImgWillLoad": "ionImgWillLoad"; "ionImgDidLoad": "ionImgDidLoad"; "ionError": "ionError"; }, never, ["*"], false, never>;
 }
 export declare interface IonImg extends Components.IonImg {
     /**
      * 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; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "preserveRerenderScrollPosition": { "alias": "preserveRerenderScrollPosition"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScroll, "ion-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "position": { "alias": "position"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], false, never>;
 }
 export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
     /**
@@ -526,23 +569,27 @@ 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;
     protected el: HTMLIonInfiniteScrollContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInfiniteScrollContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScrollContent, "ion-infinite-scroll-content", never, { "loadingSpinner": { "alias": "loadingSpinner"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInfiniteScrollContent, "ion-infinite-scroll-content", never, { "loadingSpinner": { "alias": "loadingSpinner"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
 }
 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; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearInputIcon": { "alias": "clearInputIcon"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonInput extends Components.IonInput {
     /**
@@ -555,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
@@ -570,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; }; "mode": { "alias": "mode"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionComplete": "ionComplete"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonInputOtp extends Components.IonInputOtp {
     /**
@@ -598,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
@@ -609,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;
@@ -637,7 +689,7 @@ export declare class IonItem {
     protected el: HTMLIonItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItem, "ion-item", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; "detailIcon": { "alias": "detailIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItem, "ion-item", never, { "button": { "alias": "button"; "required": false; }; "color": { "alias": "color"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; "detailIcon": { "alias": "detailIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonItem extends Components.IonItem {
 }
@@ -646,7 +698,7 @@ export declare class IonItemDivider {
     protected el: HTMLIonItemDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemDivider, "ion-item-divider", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemDivider, "ion-item-divider", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonItemDivider extends Components.IonItemDivider {
 }
@@ -655,7 +707,7 @@ export declare class IonItemGroup {
     protected el: HTMLIonItemGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonItemGroup extends Components.IonItemGroup {
 }
@@ -664,42 +716,44 @@ export declare class IonItemOption {
     protected el: HTMLIonItemOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonItemOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOption, "ion-item-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hue": { "alias": "hue"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOption, "ion-item-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "href": { "alias": "href"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonItemOption extends Components.IonItemOption {
 }
 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, { "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemOptions, "ion-item-options", never, { "side": { "alias": "side"; "required": false; }; }, { "ionSwipe": "ionSwipe"; }, never, ["*"], false, never>;
 }
 export declare interface IonItemOptions extends Components.IonItemOptions {
     /**
      * 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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemSliding, "ion-item-sliding", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionDrag": "ionDrag"; }, never, ["*"], false, never>;
 }
 export declare interface IonItemSliding extends Components.IonItemSliding {
     /**
      * Emitted when the sliding position changes.
      */
-    ionDrag: EventEmitter<CustomEvent<any>>;
+    ionDrag: EventEmitter<IonItemSlidingCustomEvent<any>>;
 }
 export declare class IonLabel {
     protected z: NgZone;
     protected el: HTMLIonLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonLabel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonLabel, "ion-label", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLabel, "ion-label", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonLabel extends Components.IonLabel {
 }
@@ -708,7 +762,7 @@ export declare class IonList {
     protected el: HTMLIonListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonList, "ion-list", never, { "inset": { "alias": "inset"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonList, "ion-list", never, { "inset": { "alias": "inset"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonList extends Components.IonList {
 }
@@ -717,86 +771,98 @@ export declare class IonListHeader {
     protected el: HTMLIonListHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonListHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonListHeader, "ion-list-header", never, { "color": { "alias": "color"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonListHeader, "ion-list-header", never, { "color": { "alias": "color"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonListHeader extends Components.IonListHeader {
 }
 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; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonLoading, "ion-loading", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "spinner": { "alias": "spinner"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionLoadingDidPresent": "ionLoadingDidPresent"; "ionLoadingWillPresent": "ionLoadingWillPresent"; "ionLoadingWillDismiss": "ionLoadingWillDismiss"; "ionLoadingDidDismiss": "ionLoadingDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonLoading extends Components.IonLoading {
     /**
      * 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; }; "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenu, "ion-menu", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxEdgeStart": { "alias": "maxEdgeStart"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "side": { "alias": "side"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "ionWillOpen": "ionWillOpen"; "ionWillClose": "ionWillClose"; "ionDidOpen": "ionDidOpen"; "ionDidClose": "ionDidClose"; }, never, ["*"], false, never>;
 }
 export declare interface IonMenu extends Components.IonMenu {
     /**
      * 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;
     protected el: HTMLIonMenuButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonMenuButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuButton, "ion-menu-button", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuButton, "ion-menu-button", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonMenuButton extends Components.IonMenuButton {
 }
@@ -805,7 +871,7 @@ export declare class IonMenuToggle {
     protected el: HTMLIonMenuToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonMenuToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuToggle, "ion-menu-toggle", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonMenuToggle, "ion-menu-toggle", never, { "autoHide": { "alias": "autoHide"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
@@ -814,7 +880,7 @@ export declare class IonNavLink {
     protected el: HTMLIonNavLinkElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonNavLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonNavLink, "ion-nav-link", never, { "component": { "alias": "component"; "required": false; }; "componentProps": { "alias": "componentProps"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNavLink, "ion-nav-link", never, { "component": { "alias": "component"; "required": false; }; "componentProps": { "alias": "componentProps"; "required": false; }; "routerAnimation": { "alias": "routerAnimation"; "required": false; }; "routerDirection": { "alias": "routerDirection"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonNavLink extends Components.IonNavLink {
 }
@@ -823,7 +889,7 @@ export declare class IonNote {
     protected el: HTMLIonNoteElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonNote, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonNote, "ion-note", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonNote, "ion-note", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonNote extends Components.IonNote {
 }
@@ -832,16 +898,17 @@ export declare class IonPicker {
     protected el: HTMLIonPickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonPicker extends Components.IonPicker {
 }
 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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumn, "ion-picker-column", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonPickerColumn extends Components.IonPickerColumn {
     /**
@@ -849,94 +916,52 @@ 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;
     protected el: HTMLIonPickerColumnOptionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonPickerColumnOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
 }
-export declare class IonPickerLegacy {
-    protected z: NgZone;
-    protected el: HTMLIonPickerLegacyElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonPickerLegacy, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerLegacy, "ion-picker-legacy", never, { "animated": { "alias": "animated"; "required": false; }; "backdropDismiss": { "alias": "backdropDismiss"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-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;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonProgressBar, "ion-progress-bar", never, { "buffer": { "alias": "buffer"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonProgressBar, "ion-progress-bar", never, { "buffer": { "alias": "buffer"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonProgressBar extends Components.IonProgressBar {
 }
 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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonRadio extends Components.IonRadio {
     /**
      * 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; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonRadioGroup extends Components.IonRadioGroup {
     /**
@@ -944,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; }; "theme": { "alias": "theme"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; "ionKnobMoveStart": "ionKnobMoveStart"; "ionKnobMoveEnd": "ionKnobMoveEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonRange extends Components.IonRange {
     /**
@@ -962,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; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresher, "ion-refresher", never, { "closeDuration": { "alias": "closeDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pullFactor": { "alias": "pullFactor"; "required": false; }; "pullMax": { "alias": "pullMax"; "required": false; }; "pullMin": { "alias": "pullMin"; "required": false; }; "snapbackDuration": { "alias": "snapbackDuration"; "required": false; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonRefresher extends Components.IonRefresher {
     /**
@@ -1002,32 +1038,32 @@ 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;
     protected el: HTMLIonRefresherContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRefresherContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresherContent, "ion-refresher-content", never, { "mode": { "alias": "mode"; "required": false; }; "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRefresherContent, "ion-refresher-content", never, { "pullingIcon": { "alias": "pullingIcon"; "required": false; }; "pullingText": { "alias": "pullingText"; "required": false; }; "refreshingSpinner": { "alias": "refreshingSpinner"; "required": false; }; "refreshingText": { "alias": "refreshingText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonRefresherContent extends Components.IonRefresherContent {
 }
@@ -1036,16 +1072,20 @@ export declare class IonReorder {
     protected el: HTMLIonReorderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonReorder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonReorder extends Components.IonReorder {
 }
 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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorderGroup, "ion-reorder-group", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonReorderGroup extends Components.IonReorderGroup {
     /**
@@ -1054,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
@@ -1071,14 +1111,14 @@ 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;
     protected el: HTMLIonRippleEffectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRippleEffect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRippleEffect, "ion-ripple-effect", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRippleEffect, "ion-ripple-effect", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonRippleEffect extends Components.IonRippleEffect {
 }
@@ -1087,22 +1127,28 @@ export declare class IonRow {
     protected el: HTMLIonRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonRow extends Components.IonRow {
 }
 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; }; "shape": { "alias": "shape"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "animated": { "alias": "animated"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "cancelButtonIcon": { "alias": "cancelButtonIcon"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionInput": "ionInput"; "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionClear": "ionClear"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonSearchbar extends Components.IonSearchbar {
     /**
      * 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`
@@ -1115,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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonSegment extends Components.IonSegment {
     /**
@@ -1146,14 +1193,14 @@ 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;
     protected el: HTMLIonSegmentButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentButton, "ion-segment-button", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonSegmentButton extends Components.IonSegmentButton {
 }
@@ -1169,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, { "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; "interfaceOptions": { "alias": "interfaceOptions"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectedText": { "alias": "selectedText"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionCancel": "ionCancel"; "ionDismiss": "ionDismiss"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonSelect extends Components.IonSelect {
     /**
@@ -1192,30 +1245,30 @@ 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;
     protected el: HTMLIonSelectModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "header": { "alias": "header"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectModal, "ion-select-modal", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "header": { "alias": "header"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonSelectModal extends Components.IonSelectModal {
 }
@@ -1224,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, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    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 {
 }
@@ -1233,7 +1286,7 @@ export declare class IonSkeletonText {
     protected el: HTMLIonSkeletonTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSkeletonText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSkeletonText, "ion-skeleton-text", never, { "animated": { "alias": "animated"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSkeletonText, "ion-skeleton-text", never, { "animated": { "alias": "animated"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonSkeletonText extends Components.IonSkeletonText {
 }
@@ -1242,22 +1295,25 @@ export declare class IonSpinner {
     protected el: HTMLIonSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSpinner, "ion-spinner", never, { "color": { "alias": "color"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSpinner, "ion-spinner", never, { "color": { "alias": "color"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "name": { "alias": "name"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonSpinner extends Components.IonSpinner {
 }
 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; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSplitPane, "ion-split-pane", never, { "contentId": { "alias": "contentId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "when": { "alias": "when"; "required": false; }; }, { "ionSplitPaneVisible": "ionSplitPaneVisible"; }, never, ["*"], false, never>;
 }
 export declare interface IonSplitPane extends Components.IonSplitPane {
     /**
      * Expression to be called when the split-pane visibility has changed
      */
-    ionSplitPaneVisible: EventEmitter<CustomEvent<{
+    ionSplitPaneVisible: EventEmitter<IonSplitPaneCustomEvent<{
         visible: boolean;
     }>>;
 }
@@ -1266,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; }; "mode": { "alias": "mode"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTab extends Components.IonTab {
 }
@@ -1275,7 +1331,7 @@ export declare class IonTabBar {
     protected el: HTMLIonTabBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTabBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabBar, "ion-tab-bar", never, { "color": { "alias": "color"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "scrollEffect": { "alias": "scrollEffect"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabBar, "ion-tab-bar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "selectedTab": { "alias": "selectedTab"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTabBar extends Components.IonTabBar {
 }
@@ -1284,7 +1340,7 @@ export declare class IonTabButton {
     protected el: HTMLIonTabButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabButton, "ion-tab-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTabButton, "ion-tab-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTabButton extends Components.IonTabButton {
 }
@@ -1293,16 +1349,20 @@ export declare class IonText {
     protected el: HTMLIonTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonText, "ion-text", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonText, "ion-text", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonText extends Components.IonText {
 }
 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; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "ionChange": "ionChange"; "ionInput": "ionInput"; "ionBlur": "ionBlur"; "ionFocus": "ionFocus"; }, never, ["*"], false, never>;
 }
 export declare interface IonTextarea extends Components.IonTextarea {
     /**
@@ -1312,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
@@ -1321,22 +1381,22 @@ 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;
     protected el: HTMLIonThumbnailElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonThumbnail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IonThumbnail extends Components.IonThumbnail {
 }
@@ -1345,61 +1405,72 @@ export declare class IonTitle {
     protected el: HTMLIonTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonTitle, "ion-title", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTitle, "ion-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTitle extends Components.IonTitle {
 }
 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; }; "hue": { "alias": "hue"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToast, "ion-toast", never, { "animated": { "alias": "animated"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "enterAnimation": { "alias": "enterAnimation"; "required": false; }; "header": { "alias": "header"; "required": false; }; "htmlAttributes": { "alias": "htmlAttributes"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardClose": { "alias": "keyboardClose"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "leaveAnimation": { "alias": "leaveAnimation"; "required": false; }; "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionAnchor": { "alias": "positionAnchor"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "ionToastDidPresent": "ionToastDidPresent"; "ionToastWillPresent": "ionToastWillPresent"; "ionToastWillDismiss": "ionToastWillDismiss"; "ionToastDidDismiss": "ionToastDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonToast extends Components.IonToast {
     /**
      * 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; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "alignment": { "alias": "alignment"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableOnOffLabels": { "alias": "enableOnOffLabels"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "ionChange": "ionChange"; "ionFocus": "ionFocus"; "ionBlur": "ionBlur"; }, never, ["*"], false, never>;
 }
 export declare interface IonToggle extends Components.IonToggle {
     /**
@@ -1407,22 +1478,22 @@ 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;
     protected el: HTMLIonToolbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "titlePlacement": { "alias": "titlePlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonToolbar extends Components.IonToolbar {
 }