@ionic/angular 8.8.20-dev.11791579113.1f843ab0 → 8.8.20-dev.11792194859.16be5d7f

package/standalone/directives/proxies.d.ts

@@ -1,21 +1,44 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import type { Components } from '@ionic/core/components';
+import type { IonAccordionGroupCustomEvent } from '@ionic/core/components';
 import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core/components';
+import type { IonActionSheetCustomEvent } from '@ionic/core/components';
 import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core/components';
+import type { IonAlertCustomEvent } from '@ionic/core/components';
 import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core/components';
+import type { IonBackdropCustomEvent } from '@ionic/core/components';
+import type { IonBreadcrumbCustomEvent } from '@ionic/core/components';
+import type { IonBreadcrumbsCustomEvent } from '@ionic/core/components';
 import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core/components';
+import type { IonButtonCustomEvent } from '@ionic/core/components';
+import type { IonContentCustomEvent } from '@ionic/core/components';
 import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core/components';
 import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core/components';
+import type { IonFabButtonCustomEvent } from '@ionic/core/components';
+import type { IonImgCustomEvent } from '@ionic/core/components';
+import type { IonInfiniteScrollCustomEvent } from '@ionic/core/components';
+import type { IonItemOptionsCustomEvent } from '@ionic/core/components';
+import type { IonItemSlidingCustomEvent } from '@ionic/core/components';
+import type { IonLoadingCustomEvent } from '@ionic/core/components';
 import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core/components';
+import type { IonMenuCustomEvent } from '@ionic/core/components';
 import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core/components';
+import type { IonPickerColumnCustomEvent } from '@ionic/core/components';
 import type { PickerColumnChangeEventDetail as IIonPickerColumnPickerColumnChangeEventDetail } from '@ionic/core/components';
+import type { IonPickerLegacyCustomEvent } from '@ionic/core/components';
 import type { OverlayEventDetail as IIonPickerLegacyOverlayEventDetail } from '@ionic/core/components';
+import type { IonRadioCustomEvent } from '@ionic/core/components';
+import type { IonRefresherCustomEvent } from '@ionic/core/components';
 import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core/components';
 import type { RefresherPullEndEventDetail as IIonRefresherRefresherPullEndEventDetail } from '@ionic/core/components';
+import type { IonReorderGroupCustomEvent } from '@ionic/core/components';
 import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core/components';
 import type { ReorderMoveEventDetail as IIonReorderGroupReorderMoveEventDetail } from '@ionic/core/components';
 import type { ReorderEndEventDetail as IIonReorderGroupReorderEndEventDetail } from '@ionic/core/components';
+import type { IonSegmentViewCustomEvent } from '@ionic/core/components';
 import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core/components';
