diff --git a/packages/angular/src/directives/overlays/popover.ts b/packages/angular/src/directives/overlays/popover.ts
index 05a0580773b..dcd04b2f5fb 100644
--- a/packages/angular/src/directives/overlays/popover.ts
+++ b/packages/angular/src/directives/overlays/popover.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
import { IonPopover as IonPopoverBase } from '@ionic/angular/common';
@Component({
+ standalone: false,
selector: 'ion-popover',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
`,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 7a5f1758478..943c4de989f 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -1,8 +1,8 @@
/* tslint:disable */
/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, NgZone } from '@angular/core';
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
+import { ProxyCmp } from './angular-component-lib/utils';
import { Components } from '@ionic/core';
@@ -16,6 +16,7 @@ import { Components } from '@ionic/core';
template: '
',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'mode', 'readonly', 'toggleIcon', 'toggleIconSlot', 'value'],
+ standalone: false
})
export class IonAccordion {
protected el: HTMLIonAccordionElement;
@@ -38,17 +39,20 @@ export declare interface IonAccordion extends Components.IonAccordion {}
template: '
',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated', 'disabled', 'expand', 'mode', 'multiple', 'readonly', 'value'],
+ outputs: ['ionChange'],
+ standalone: false
})
export class IonAccordionGroup {
protected el: HTMLIonAccordionGroupElement;
+ @Output() ionChange = new EventEmitter
>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionChange']);
}
}
+import type { IonAccordionGroupCustomEvent } from '@ionic/core';
import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core';
export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
@@ -57,7 +61,7 @@ export declare interface IonAccordionGroup extends Components.IonAccordionGroup
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
}
@@ -71,56 +75,66 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger'],
+ outputs: ['ionActionSheetDidPresent', 'ionActionSheetWillPresent', 'ionActionSheetWillDismiss', 'ionActionSheetDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss'],
+ standalone: false
})
export class IonActionSheet {
protected el: HTMLIonActionSheetElement;
+ @Output() ionActionSheetDidPresent = new EventEmitter>();
+ @Output() ionActionSheetWillPresent = new EventEmitter>();
+ @Output() ionActionSheetWillDismiss = new EventEmitter>();
+ @Output() ionActionSheetDidDismiss = new EventEmitter>();
+ @Output() didPresent = new EventEmitter>();
+ @Output() willPresent = new EventEmitter>();
+ @Output() willDismiss = new EventEmitter>();
+ @Output() didDismiss = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionActionSheetDidPresent', 'ionActionSheetWillPresent', 'ionActionSheetWillDismiss', 'ionActionSheetDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+import type { IonActionSheetCustomEvent } from '@ionic/core';
import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core';
export declare interface IonActionSheet extends Components.IonActionSheet {
/**
* Emitted after the action sheet has presented.
*/
- ionActionSheetDidPresent: EventEmitter>;
+ ionActionSheetDidPresent: EventEmitter>;
/**
* Emitted before the action sheet has presented.
*/
- ionActionSheetWillPresent: EventEmitter>;
+ ionActionSheetWillPresent: EventEmitter>;
/**
* Emitted before the action sheet has dismissed.
*/
- ionActionSheetWillDismiss: EventEmitter>;
+ ionActionSheetWillDismiss: EventEmitter>;
/**
* Emitted after the action sheet has dismissed.
*/
- ionActionSheetDidDismiss: EventEmitter>;
+ ionActionSheetDidDismiss: EventEmitter>;
/**
* Emitted after the action sheet has presented.
Shorthand for ionActionSheetWillDismiss.
*/
- didPresent: EventEmitter>;
+ didPresent: EventEmitter>;
/**
* Emitted before the action sheet has presented.
Shorthand for ionActionSheetWillPresent.
*/
- willPresent: EventEmitter>;
+ willPresent: EventEmitter>;
/**
* Emitted before the action sheet has dismissed.
Shorthand for ionActionSheetWillDismiss.
*/
- willDismiss: EventEmitter>;
+ willDismiss: EventEmitter>;
/**
* Emitted after the action sheet has dismissed.
Shorthand for ionActionSheetDidDismiss.
*/
- didDismiss: EventEmitter>;
+ didDismiss: EventEmitter>;
}
@@ -134,56 +148,66 @@ Shorthand for ionActionSheetDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger'],
+ outputs: ['ionAlertDidPresent', 'ionAlertWillPresent', 'ionAlertWillDismiss', 'ionAlertDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss'],
+ standalone: false
})
export class IonAlert {
protected el: HTMLIonAlertElement;
+ @Output() ionAlertDidPresent = new EventEmitter>();
+ @Output() ionAlertWillPresent = new EventEmitter>();
+ @Output() ionAlertWillDismiss = new EventEmitter>();
+ @Output() ionAlertDidDismiss = new EventEmitter>();
+ @Output() didPresent = new EventEmitter>();
+ @Output() willPresent = new EventEmitter>();
+ @Output() willDismiss = new EventEmitter>();
+ @Output() didDismiss = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionAlertDidPresent', 'ionAlertWillPresent', 'ionAlertWillDismiss', 'ionAlertDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+import type { IonAlertCustomEvent } from '@ionic/core';
import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core';
export declare interface IonAlert extends Components.IonAlert {
/**
* Emitted after the alert has presented.
*/
- ionAlertDidPresent: EventEmitter>;
+ ionAlertDidPresent: EventEmitter>;
/**
* Emitted before the alert has presented.
*/
- ionAlertWillPresent: EventEmitter>;
+ ionAlertWillPresent: EventEmitter>;
/**
* Emitted before the alert has dismissed.
*/
- ionAlertWillDismiss: EventEmitter>;
+ ionAlertWillDismiss: EventEmitter>;
/**
* Emitted after the alert has dismissed.
*/
- ionAlertDidDismiss: EventEmitter>;
+ ionAlertDidDismiss: EventEmitter>;
/**
* Emitted after the alert has presented.
Shorthand for ionAlertWillDismiss.
*/
- didPresent: EventEmitter>;
+ didPresent: EventEmitter>;
/**
* Emitted before the alert has presented.
Shorthand for ionAlertWillPresent.
*/
- willPresent: EventEmitter>;
+ willPresent: EventEmitter>;
/**
* Emitted before the alert has dismissed.
Shorthand for ionAlertWillDismiss.
*/
- willDismiss: EventEmitter>;
+ willDismiss: EventEmitter>;
/**
* Emitted after the alert has dismissed.
Shorthand for ionAlertDidDismiss.
*/
- didDismiss: EventEmitter>;
+ didDismiss: EventEmitter>;
}
@@ -196,6 +220,7 @@ Shorthand for ionAlertDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
+ standalone: false
})
export class IonApp {
protected el: HTMLIonAppElement;
@@ -217,6 +242,7 @@ export declare interface IonApp extends Components.IonApp {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
+ standalone: false
})
export class IonAvatar {
protected el: HTMLIonAvatarElement;
@@ -239,22 +265,26 @@ export declare interface IonAvatar extends Components.IonAvatar {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['stopPropagation', 'tappable', 'visible'],
+ outputs: ['ionBackdropTap'],
+ standalone: false
})
export class IonBackdrop {
protected el: HTMLIonBackdropElement;
+ @Output() ionBackdropTap = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionBackdropTap']);
}
}
+import type { IonBackdropCustomEvent } from '@ionic/core';
+
export declare interface IonBackdrop extends Components.IonBackdrop {
/**
* Emitted when the backdrop is tapped.
*/
- ionBackdropTap: EventEmitter>;
+ ionBackdropTap: EventEmitter>;
}
@@ -267,6 +297,7 @@ export declare interface IonBackdrop extends Components.IonBackdrop {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
+ standalone: false
})
export class IonBadge {
protected el: HTMLIonBadgeElement;
@@ -289,26 +320,31 @@ export declare interface IonBadge extends Components.IonBadge {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['active', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'separator', 'target'],
+ outputs: ['ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonBreadcrumb {
protected el: HTMLIonBreadcrumbElement;
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
}
}
+import type { IonBreadcrumbCustomEvent } from '@ionic/core';
+
export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
/**
* Emitted when the breadcrumb has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the breadcrumb loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -321,24 +357,27 @@ export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'itemsAfterCollapse', 'itemsBeforeCollapse', 'maxItems', 'mode'],
+ outputs: ['ionCollapsedClick'],
+ standalone: false
})
export class IonBreadcrumbs {
protected el: HTMLIonBreadcrumbsElement;
+ @Output() ionCollapsedClick = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionCollapsedClick']);
}
}
+import type { IonBreadcrumbsCustomEvent } from '@ionic/core';
import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core';
export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
/**
* Emitted when the collapsed indicator is clicked on.
*/
- ionCollapsedClick: EventEmitter>;
+ ionCollapsedClick: EventEmitter>;
}
@@ -351,26 +390,31 @@ export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['buttonType', 'color', 'disabled', 'download', 'expand', 'fill', 'form', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'shape', 'size', 'strong', 'target', 'type'],
+ outputs: ['ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonButton {
protected el: HTMLIonButtonElement;
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
}
}
+import type { IonButtonCustomEvent } from '@ionic/core';
+
export declare interface IonButton extends Components.IonButton {
/**
* Emitted when the button has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the button loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -383,6 +427,7 @@ export declare interface IonButton extends Components.IonButton {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse'],
+ standalone: false
})
export class IonButtons {
protected el: HTMLIonButtonsElement;
@@ -405,6 +450,7 @@ export declare interface IonButtons extends Components.IonButtons {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['button', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'target', 'type'],
+ standalone: false
})
export class IonCard {
protected el: HTMLIonCardElement;
@@ -427,6 +473,7 @@ export declare interface IonCard extends Components.IonCard {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['mode'],
+ standalone: false
})
export class IonCardContent {
protected el: HTMLIonCardContentElement;
@@ -449,6 +496,7 @@ export declare interface IonCardContent extends Components.IonCardContent {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'translucent'],
+ standalone: false
})
export class IonCardHeader {
protected el: HTMLIonCardHeaderElement;
@@ -471,6 +519,7 @@ export declare interface IonCardHeader extends Components.IonCardHeader {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
+ standalone: false
})
export class IonCardSubtitle {
protected el: HTMLIonCardSubtitleElement;
@@ -493,6 +542,7 @@ export declare interface IonCardSubtitle extends Components.IonCardSubtitle {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
+ standalone: false
})
export class IonCardTitle {
protected el: HTMLIonCardTitleElement;
@@ -515,17 +565,22 @@ export declare interface IonCardTitle extends Components.IonCardTitle {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['alignment', 'checked', 'color', 'disabled', 'errorText', 'helperText', 'indeterminate', 'justify', 'labelPlacement', 'mode', 'name', 'required', 'value'],
+ outputs: ['ionChange', 'ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonCheckbox {
protected el: HTMLIonCheckboxElement;
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
}
}
+import type { IonCheckboxCustomEvent } from '@ionic/core';
import type { CheckboxChangeEventDetail as IIonCheckboxCheckboxChangeEventDetail } from '@ionic/core';
export declare interface IonCheckbox extends Components.IonCheckbox {
@@ -534,15 +589,15 @@ export declare interface IonCheckbox extends Components.IonCheckbox {
This event will not emit when programmatically setting the `checked` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
/**
* Emitted when the checkbox has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the checkbox loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -555,6 +610,7 @@ This event will not emit when programmatically setting the `checked` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'disabled', 'mode', 'outline'],
+ standalone: false
})
export class IonChip {
protected el: HTMLIonChipElement;
@@ -577,6 +633,7 @@ export declare interface IonChip extends Components.IonChip {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXs', 'pull', 'pullLg', 'pullMd', 'pullSm', 'pullXl', 'pullXs', 'push', 'pushLg', 'pushMd', 'pushSm', 'pushXl', 'pushXs', 'size', 'sizeLg', 'sizeMd', 'sizeSm', 'sizeXl', 'sizeXs'],
+ standalone: false
})
export class IonCol {
protected el: HTMLIonColElement;
@@ -600,17 +657,22 @@ export declare interface IonCol extends Components.IonCol {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'fixedSlotPlacement', 'forceOverscroll', 'fullscreen', 'scrollEvents', 'scrollX', 'scrollY'],
+ outputs: ['ionScrollStart', 'ionScroll', 'ionScrollEnd'],
+ standalone: false
})
export class IonContent {
protected el: HTMLIonContentElement;
+ @Output() ionScrollStart = new EventEmitter>();
+ @Output() ionScroll = new EventEmitter>();
+ @Output() ionScrollEnd = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionScrollStart', 'ionScroll', 'ionScrollEnd']);
}
}
+import type { IonContentCustomEvent } from '@ionic/core';
import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core';
import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core';
@@ -619,17 +681,17 @@ 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>;
+ ionScrollStart: EventEmitter>;
/**
* Emitted while scrolling. This event is disabled by default.
Set `scrollEvents` to `true` to enable.
*/
- ionScroll: EventEmitter>;
+ ionScroll: EventEmitter>;
/**
* Emitted when the scroll has ended. This event is disabled by default.
Set `scrollEvents` to `true` to enable.
*/
- ionScrollEnd: EventEmitter>;
+ ionScrollEnd: EventEmitter>;
}
@@ -643,38 +705,44 @@ Set `scrollEvents` to `true` to enable.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['cancelText', 'clearText', 'color', 'dayValues', 'disabled', 'doneText', 'firstDayOfWeek', 'formatOptions', 'highlightedDates', 'hourCycle', 'hourValues', 'isDateEnabled', 'locale', 'max', 'min', 'minuteValues', 'mode', 'monthValues', 'multiple', 'name', 'preferWheel', 'presentation', 'readonly', 'showAdjacentDays', 'showClearButton', 'showDefaultButtons', 'showDefaultTimeLabel', 'showDefaultTitle', 'size', 'titleSelectedDatesFormatter', 'value', 'yearValues'],
+ outputs: ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonDatetime {
protected el: HTMLIonDatetimeElement;
+ @Output() ionCancel = new EventEmitter>();
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);
}
}
+import type { IonDatetimeCustomEvent } from '@ionic/core';
import type { DatetimeChangeEventDetail as IIonDatetimeDatetimeChangeEventDetail } from '@ionic/core';
export declare interface IonDatetime extends Components.IonDatetime {
/**
* Emitted when the datetime selection was cancelled.
*/
- ionCancel: EventEmitter>;
+ ionCancel: EventEmitter>;
/**
* Emitted when the value (selected date) has changed.
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
/**
* Emitted when the datetime has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the datetime loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -687,6 +755,7 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'datetime', 'disabled', 'mode'],
+ standalone: false
})
export class IonDatetimeButton {
protected el: HTMLIonDatetimeButtonElement;
@@ -710,6 +779,7 @@ export declare interface IonDatetimeButton extends Components.IonDatetimeButton
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['activated', 'edge', 'horizontal', 'vertical'],
+ standalone: false
})
export class IonFab {
protected el: HTMLIonFabElement;
@@ -732,26 +802,31 @@ export declare interface IonFab extends Components.IonFab {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['activated', 'closeIcon', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'show', 'size', 'target', 'translucent', 'type'],
+ outputs: ['ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonFabButton {
protected el: HTMLIonFabButtonElement;
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
}
}
+import type { IonFabButtonCustomEvent } from '@ionic/core';
+
export declare interface IonFabButton extends Components.IonFabButton {
/**
* Emitted when the button has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the button loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -764,6 +839,7 @@ export declare interface IonFabButton extends Components.IonFabButton {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['activated', 'side'],
+ standalone: false
})
export class IonFabList {
protected el: HTMLIonFabListElement;
@@ -786,6 +862,7 @@ export declare interface IonFabList extends Components.IonFabList {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse', 'mode', 'translucent'],
+ standalone: false
})
export class IonFooter {
protected el: HTMLIonFooterElement;
@@ -808,6 +885,7 @@ export declare interface IonFooter extends Components.IonFooter {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['fixed'],
+ standalone: false
})
export class IonGrid {
protected el: HTMLIonGridElement;
@@ -830,6 +908,7 @@ export declare interface IonGrid extends Components.IonGrid {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse', 'mode', 'translucent'],
+ standalone: false
})
export class IonHeader {
protected el: HTMLIonHeaderElement;
@@ -852,6 +931,7 @@ export declare interface IonHeader extends Components.IonHeader {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],
+ standalone: false
})
export class IonIcon {
protected el: HTMLIonIconElement;
@@ -874,30 +954,36 @@ export declare interface IonIcon extends Components.IonIcon {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['alt', 'src'],
+ outputs: ['ionImgWillLoad', 'ionImgDidLoad', 'ionError'],
+ standalone: false
})
export class IonImg {
protected el: HTMLIonImgElement;
+ @Output() ionImgWillLoad = new EventEmitter>();
+ @Output() ionImgDidLoad = new EventEmitter>();
+ @Output() ionError = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionImgWillLoad', 'ionImgDidLoad', 'ionError']);
}
}
+import type { IonImgCustomEvent } from '@ionic/core';
+
export declare interface IonImg extends Components.IonImg {
/**
* Emitted when the img src has been set
*/
- ionImgWillLoad: EventEmitter>;
+ ionImgWillLoad: EventEmitter>;
/**
* Emitted when the image has finished loading
*/
- ionImgDidLoad: EventEmitter>;
+ ionImgDidLoad: EventEmitter>;
/**
* Emitted when the img fails to load
*/
- ionError: EventEmitter>;
+ ionError: EventEmitter>;
}
@@ -911,17 +997,21 @@ export declare interface IonImg extends Components.IonImg {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'position', 'threshold'],
+ outputs: ['ionInfinite'],
+ standalone: false
})
export class IonInfiniteScroll {
protected el: HTMLIonInfiniteScrollElement;
+ @Output() ionInfinite = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionInfinite']);
}
}
+import type { IonInfiniteScrollCustomEvent } from '@ionic/core';
+
export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
/**
* Emitted when the scroll reaches
@@ -929,7 +1019,7 @@ the threshold distance. From within your infinite handler,
you must call the infinite scroll's `complete()` method when
your async operation has completed.
*/
- ionInfinite: EventEmitter>;
+ ionInfinite: EventEmitter>;
}
@@ -942,6 +1032,7 @@ your async operation has completed.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['loadingSpinner', 'loadingText'],
+ standalone: false
})
export class IonInfiniteScrollContent {
protected el: HTMLIonInfiniteScrollContentElement;
@@ -965,17 +1056,23 @@ export declare interface IonInfiniteScrollContent extends Components.IonInfinite
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearInputIcon', 'clearOnEdit', 'color', 'counter', 'counterFormatter', 'debounce', 'disabled', 'enterkeyhint', 'errorText', 'fill', 'helperText', 'inputmode', 'label', 'labelPlacement', 'max', 'maxlength', 'min', 'minlength', 'mode', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'shape', 'spellcheck', 'step', 'type', 'value'],
+ outputs: ['ionInput', 'ionChange', 'ionBlur', 'ionFocus'],
+ standalone: false
})
export class IonInput {
protected el: HTMLIonInputElement;
+ @Output() ionInput = new EventEmitter>();
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionBlur', 'ionFocus']);
}
}
+import type { IonInputCustomEvent } from '@ionic/core';
import type { InputInputEventDetail as IIonInputInputInputEventDetail } from '@ionic/core';
import type { InputChangeEventDetail as IIonInputInputChangeEventDetail } from '@ionic/core';
@@ -990,7 +1087,7 @@ is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent);
the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
the input is cleared on edit, the type is `null`.
*/
- ionInput: EventEmitter>;
+ ionInput: EventEmitter>;
/**
* The `ionChange` event is fired when the user modifies the input's value.
Unlike the `ionInput` event, the `ionChange` event is only fired when changes
@@ -1005,15 +1102,15 @@ where the user's interaction is typing.
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
/**
* Emitted when the input loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
/**
* Emitted when the input has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
}
@@ -1027,17 +1124,24 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['autocapitalize', 'color', 'disabled', 'fill', 'inputmode', 'length', 'pattern', 'readonly', 'separators', 'shape', 'size', 'type', 'value'],
+ outputs: ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus'],
+ standalone: false
})
export class IonInputOtp {
protected el: HTMLIonInputOtpElement;
+ @Output() ionInput = new EventEmitter>();
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionComplete = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus']);
}
}
+import type { IonInputOtpCustomEvent } from '@ionic/core';
import type { InputOtpInputEventDetail as IIonInputOtpInputOtpInputEventDetail } from '@ionic/core';
import type { InputOtpChangeEventDetail as IIonInputOtpInputOtpChangeEventDetail } from '@ionic/core';
import type { InputOtpCompleteEventDetail as IIonInputOtpInputOtpCompleteEventDetail } from '@ionic/core';
@@ -1053,7 +1157,7 @@ is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent);
the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
the input is cleared on edit, the type is `null`.
*/
- ionInput: EventEmitter>;
+ ionInput: EventEmitter>;
/**
* The `ionChange` event is fired when the user modifies the input's value.
Unlike the `ionInput` event, the `ionChange` event is only fired when changes
@@ -1064,19 +1168,19 @@ focus after its value has changed.
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
/**
* Emitted when all input boxes have been filled with valid values.
*/
- ionComplete: EventEmitter>;
+ ionComplete: EventEmitter>;
/**
* Emitted when the input group loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
/**
* Emitted when the input group has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
}
@@ -1089,6 +1193,7 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'hideIcon', 'mode', 'showIcon'],
+ standalone: false
})
export class IonInputPasswordToggle {
protected el: HTMLIonInputPasswordToggleElement;
@@ -1111,6 +1216,7 @@ export declare interface IonInputPasswordToggle extends Components.IonInputPassw
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['button', 'color', 'detail', 'detailIcon', 'disabled', 'download', 'href', 'lines', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'target', 'type'],
+ standalone: false
})
export class IonItem {
protected el: HTMLIonItemElement;
@@ -1133,6 +1239,7 @@ export declare interface IonItem extends Components.IonItem {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'sticky'],
+ standalone: false
})
export class IonItemDivider {
protected el: HTMLIonItemDividerElement;
@@ -1154,6 +1261,7 @@ export declare interface IonItemDivider extends Components.IonItemDivider {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
+ standalone: false
})
export class IonItemGroup {
protected el: HTMLIonItemGroupElement;
@@ -1176,6 +1284,7 @@ export declare interface IonItemGroup extends Components.IonItemGroup {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'disabled', 'download', 'expandable', 'href', 'mode', 'rel', 'target', 'type'],
+ standalone: false
})
export class IonItemOption {
protected el: HTMLIonItemOptionElement;
@@ -1198,22 +1307,26 @@ export declare interface IonItemOption extends Components.IonItemOption {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['side'],
+ outputs: ['ionSwipe'],
+ standalone: false
})
export class IonItemOptions {
protected el: HTMLIonItemOptionsElement;
+ @Output() ionSwipe = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionSwipe']);
}
}
+import type { IonItemOptionsCustomEvent } from '@ionic/core';
+
export declare interface IonItemOptions extends Components.IonItemOptions {
/**
* Emitted when the item has been fully swiped.
*/
- ionSwipe: EventEmitter>;
+ ionSwipe: EventEmitter>;
}
@@ -1227,22 +1340,26 @@ export declare interface IonItemOptions extends Components.IonItemOptions {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled'],
+ outputs: ['ionDrag'],
+ standalone: false
})
export class IonItemSliding {
protected el: HTMLIonItemSlidingElement;
+ @Output() ionDrag = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionDrag']);
}
}
+import type { IonItemSlidingCustomEvent } from '@ionic/core';
+
export declare interface IonItemSliding extends Components.IonItemSliding {
/**
* Emitted when the sliding position changes.
*/
- ionDrag: EventEmitter>;
+ ionDrag: EventEmitter>;
}
@@ -1255,6 +1372,7 @@ export declare interface IonItemSliding extends Components.IonItemSliding {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'position'],
+ standalone: false
})
export class IonLabel {
protected el: HTMLIonLabelElement;
@@ -1278,6 +1396,7 @@ export declare interface IonLabel extends Components.IonLabel {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['inset', 'lines', 'mode'],
+ standalone: false
})
export class IonList {
protected el: HTMLIonListElement;
@@ -1300,6 +1419,7 @@ export declare interface IonList extends Components.IonList {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'lines', 'mode'],
+ standalone: false
})
export class IonListHeader {
protected el: HTMLIonListHeaderElement;
@@ -1323,56 +1443,66 @@ export declare interface IonListHeader extends Components.IonListHeader {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger'],
+ outputs: ['ionLoadingDidPresent', 'ionLoadingWillPresent', 'ionLoadingWillDismiss', 'ionLoadingDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss'],
+ standalone: false
})
export class IonLoading {
protected el: HTMLIonLoadingElement;
+ @Output() ionLoadingDidPresent = new EventEmitter>();
+ @Output() ionLoadingWillPresent = new EventEmitter>();
+ @Output() ionLoadingWillDismiss = new EventEmitter>();
+ @Output() ionLoadingDidDismiss = new EventEmitter>();
+ @Output() didPresent = new EventEmitter>();
+ @Output() willPresent = new EventEmitter>();
+ @Output() willDismiss = new EventEmitter>();
+ @Output() didDismiss = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionLoadingDidPresent', 'ionLoadingWillPresent', 'ionLoadingWillDismiss', 'ionLoadingDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+import type { IonLoadingCustomEvent } from '@ionic/core';
import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core';
export declare interface IonLoading extends Components.IonLoading {
/**
* Emitted after the loading has presented.
*/
- ionLoadingDidPresent: EventEmitter>;
+ ionLoadingDidPresent: EventEmitter>;
/**
* Emitted before the loading has presented.
*/
- ionLoadingWillPresent: EventEmitter>;
+ ionLoadingWillPresent: EventEmitter>;
/**
* Emitted before the loading has dismissed.
*/
- ionLoadingWillDismiss: EventEmitter>;
+ ionLoadingWillDismiss: EventEmitter>;
/**
* Emitted after the loading has dismissed.
*/
- ionLoadingDidDismiss: EventEmitter>;
+ ionLoadingDidDismiss: EventEmitter>;
/**
* Emitted after the loading indicator has presented.
Shorthand for ionLoadingWillDismiss.
*/
- didPresent: EventEmitter>;
+ didPresent: EventEmitter>;
/**
* Emitted before the loading indicator has presented.
Shorthand for ionLoadingWillPresent.
*/
- willPresent: EventEmitter>;
+ willPresent: EventEmitter>;
/**
* Emitted before the loading indicator has dismissed.
Shorthand for ionLoadingWillDismiss.
*/
- willDismiss: EventEmitter>;
+ willDismiss: EventEmitter>;
/**
* Emitted after the loading indicator has dismissed.
Shorthand for ionLoadingDidDismiss.
*/
- didDismiss: EventEmitter>;
+ didDismiss: EventEmitter>;
}
@@ -1386,36 +1516,42 @@ Shorthand for ionLoadingDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['contentId', 'disabled', 'maxEdgeStart', 'menuId', 'side', 'swipeGesture', 'type'],
+ outputs: ['ionWillOpen', 'ionWillClose', 'ionDidOpen', 'ionDidClose'],
+ standalone: false
})
export class IonMenu {
protected el: HTMLIonMenuElement;
+ @Output() ionWillOpen = new EventEmitter>();
+ @Output() ionWillClose = new EventEmitter>();
+ @Output() ionDidOpen = new EventEmitter>();
+ @Output() ionDidClose = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionWillOpen', 'ionWillClose', 'ionDidOpen', 'ionDidClose']);
}
}
+import type { IonMenuCustomEvent } from '@ionic/core';
import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core';
export declare interface IonMenu extends Components.IonMenu {
/**
* Emitted when the menu is about to be opened.
*/
- ionWillOpen: EventEmitter>;
+ ionWillOpen: EventEmitter>;
/**
* Emitted when the menu is about to be closed.
*/
- ionWillClose: EventEmitter>;
+ ionWillClose: EventEmitter>;
/**
* Emitted when the menu is open.
*/
- ionDidOpen: EventEmitter>;
+ ionDidOpen: EventEmitter>;
/**
* Emitted when the menu is closed.
*/
- ionDidClose: EventEmitter>;
+ ionDidClose: EventEmitter>;
}
@@ -1428,6 +1564,7 @@ export declare interface IonMenu extends Components.IonMenu {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['autoHide', 'color', 'disabled', 'menu', 'mode', 'type'],
+ standalone: false
})
export class IonMenuButton {
protected el: HTMLIonMenuButtonElement;
@@ -1450,6 +1587,7 @@ export declare interface IonMenuButton extends Components.IonMenuButton {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['autoHide', 'menu'],
+ standalone: false
})
export class IonMenuToggle {
protected el: HTMLIonMenuToggleElement;
@@ -1472,6 +1610,7 @@ export declare interface IonMenuToggle extends Components.IonMenuToggle {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['component', 'componentProps', 'routerAnimation', 'routerDirection'],
+ standalone: false
})
export class IonNavLink {
protected el: HTMLIonNavLinkElement;
@@ -1494,6 +1633,7 @@ export declare interface IonNavLink extends Components.IonNavLink {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
+ standalone: false
})
export class IonNote {
protected el: HTMLIonNoteElement;
@@ -1516,6 +1656,7 @@ export declare interface IonNote extends Components.IonNote {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['mode'],
+ standalone: false
})
export class IonPicker {
protected el: HTMLIonPickerElement;
@@ -1539,17 +1680,20 @@ export declare interface IonPicker extends Components.IonPicker {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'disabled', 'mode', 'value'],
+ outputs: ['ionChange'],
+ standalone: false
})
export class IonPickerColumn {
protected el: HTMLIonPickerColumnElement;
+ @Output() ionChange = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionChange']);
}
}
+import type { IonPickerColumnCustomEvent } from '@ionic/core';
import type { PickerColumnChangeEventDetail as IIonPickerColumnPickerColumnChangeEventDetail } from '@ionic/core';
export declare interface IonPickerColumn extends Components.IonPickerColumn {
@@ -1558,7 +1702,7 @@ export declare interface IonPickerColumn extends Components.IonPickerColumn {
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
}
@@ -1571,6 +1715,7 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'disabled', 'value'],
+ standalone: false
})
export class IonPickerColumnOption {
protected el: HTMLIonPickerColumnOptionElement;
@@ -1593,6 +1738,7 @@ export declare interface IonPickerColumnOption extends Components.IonPickerColum
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value'],
+ standalone: false
})
export class IonProgressBar {
protected el: HTMLIonProgressBarElement;
@@ -1615,26 +1761,31 @@ export declare interface IonProgressBar extends Components.IonProgressBar {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['alignment', 'color', 'disabled', 'justify', 'labelPlacement', 'mode', 'name', 'value'],
+ outputs: ['ionFocus', 'ionBlur'],
+ standalone: false
})
export class IonRadio {
protected el: HTMLIonRadioElement;
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
}
}
+import type { IonRadioCustomEvent } from '@ionic/core';
+
export declare interface IonRadio extends Components.IonRadio {
/**
* Emitted when the radio button has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the radio button loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
}
@@ -1647,17 +1798,20 @@ export declare interface IonRadio extends Components.IonRadio {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['allowEmptySelection', 'compareWith', 'errorText', 'helperText', 'name', 'value'],
+ outputs: ['ionChange'],
+ standalone: false
})
export class IonRadioGroup {
protected el: HTMLIonRadioGroupElement;
+ @Output() ionChange = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionChange']);
}
}
+import type { IonRadioGroupCustomEvent } from '@ionic/core';
import type { RadioGroupChangeEventDetail as IIonRadioGroupRadioGroupChangeEventDetail } from '@ionic/core';
export declare interface IonRadioGroup extends Components.IonRadioGroup {
@@ -1666,7 +1820,7 @@ export declare interface IonRadioGroup extends Components.IonRadioGroup {
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
}
@@ -1679,17 +1833,25 @@ This event will not emit when programmatically setting the `value` property.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['activeBarStart', 'color', 'debounce', 'disabled', 'dualKnobs', 'label', 'labelPlacement', 'max', 'min', 'mode', 'name', 'pin', 'pinFormatter', 'snaps', 'step', 'ticks', 'value'],
+ outputs: ['ionChange', 'ionInput', 'ionFocus', 'ionBlur', 'ionKnobMoveStart', 'ionKnobMoveEnd'],
+ standalone: false
})
export class IonRange {
protected el: HTMLIonRangeElement;
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionInput = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
+ @Output() ionKnobMoveStart = new EventEmitter>();
+ @Output() ionKnobMoveEnd = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionFocus', 'ionBlur', 'ionKnobMoveStart', 'ionKnobMoveEnd']);
}
}
+import type { IonRangeCustomEvent } from '@ionic/core';
import type { RangeChangeEventDetail as IIonRangeRangeChangeEventDetail } from '@ionic/core';
import type { RangeKnobMoveStartEventDetail as IIonRangeRangeKnobMoveStartEventDetail } from '@ionic/core';
import type { RangeKnobMoveEndEventDetail as IIonRangeRangeKnobMoveEndEventDetail } from '@ionic/core';
@@ -1703,31 +1865,31 @@ modifies the element's value:
This event will not emit when programmatically setting the `value` property.
*/
- ionChange: EventEmitter>;
+ ionChange: EventEmitter>;
/**
* The `ionInput` event is fired for `` elements when the value
is modified. Unlike `ionChange`, `ionInput` is fired continuously
while the user is dragging the knob.
*/
- ionInput: EventEmitter>;
+ ionInput: EventEmitter>;
/**
* Emitted when the range has focus.
*/
- ionFocus: EventEmitter>;
+ ionFocus: EventEmitter>;
/**
* Emitted when the range loses focus.
*/
- ionBlur: EventEmitter>;
+ ionBlur: EventEmitter>;
/**
* Emitted when the user starts moving the range knob, whether through
mouse drag, touch gesture, or keyboard interaction.
*/
- ionKnobMoveStart: EventEmitter>;
+ ionKnobMoveStart: EventEmitter>;
/**
* Emitted when the user finishes moving the range knob, whether through
mouse drag, touch gesture, or keyboard interaction.
*/
- ionKnobMoveEnd: EventEmitter>;
+ ionKnobMoveEnd: EventEmitter>;
}
@@ -1741,17 +1903,24 @@ mouse drag, touch gesture, or keyboard interaction.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['closeDuration', 'disabled', 'mode', 'pullFactor', 'pullMax', 'pullMin', 'snapbackDuration'],
+ outputs: ['ionRefresh', 'ionPull', 'ionStart', 'ionPullStart', 'ionPullEnd'],
+ standalone: false
})
export class IonRefresher {
protected el: HTMLIonRefresherElement;
+ @Output() ionRefresh = new EventEmitter>();
+ @Output() ionPull = new EventEmitter>();
+ @Output() ionStart = new EventEmitter>();
+ @Output() ionPullStart = new EventEmitter>();
+ @Output() ionPullEnd = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionRefresh', 'ionPull', 'ionStart', 'ionPullStart', 'ionPullEnd']);
}
}
+import type { IonRefresherCustomEvent } from '@ionic/core';
import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core';
import type { RefresherPullEndEventDetail as IIonRefresherRefresherPullEndEventDetail } from '@ionic/core';
@@ -1762,25 +1931,25 @@ further than the `pullMin` or pulls the content down and exceeds the pullMax.
Updates the refresher state to `refreshing`. The `complete()` method should be
called when the async operation has completed.
*/
- ionRefresh: EventEmitter>;
+ ionRefresh: EventEmitter>;
/**
* Emitted while the user is pulling down the content and exposing the refresher.
*/
- ionPull: EventEmitter>;
+ ionPull: EventEmitter>;
/**
* Emitted when the user begins to start pulling down. @deprecated Use `ionPullStart` instead.
*/
- ionStart: EventEmitter>;
+ ionStart: EventEmitter>;
/**
* Emitted when the user begins to start pulling down.
*/
- ionPullStart: EventEmitter>;
+ ionPullStart: EventEmitter>;
/**
* 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>;
+ ionPullEnd: EventEmitter>;
}
@@ -1793,6 +1962,7 @@ successfully or was canceled.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText'],
+ standalone: false
})
export class IonRefresherContent {
protected el: HTMLIonRefresherContentElement;
@@ -1814,6 +1984,7 @@ export declare interface IonRefresherContent extends Components.IonRefresherCont
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
+ standalone: false
})
export class IonReorder {
protected el: HTMLIonReorderElement;
@@ -1837,17 +2008,23 @@ export declare interface IonReorder extends Components.IonReorder {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled'],
+ outputs: ['ionItemReorder', 'ionReorderStart', 'ionReorderMove', 'ionReorderEnd'],
+ standalone: false
})
export class IonReorderGroup {
protected el: HTMLIonReorderGroupElement;
+ @Output() ionItemReorder = new EventEmitter>();
+ @Output() ionReorderStart = new EventEmitter>();
+ @Output() ionReorderMove = new EventEmitter>();
+ @Output() ionReorderEnd = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionItemReorder', 'ionReorderStart', 'ionReorderMove', 'ionReorderEnd']);
}
}
+import type { IonReorderGroupCustomEvent } from '@ionic/core';
import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core';
import type { ReorderMoveEventDetail as IIonReorderGroupReorderMoveEventDetail } from '@ionic/core';
import type { ReorderEndEventDetail as IIonReorderGroupReorderEndEventDetail } from '@ionic/core';
@@ -1859,15 +2036,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>;
+ ionItemReorder: EventEmitter>;
/**
* Event that is emitted when the reorder gesture starts.
*/
- ionReorderStart: EventEmitter>;
+ ionReorderStart: EventEmitter>;
/**
* Event that is emitted as the reorder gesture moves.
*/
- ionReorderMove: EventEmitter>;
+ ionReorderMove: EventEmitter>;
/**
* Event that is emitted when the reorder gesture ends.
The from and to properties are always available, regardless of
@@ -1876,7 +2053,7 @@ from its start position, the from and to properties will be the same.
Once the event has been emitted, the `complete()` method then needs
to be called in order to finalize the reorder action.
*/
- ionReorderEnd: EventEmitter>;
+ ionReorderEnd: EventEmitter>;
}
@@ -1890,6 +2067,7 @@ to be called in order to finalize the reorder action.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['type'],
+ standalone: false
})
export class IonRippleEffect {
protected el: HTMLIonRippleEffectElement;
@@ -1911,6 +2089,7 @@ export declare interface IonRippleEffect extends Components.IonRippleEffect {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
+ standalone: false
})
export class IonRow {
protected el: HTMLIonRowElement;
@@ -1934,17 +2113,25 @@ export declare interface IonRow extends Components.IonRow {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated', 'autocapitalize', 'autocomplete', 'autocorrect', 'cancelButtonIcon', 'cancelButtonText', 'clearIcon', 'color', 'debounce', 'disabled', 'enterkeyhint', 'inputmode', 'maxlength', 'minlength', 'mode', 'name', 'placeholder', 'searchIcon', 'showCancelButton', 'showClearButton', 'spellcheck', 'type', 'value'],
+ outputs: ['ionInput', 'ionChange', 'ionCancel', 'ionClear', 'ionBlur', 'ionFocus'],
+ standalone: false
})
export class IonSearchbar {
protected el: HTMLIonSearchbarElement;
+ @Output() ionInput = new EventEmitter>();
+ @Output() ionChange = new EventEmitter>();
+ @Output() ionCancel = new EventEmitter>();
+ @Output() ionClear = new EventEmitter>();
+ @Output() ionBlur = new EventEmitter>();
+ @Output() ionFocus = new EventEmitter>();
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionCancel', 'ionClear', 'ionBlur', 'ionFocus']);
}
}
+import type { IonSearchbarCustomEvent } from '@ionic/core';
import type { SearchbarInputEventDetail as IIonSearchbarSearchbarInputEventDetail } from '@ionic/core';
import type { SearchbarChangeEventDetail as IIonSearchbarSearchbarChangeEventDetail } from '@ionic/core';
@@ -1952,7 +2139,7 @@ export declare interface IonSearchbar extends Components.IonSearchbar {
/**
* Emitted when the `value` of the `ion-searchbar` element has changed.
*/
- ionInput: EventEmitter>;
+ ionInput: EventEmitter>;
/**
* The `ionChange` event is fired for `