+import type { IonSplitPaneCustomEvent } from '@ionic/core/components';
+import type { IonToastCustomEvent } from '@ionic/core/components';
 import type { OverlayEventDetail as IIonToastOverlayEventDetail } from '@ionic/core/components';
 import * as i0 from "@angular/core";
 export declare class IonAccordion {
@@ -23,16 +46,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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
     /**
@@ -40,104 +64,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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonApp, "ion-app", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonApp extends Components.IonApp {
 }
@@ -146,85 +186,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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "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, ["*"], true, 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>;
 }
 export declare interface IonButtons extends Components.IonButtons {
 }
@@ -233,7 +279,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, ["*"], true, 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>;
 }
 export declare interface IonCard extends Components.IonCard {
 }
@@ -242,7 +288,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCardContent, "ion-card-content", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonCardContent extends Components.IonCardContent {
 }
@@ -251,7 +297,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, ["*"], true, 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>;
 }
 export declare interface IonCardHeader extends Components.IonCardHeader {
 }
@@ -260,7 +306,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, ["*"], true, 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>;
 }
 export declare interface IonCardSubtitle extends Components.IonCardSubtitle {
 }
@@ -269,7 +315,7 @@ 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, ["*"], true, 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>;
 }
 export declare interface IonCardTitle extends Components.IonCardTitle {
 }
@@ -278,7 +324,7 @@ export declare class IonChip {
     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, ["*"], true, 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>;
 }
 export declare interface IonChip extends Components.IonChip {
 }
@@ -287,40 +333,43 @@ 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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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 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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetimeButton, "ion-datetime-button", never, { "color": { "alias": "color"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonDatetimeButton extends Components.IonDatetimeButton {
 }
@@ -329,7 +378,7 @@ export declare class IonDivider {
     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, ["*"], true, 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 {
 }
@@ -338,33 +387,35 @@ export declare class IonFab {
     protected el: HTMLIonFabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonFab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonFab, "ion-fab", never, { "activated": { "alias": "activated"; "required": false; }; "edge": { "alias": "edge"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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>;
 }
 export declare interface IonFabList extends Components.IonFabList {
 }
@@ -373,7 +424,7 @@ 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, ["*"], true, 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>;
 }
 export declare interface IonFooter extends Components.IonFooter {
 }
@@ -382,7 +433,7 @@ export declare class IonGallery {
     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, ["*"], true, 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 {
 }
@@ -391,7 +442,7 @@ export declare class IonGalleryItem {
     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, ["*"], true, 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 {
 }
@@ -400,7 +451,7 @@ export declare class IonGrid {
     protected el: HTMLIonGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonGrid, "ion-grid", never, { "fixed": { "alias": "fixed"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], true, 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>;
 }
 export declare interface IonGrid extends Components.IonGrid {
 }
@@ -409,37 +460,41 @@ 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, ["*"], true, 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>;
 }
 export declare interface IonHeader extends Components.IonHeader {
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "ionInfinite": "ionInfinite"; }, never, ["*"], false, never>;
 }
 export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
     /**
@@ -448,14 +503,14 @@ 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, ["*"], true, 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>;
 }
 export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
 }
@@ -464,7 +519,7 @@ export declare class IonInputPasswordToggle {
     protected el: HTMLIonInputPasswordToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInputPasswordToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputPasswordToggle, "ion-input-password-toggle", never, { "color": { "alias": "color"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputPasswordToggle, "ion-input-password-toggle", never, { "color": { "alias": "color"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonInputPasswordToggle extends Components.IonInputPasswordToggle {
 }
@@ -473,7 +528,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, ["*"], true, 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>;
 }
 export declare interface IonItem extends Components.IonItem {
 }
@@ -482,7 +537,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, ["*"], true, 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>;
 }
 export declare interface IonItemDivider extends Components.IonItemDivider {
 }
@@ -491,7 +546,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonItemGroup, "ion-item-group", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonItemGroup extends Components.IonItemGroup {
 }
@@ -500,42 +555,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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "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, ["*"], true, 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>;
 }
 export declare interface IonLabel extends Components.IonLabel {
 }
@@ -544,7 +601,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, ["*"], true, 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>;
 }
 export declare interface IonList extends Components.IonList {
 }
@@ -553,86 +610,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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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, ["*"], true, 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; }; }, { "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, ["*"], true, 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>;
 }
 export declare interface IonMenuButton extends Components.IonMenuButton {
 }
@@ -641,7 +710,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, ["*"], true, 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>;
 }
 export declare interface IonMenuToggle extends Components.IonMenuToggle {
 }
@@ -650,7 +719,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, ["*"], true, 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>;
 }
 export declare interface IonNavLink extends Components.IonNavLink {
 }
@@ -659,7 +728,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, ["*"], true, 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>;
 }
 export declare interface IonNote extends Components.IonNote {
 }
@@ -668,16 +737,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPicker, "ion-picker", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "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, ["*"], true, 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; }; }, { "ionChange": "ionChange"; }, never, ["*"], false, never>;
 }
 export declare interface IonPickerColumn extends Components.IonPickerColumn {
     /**
@@ -685,94 +755,109 @@ 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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPickerColumnOption, "ion-picker-column-option", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonPickerColumnOption extends Components.IonPickerColumnOption {
 }
 export declare class IonPickerLegacy {
     protected z: NgZone;
     protected el: HTMLIonPickerLegacyElement;
+    ionPickerDidPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
+    ionPickerWillPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
+    ionPickerWillDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    ionPickerDidDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
+    willPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
+    willDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
+    didDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonActionSheetOverlayEventDetail<any>>>;
     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, ["*"], true, 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; }; }, { "ionPickerDidPresent": "ionPickerDidPresent"; "ionPickerWillPresent": "ionPickerWillPresent"; "ionPickerWillDismiss": "ionPickerWillDismiss"; "ionPickerDidDismiss": "ionPickerDidDismiss"; "didPresent": "didPresent"; "willPresent": "willPresent"; "willDismiss": "willDismiss"; "didDismiss": "didDismiss"; }, never, ["*"], false, never>;
 }
 export declare interface IonPickerLegacy extends Components.IonPickerLegacy {
     /**
      * Emitted after the picker has presented.
      */
-    ionPickerDidPresent: EventEmitter<CustomEvent<void>>;
+    ionPickerDidPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
     /**
      * Emitted before the picker has presented.
      */
-    ionPickerWillPresent: EventEmitter<CustomEvent<void>>;
+    ionPickerWillPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
     /**
      * Emitted before the picker has dismissed.
      */
-    ionPickerWillDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
+    ionPickerWillDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonPickerLegacyOverlayEventDetail>>;
     /**
      * Emitted after the picker has dismissed.
      */
-    ionPickerDidDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
+    ionPickerDidDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonPickerLegacyOverlayEventDetail>>;
     /**
      * Emitted after the picker has presented.
   Shorthand for ionPickerWillDismiss.
      */
-    didPresent: EventEmitter<CustomEvent<void>>;
+    didPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
     /**
      * Emitted before the picker has presented.
   Shorthand for ionPickerWillPresent.
      */
-    willPresent: EventEmitter<CustomEvent<void>>;
+    willPresent: EventEmitter<IonPickerLegacyCustomEvent<void>>;
     /**
      * Emitted before the picker has dismissed.
   Shorthand for ionPickerWillDismiss.
      */
-    willDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
+    willDismiss: EventEmitter<IonPickerLegacyCustomEvent<IIonPickerLegacyOverlayEventDetail>>;
     /**
      * Emitted after the picker has dismissed.
   Shorthand for ionPickerDidDismiss.
      */
-    didDismiss: EventEmitter<CustomEvent<IIonPickerLegacyOverlayEventDetail>>;
+    didDismiss: EventEmitter<IonPickerLegacyCustomEvent<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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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 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, ["*"], true, 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; }; }, { "ionRefresh": "ionRefresh"; "ionPull": "ionPull"; "ionStart": "ionStart"; "ionPullStart": "ionPullStart"; "ionPullEnd": "ionPullEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonRefresher extends Components.IonRefresher {
     /**
@@ -781,32 +866,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, ["*"], true, 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>;
 }
 export declare interface IonRefresherContent extends Components.IonRefresherContent {
 }
@@ -815,16 +900,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonReorder, "ion-reorder", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, 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, ["*"], true, 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; }; }, { "ionItemReorder": "ionItemReorder"; "ionReorderStart": "ionReorderStart"; "ionReorderMove": "ionReorderMove"; "ionReorderEnd": "ionReorderEnd"; }, never, ["*"], false, never>;
 }
 export declare interface IonReorderGroup extends Components.IonReorderGroup {
     /**
@@ -833,15 +922,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
@@ -850,14 +939,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, ["*"], true, 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>;
 }
 export declare interface IonRippleEffect extends Components.IonRippleEffect {
 }
@@ -866,7 +955,7 @@ 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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonRow, "ion-row", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonRow extends Components.IonRow {
 }
@@ -875,7 +964,7 @@ export declare class IonSegmentButton {
     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, ["*"], true, 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>;
 }
 export declare interface IonSegmentButton extends Components.IonSegmentButton {
 }
@@ -884,29 +973,30 @@ export declare class IonSegmentContent {
     protected el: HTMLIonSegmentContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonSegmentContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentContent, "ion-segment-content", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSegmentContent, "ion-segment-content", never, {}, {}, never, ["*"], false, never>;
 }
 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, ["*"], true, 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 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, ["*"], true, 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>;
 }
 export declare interface IonSelectModal extends Components.IonSelectModal {
 }
@@ -915,7 +1005,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, ["*"], true, 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>;
 }
 export declare interface IonSelectOption extends Components.IonSelectOption {
 }
@@ -924,7 +1014,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, ["*"], true, 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>;
 }
 export declare interface IonSkeletonText extends Components.IonSkeletonText {
 }
@@ -933,22 +1023,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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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;
     }>>;
 }
@@ -957,7 +1050,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTab, "ion-tab", never, { "component": { "alias": "component"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "tab": { "alias": "tab"; "required": true; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonTab extends Components.IonTab {
 }
@@ -966,7 +1059,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, ["*"], true, 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>;
 }
 export declare interface IonTabBar extends Components.IonTabBar {
 }
@@ -975,7 +1068,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, ["*"], true, 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>;
 }
 export declare interface IonTabButton extends Components.IonTabButton {
 }
@@ -984,7 +1077,7 @@ 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, ["*"], true, 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>;
 }
 export declare interface IonText extends Components.IonText {
 }
@@ -993,7 +1086,7 @@ export declare class IonThumbnail {
     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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonThumbnail, "ion-thumbnail", never, { "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonThumbnail extends Components.IonThumbnail {
 }
@@ -1002,61 +1095,69 @@ 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, ["*"], true, 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>;
 }
 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, ["*"], true, 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; }; }, { "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 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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToolbar, "ion-toolbar", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "titlePlacement": { "alias": "titlePlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IonToolbar extends Components.IonToolbar {
 }