diff --git a/packages/angular/.prettierignore b/packages/angular/.prettierignore
index 9ac0616858..a69cde511b 100644
--- a/packages/angular/.prettierignore
+++ b/packages/angular/.prettierignore
@@ -1,6 +1,6 @@
dist
scripts
test
-src/directives/proxies.ts
+proxies.ts
src/directives/proxies-list.ts
src/directives/angular-component-lib/utils.ts
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index d112c3b93c..022535606a 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -73,7 +73,7 @@ import { defineCustomElement as defineIonToast } from '@ionic/core/components/io
import { defineCustomElement as defineIonToolbar } from '@ionic/core/components/ion-toolbar.js';
@ProxyCmp({
defineCustomElementFn: defineIonAccordion,
- inputs: ['disabled', 'mode', 'readonly', 'toggleIcon', 'toggleIconSlot', 'value'],
+ inputs: ['disabled', 'mode', 'readonly', 'toggleIcon', 'toggleIconSlot', 'value']
})
@Component({
selector: 'ion-accordion',
@@ -81,7 +81,7 @@ import { defineCustomElement as defineIonToolbar } from '@ionic/core/components/
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'mode', 'readonly', 'toggleIcon', 'toggleIconSlot', 'value'],
- standalone: true,
+ standalone: true
})
export class IonAccordion {
protected el: HTMLElement;
@@ -91,11 +91,13 @@ export class IonAccordion {
}
}
+
export declare interface IonAccordion extends Components.IonAccordion {}
+
@ProxyCmp({
defineCustomElementFn: defineIonAccordionGroup,
- inputs: ['animated', 'disabled', 'expand', 'mode', 'multiple', 'readonly', 'value'],
+ inputs: ['animated', 'disabled', 'expand', 'mode', 'multiple', 'readonly', 'value']
})
@Component({
selector: 'ion-accordion-group',
@@ -103,7 +105,7 @@ 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'],
- standalone: true,
+ standalone: true
})
export class IonAccordionGroup {
protected el: HTMLElement;
@@ -114,6 +116,7 @@ export class IonAccordionGroup {
}
}
+
import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core/components';
export declare interface IonAccordionGroup extends Components.IonAccordionGroup {
@@ -126,67 +129,30 @@ the value property.
ionChange: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonActionSheet,
- inputs: [
- 'animated',
- 'backdropDismiss',
- 'buttons',
- 'cssClass',
- 'enterAnimation',
- 'header',
- 'htmlAttributes',
- 'isOpen',
- 'keyboardClose',
- 'leaveAnimation',
- 'mode',
- 'subHeader',
- 'translucent',
- 'trigger',
- ],
- methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger'],
+ methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
})
@Component({
selector: 'ion-action-sheet',
changeDetection: ChangeDetectionStrategy.OnPush,
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',
- ],
- standalone: true,
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger'],
+ standalone: true
})
export class IonActionSheet {
protected el: HTMLElement;
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',
- ]);
+ proxyOutputs(this, this.el, ['ionActionSheetDidPresent', 'ionActionSheetWillPresent', 'ionActionSheetWillDismiss', 'ionActionSheetDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+
import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core/components';
export declare interface IonActionSheet extends Components.IonActionSheet {
@@ -228,71 +194,30 @@ Shorthand for ionActionSheetDidDismiss.
didDismiss: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonAlert,
- inputs: [
- 'animated',
- 'backdropDismiss',
- 'buttons',
- 'cssClass',
- 'enterAnimation',
- 'header',
- 'htmlAttributes',
- 'inputs',
- 'isOpen',
- 'keyboardClose',
- 'leaveAnimation',
- 'message',
- 'mode',
- 'subHeader',
- 'translucent',
- 'trigger',
- ],
- methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger'],
+ methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
})
@Component({
selector: 'ion-alert',
changeDetection: ChangeDetectionStrategy.OnPush,
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',
- ],
- standalone: true,
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger'],
+ standalone: true
})
export class IonAlert {
protected el: HTMLElement;
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',
- ]);
+ proxyOutputs(this, this.el, ['ionAlertDidPresent', 'ionAlertWillPresent', 'ionAlertWillDismiss', 'ionAlertDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+
import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core/components';
export declare interface IonAlert extends Components.IonAlert {
@@ -334,8 +259,9 @@ Shorthand for ionAlertDidDismiss.
didDismiss: EventEmitter>;
}
+
@ProxyCmp({
- defineCustomElementFn: defineIonApp,
+ defineCustomElementFn: defineIonApp
})
@Component({
selector: 'ion-app',
@@ -343,7 +269,7 @@ Shorthand for ionAlertDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonApp {
protected el: HTMLElement;
@@ -353,10 +279,12 @@ export class IonApp {
}
}
+
export declare interface IonApp extends Components.IonApp {}
+
@ProxyCmp({
- defineCustomElementFn: defineIonAvatar,
+ defineCustomElementFn: defineIonAvatar
})
@Component({
selector: 'ion-avatar',
@@ -364,7 +292,7 @@ export declare interface IonApp extends Components.IonApp {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonAvatar {
protected el: HTMLElement;
@@ -374,11 +302,13 @@ export class IonAvatar {
}
}
+
export declare interface IonAvatar extends Components.IonAvatar {}
+
@ProxyCmp({
defineCustomElementFn: defineIonBackdrop,
- inputs: ['stopPropagation', 'tappable', 'visible'],
+ inputs: ['stopPropagation', 'tappable', 'visible']
})
@Component({
selector: 'ion-backdrop',
@@ -386,7 +316,7 @@ export declare interface IonAvatar extends Components.IonAvatar {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['stopPropagation', 'tappable', 'visible'],
- standalone: true,
+ standalone: true
})
export class IonBackdrop {
protected el: HTMLElement;
@@ -397,6 +327,7 @@ export class IonBackdrop {
}
}
+
export declare interface IonBackdrop extends Components.IonBackdrop {
/**
* Emitted when the backdrop is tapped.
@@ -404,9 +335,10 @@ export declare interface IonBackdrop extends Components.IonBackdrop {
ionBackdropTap: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonBadge,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-badge',
@@ -414,7 +346,7 @@ export declare interface IonBackdrop extends Components.IonBackdrop {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonBadge {
protected el: HTMLElement;
@@ -424,43 +356,21 @@ export class IonBadge {
}
}
+
export declare interface IonBadge extends Components.IonBadge {}
+
@ProxyCmp({
defineCustomElementFn: defineIonBreadcrumb,
- inputs: [
- 'active',
- 'color',
- 'disabled',
- 'download',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'separator',
- 'target',
- ],
+ inputs: ['active', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'separator', 'target']
})
@Component({
selector: 'ion-breadcrumb',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [
- 'active',
- 'color',
- 'disabled',
- 'download',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'separator',
- 'target',
- ],
- standalone: true,
+ inputs: ['active', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'separator', 'target'],
+ standalone: true
})
export class IonBreadcrumb {
protected el: HTMLElement;
@@ -471,6 +381,7 @@ export class IonBreadcrumb {
}
}
+
export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
/**
* Emitted when the breadcrumb has focus.
@@ -482,9 +393,10 @@ export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
ionBlur: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonBreadcrumbs,
- inputs: ['color', 'itemsAfterCollapse', 'itemsBeforeCollapse', 'maxItems', 'mode'],
+ inputs: ['color', 'itemsAfterCollapse', 'itemsBeforeCollapse', 'maxItems', 'mode']
})
@Component({
selector: 'ion-breadcrumbs',
@@ -492,7 +404,7 @@ export declare interface IonBreadcrumb extends Components.IonBreadcrumb {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'itemsAfterCollapse', 'itemsBeforeCollapse', 'maxItems', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonBreadcrumbs {
protected el: HTMLElement;
@@ -503,6 +415,7 @@ export class IonBreadcrumbs {
}
}
+
import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core/components';
export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
@@ -512,53 +425,18 @@ export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs {
ionCollapsedClick: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonButton,
- inputs: [
- 'buttonType',
- 'color',
- 'disabled',
- 'download',
- 'expand',
- 'fill',
- 'form',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'shape',
- 'size',
- 'strong',
- 'target',
- 'type',
- ],
+ inputs: ['buttonType', 'color', 'disabled', 'download', 'expand', 'fill', 'form', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'shape', 'size', 'strong', 'target', 'type']
})
@Component({
selector: 'ion-button',
changeDetection: ChangeDetectionStrategy.OnPush,
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',
- ],
- standalone: true,
+ inputs: ['buttonType', 'color', 'disabled', 'download', 'expand', 'fill', 'form', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'shape', 'size', 'strong', 'target', 'type'],
+ standalone: true
})
export class IonButton {
protected el: HTMLElement;
@@ -569,6 +447,7 @@ export class IonButton {
}
}
+
export declare interface IonButton extends Components.IonButton {
/**
* Emitted when the button has focus.
@@ -580,9 +459,10 @@ export declare interface IonButton extends Components.IonButton {
ionBlur: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonButtons,
- inputs: ['collapse'],
+ inputs: ['collapse']
})
@Component({
selector: 'ion-buttons',
@@ -590,7 +470,7 @@ export declare interface IonButton extends Components.IonButton {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse'],
- standalone: true,
+ standalone: true
})
export class IonButtons {
protected el: HTMLElement;
@@ -600,43 +480,21 @@ export class IonButtons {
}
}
+
export declare interface IonButtons extends Components.IonButtons {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCard,
- inputs: [
- 'button',
- 'color',
- 'disabled',
- 'download',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'target',
- 'type',
- ],
+ inputs: ['button', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'target', 'type']
})
@Component({
selector: 'ion-card',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [
- 'button',
- 'color',
- 'disabled',
- 'download',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'target',
- 'type',
- ],
- standalone: true,
+ inputs: ['button', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'target', 'type'],
+ standalone: true
})
export class IonCard {
protected el: HTMLElement;
@@ -646,11 +504,13 @@ export class IonCard {
}
}
+
export declare interface IonCard extends Components.IonCard {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCardContent,
- inputs: ['mode'],
+ inputs: ['mode']
})
@Component({
selector: 'ion-card-content',
@@ -658,7 +518,7 @@ export declare interface IonCard extends Components.IonCard {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['mode'],
- standalone: true,
+ standalone: true
})
export class IonCardContent {
protected el: HTMLElement;
@@ -668,11 +528,13 @@ export class IonCardContent {
}
}
+
export declare interface IonCardContent extends Components.IonCardContent {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCardHeader,
- inputs: ['color', 'mode', 'translucent'],
+ inputs: ['color', 'mode', 'translucent']
})
@Component({
selector: 'ion-card-header',
@@ -680,7 +542,7 @@ export declare interface IonCardContent extends Components.IonCardContent {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'translucent'],
- standalone: true,
+ standalone: true
})
export class IonCardHeader {
protected el: HTMLElement;
@@ -690,11 +552,13 @@ export class IonCardHeader {
}
}
+
export declare interface IonCardHeader extends Components.IonCardHeader {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCardSubtitle,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-card-subtitle',
@@ -702,7 +566,7 @@ export declare interface IonCardHeader extends Components.IonCardHeader {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonCardSubtitle {
protected el: HTMLElement;
@@ -712,11 +576,13 @@ export class IonCardSubtitle {
}
}
+
export declare interface IonCardSubtitle extends Components.IonCardSubtitle {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCardTitle,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-card-title',
@@ -724,7 +590,7 @@ export declare interface IonCardSubtitle extends Components.IonCardSubtitle {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonCardTitle {
protected el: HTMLElement;
@@ -734,11 +600,13 @@ export class IonCardTitle {
}
}
+
export declare interface IonCardTitle extends Components.IonCardTitle {}
+
@ProxyCmp({
defineCustomElementFn: defineIonChip,
- inputs: ['color', 'disabled', 'mode', 'outline'],
+ inputs: ['color', 'disabled', 'mode', 'outline']
})
@Component({
selector: 'ion-chip',
@@ -746,7 +614,7 @@ export declare interface IonCardTitle extends Components.IonCardTitle {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'disabled', 'mode', 'outline'],
- standalone: true,
+ standalone: true
})
export class IonChip {
protected el: HTMLElement;
@@ -756,69 +624,21 @@ export class IonChip {
}
}
+
export declare interface IonChip extends Components.IonChip {}
+
@ProxyCmp({
defineCustomElementFn: defineIonCol,
- 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',
- ],
+ 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']
})
@Component({
selector: 'ion-col',
changeDetection: ChangeDetectionStrategy.OnPush,
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: true,
+ 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: true
})
export class IonCol {
protected el: HTMLElement;
@@ -828,12 +648,14 @@ export class IonCol {
}
}
+
export declare interface IonCol extends Components.IonCol {}
+
@ProxyCmp({
defineCustomElementFn: defineIonContent,
inputs: ['color', 'forceOverscroll', 'fullscreen', 'scrollEvents', 'scrollX', 'scrollY'],
- methods: ['getScrollElement', 'scrollToTop', 'scrollToBottom', 'scrollByPoint', 'scrollToPoint'],
+ methods: ['getScrollElement', 'scrollToTop', 'scrollToBottom', 'scrollByPoint', 'scrollToPoint']
})
@Component({
selector: 'ion-content',
@@ -841,7 +663,7 @@ export declare interface IonCol extends Components.IonCol {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'forceOverscroll', 'fullscreen', 'scrollEvents', 'scrollX', 'scrollY'],
- standalone: true,
+ standalone: true
})
export class IonContent {
protected el: HTMLElement;
@@ -852,6 +674,7 @@ export class IonContent {
}
}
+
import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core/components';
import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core/components';
@@ -873,9 +696,10 @@ Set `scrollEvents` to `true` to enable.
ionScrollEnd: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonDatetimeButton,
- inputs: ['color', 'datetime', 'disabled', 'mode'],
+ inputs: ['color', 'datetime', 'disabled', 'mode']
})
@Component({
selector: 'ion-datetime-button',
@@ -883,7 +707,7 @@ Set `scrollEvents` to `true` to enable.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'datetime', 'disabled', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonDatetimeButton {
protected el: HTMLElement;
@@ -893,12 +717,14 @@ export class IonDatetimeButton {
}
}
+
export declare interface IonDatetimeButton extends Components.IonDatetimeButton {}
+
@ProxyCmp({
defineCustomElementFn: defineIonFab,
inputs: ['activated', 'edge', 'horizontal', 'vertical'],
- methods: ['close'],
+ methods: ['close']
})
@Component({
selector: 'ion-fab',
@@ -906,7 +732,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: true,
+ standalone: true
})
export class IonFab {
protected el: HTMLElement;
@@ -916,51 +742,21 @@ export class IonFab {
}
}
+
export declare interface IonFab extends Components.IonFab {}
+
@ProxyCmp({
defineCustomElementFn: defineIonFabButton,
- inputs: [
- 'activated',
- 'closeIcon',
- 'color',
- 'disabled',
- 'download',
- 'href',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'show',
- 'size',
- 'target',
- 'translucent',
- 'type',
- ],
+ inputs: ['activated', 'closeIcon', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'show', 'size', 'target', 'translucent', 'type']
})
@Component({
selector: 'ion-fab-button',
changeDetection: ChangeDetectionStrategy.OnPush,
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',
- ],
- standalone: true,
+ inputs: ['activated', 'closeIcon', 'color', 'disabled', 'download', 'href', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'show', 'size', 'target', 'translucent', 'type'],
+ standalone: true
})
export class IonFabButton {
protected el: HTMLElement;
@@ -971,6 +767,7 @@ export class IonFabButton {
}
}
+
export declare interface IonFabButton extends Components.IonFabButton {
/**
* Emitted when the button has focus.
@@ -982,9 +779,10 @@ export declare interface IonFabButton extends Components.IonFabButton {
ionBlur: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonFabList,
- inputs: ['activated', 'side'],
+ inputs: ['activated', 'side']
})
@Component({
selector: 'ion-fab-list',
@@ -992,7 +790,7 @@ export declare interface IonFabButton extends Components.IonFabButton {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['activated', 'side'],
- standalone: true,
+ standalone: true
})
export class IonFabList {
protected el: HTMLElement;
@@ -1002,11 +800,13 @@ export class IonFabList {
}
}
+
export declare interface IonFabList extends Components.IonFabList {}
+
@ProxyCmp({
defineCustomElementFn: defineIonFooter,
- inputs: ['collapse', 'mode', 'translucent'],
+ inputs: ['collapse', 'mode', 'translucent']
})
@Component({
selector: 'ion-footer',
@@ -1014,7 +814,7 @@ export declare interface IonFabList extends Components.IonFabList {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse', 'mode', 'translucent'],
- standalone: true,
+ standalone: true
})
export class IonFooter {
protected el: HTMLElement;
@@ -1024,11 +824,13 @@ export class IonFooter {
}
}
+
export declare interface IonFooter extends Components.IonFooter {}
+
@ProxyCmp({
defineCustomElementFn: defineIonGrid,
- inputs: ['fixed'],
+ inputs: ['fixed']
})
@Component({
selector: 'ion-grid',
@@ -1036,7 +838,7 @@ export declare interface IonFooter extends Components.IonFooter {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['fixed'],
- standalone: true,
+ standalone: true
})
export class IonGrid {
protected el: HTMLElement;
@@ -1046,11 +848,13 @@ export class IonGrid {
}
}
+
export declare interface IonGrid extends Components.IonGrid {}
+
@ProxyCmp({
defineCustomElementFn: defineIonHeader,
- inputs: ['collapse', 'mode', 'translucent'],
+ inputs: ['collapse', 'mode', 'translucent']
})
@Component({
selector: 'ion-header',
@@ -1058,7 +862,7 @@ export declare interface IonGrid extends Components.IonGrid {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['collapse', 'mode', 'translucent'],
- standalone: true,
+ standalone: true
})
export class IonHeader {
protected el: HTMLElement;
@@ -1068,11 +872,13 @@ export class IonHeader {
}
}
+
export declare interface IonHeader extends Components.IonHeader {}
+
@ProxyCmp({
defineCustomElementFn: defineIonImg,
- inputs: ['alt', 'src'],
+ inputs: ['alt', 'src']
})
@Component({
selector: 'ion-img',
@@ -1080,7 +886,7 @@ export declare interface IonHeader extends Components.IonHeader {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['alt', 'src'],
- standalone: true,
+ standalone: true
})
export class IonImg {
protected el: HTMLElement;
@@ -1091,6 +897,7 @@ export class IonImg {
}
}
+
export declare interface IonImg extends Components.IonImg {
/**
* Emitted when the img src has been set
@@ -1106,10 +913,11 @@ export declare interface IonImg extends Components.IonImg {
ionError: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonInfiniteScroll,
inputs: ['disabled', 'position', 'threshold'],
- methods: ['complete'],
+ methods: ['complete']
})
@Component({
selector: 'ion-infinite-scroll',
@@ -1117,7 +925,7 @@ export declare interface IonImg extends Components.IonImg {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'position', 'threshold'],
- standalone: true,
+ standalone: true
})
export class IonInfiniteScroll {
protected el: HTMLElement;
@@ -1128,6 +936,7 @@ export class IonInfiniteScroll {
}
}
+
export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll {
/**
* Emitted when the scroll reaches
@@ -1138,9 +947,10 @@ your async operation has completed.
ionInfinite: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonInfiniteScrollContent,
- inputs: ['loadingSpinner', 'loadingText'],
+ inputs: ['loadingSpinner', 'loadingText']
})
@Component({
selector: 'ion-infinite-scroll-content',
@@ -1148,7 +958,7 @@ your async operation has completed.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['loadingSpinner', 'loadingText'],
- standalone: true,
+ standalone: true
})
export class IonInfiniteScrollContent {
protected el: HTMLElement;
@@ -1158,57 +968,21 @@ export class IonInfiniteScrollContent {
}
}
+
export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {}
+
@ProxyCmp({
defineCustomElementFn: defineIonItem,
- inputs: [
- 'button',
- 'color',
- 'counter',
- 'counterFormatter',
- 'detail',
- 'detailIcon',
- 'disabled',
- 'download',
- 'fill',
- 'href',
- 'lines',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'shape',
- 'target',
- 'type',
- ],
+ inputs: ['button', 'color', 'counter', 'counterFormatter', 'detail', 'detailIcon', 'disabled', 'download', 'fill', 'href', 'lines', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'shape', 'target', 'type']
})
@Component({
selector: 'ion-item',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [
- 'button',
- 'color',
- 'counter',
- 'counterFormatter',
- 'detail',
- 'detailIcon',
- 'disabled',
- 'download',
- 'fill',
- 'href',
- 'lines',
- 'mode',
- 'rel',
- 'routerAnimation',
- 'routerDirection',
- 'shape',
- 'target',
- 'type',
- ],
- standalone: true,
+ inputs: ['button', 'color', 'counter', 'counterFormatter', 'detail', 'detailIcon', 'disabled', 'download', 'fill', 'href', 'lines', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'shape', 'target', 'type'],
+ standalone: true
})
export class IonItem {
protected el: HTMLElement;
@@ -1218,11 +992,13 @@ export class IonItem {
}
}
+
export declare interface IonItem extends Components.IonItem {}
+
@ProxyCmp({
defineCustomElementFn: defineIonItemDivider,
- inputs: ['color', 'mode', 'sticky'],
+ inputs: ['color', 'mode', 'sticky']
})
@Component({
selector: 'ion-item-divider',
@@ -1230,7 +1006,7 @@ export declare interface IonItem extends Components.IonItem {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'sticky'],
- standalone: true,
+ standalone: true
})
export class IonItemDivider {
protected el: HTMLElement;
@@ -1240,10 +1016,12 @@ export class IonItemDivider {
}
}
+
export declare interface IonItemDivider extends Components.IonItemDivider {}
+
@ProxyCmp({
- defineCustomElementFn: defineIonItemGroup,
+ defineCustomElementFn: defineIonItemGroup
})
@Component({
selector: 'ion-item-group',
@@ -1251,7 +1029,7 @@ export declare interface IonItemDivider extends Components.IonItemDivider {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonItemGroup {
protected el: HTMLElement;
@@ -1261,11 +1039,13 @@ export class IonItemGroup {
}
}
+
export declare interface IonItemGroup extends Components.IonItemGroup {}
+
@ProxyCmp({
defineCustomElementFn: defineIonItemOption,
- inputs: ['color', 'disabled', 'download', 'expandable', 'href', 'mode', 'rel', 'target', 'type'],
+ inputs: ['color', 'disabled', 'download', 'expandable', 'href', 'mode', 'rel', 'target', 'type']
})
@Component({
selector: 'ion-item-option',
@@ -1273,7 +1053,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: true,
+ standalone: true
})
export class IonItemOption {
protected el: HTMLElement;
@@ -1283,11 +1063,13 @@ export class IonItemOption {
}
}
+
export declare interface IonItemOption extends Components.IonItemOption {}
+
@ProxyCmp({
defineCustomElementFn: defineIonItemOptions,
- inputs: ['side'],
+ inputs: ['side']
})
@Component({
selector: 'ion-item-options',
@@ -1295,7 +1077,7 @@ export declare interface IonItemOption extends Components.IonItemOption {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['side'],
- standalone: true,
+ standalone: true
})
export class IonItemOptions {
protected el: HTMLElement;
@@ -1306,6 +1088,7 @@ export class IonItemOptions {
}
}
+
export declare interface IonItemOptions extends Components.IonItemOptions {
/**
* Emitted when the item has been fully swiped.
@@ -1313,10 +1096,11 @@ export declare interface IonItemOptions extends Components.IonItemOptions {
ionSwipe: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonItemSliding,
inputs: ['disabled'],
- methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened'],
+ methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened']
})
@Component({
selector: 'ion-item-sliding',
@@ -1324,7 +1108,7 @@ export declare interface IonItemOptions extends Components.IonItemOptions {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled'],
- standalone: true,
+ standalone: true
})
export class IonItemSliding {
protected el: HTMLElement;
@@ -1335,6 +1119,7 @@ export class IonItemSliding {
}
}
+
export declare interface IonItemSliding extends Components.IonItemSliding {
/**
* Emitted when the sliding position changes.
@@ -1342,9 +1127,10 @@ export declare interface IonItemSliding extends Components.IonItemSliding {
ionDrag: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonLabel,
- inputs: ['color', 'mode', 'position'],
+ inputs: ['color', 'mode', 'position']
})
@Component({
selector: 'ion-label',
@@ -1352,7 +1138,7 @@ export declare interface IonItemSliding extends Components.IonItemSliding {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'position'],
- standalone: true,
+ standalone: true
})
export class IonLabel {
protected el: HTMLElement;
@@ -1362,12 +1148,14 @@ export class IonLabel {
}
}
+
export declare interface IonLabel extends Components.IonLabel {}
+
@ProxyCmp({
defineCustomElementFn: defineIonList,
inputs: ['inset', 'lines', 'mode'],
- methods: ['closeSlidingItems'],
+ methods: ['closeSlidingItems']
})
@Component({
selector: 'ion-list',
@@ -1375,7 +1163,7 @@ export declare interface IonLabel extends Components.IonLabel {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['inset', 'lines', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonList {
protected el: HTMLElement;
@@ -1385,11 +1173,13 @@ export class IonList {
}
}
+
export declare interface IonList extends Components.IonList {}
+
@ProxyCmp({
defineCustomElementFn: defineIonListHeader,
- inputs: ['color', 'lines', 'mode'],
+ inputs: ['color', 'lines', 'mode']
})
@Component({
selector: 'ion-list-header',
@@ -1397,7 +1187,7 @@ export declare interface IonList extends Components.IonList {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'lines', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonListHeader {
protected el: HTMLElement;
@@ -1407,71 +1197,33 @@ export class IonListHeader {
}
}
+
export declare interface IonListHeader extends Components.IonListHeader {}
+
@ProxyCmp({
defineCustomElementFn: defineIonLoading,
- inputs: [
- 'animated',
- 'backdropDismiss',
- 'cssClass',
- 'duration',
- 'enterAnimation',
- 'htmlAttributes',
- 'isOpen',
- 'keyboardClose',
- 'leaveAnimation',
- 'message',
- 'mode',
- 'showBackdrop',
- 'spinner',
- 'translucent',
- 'trigger',
- ],
- methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
+ inputs: ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger'],
+ methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
})
@Component({
selector: 'ion-loading',
changeDetection: ChangeDetectionStrategy.OnPush,
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',
- ],
- standalone: true,
+ inputs: ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger'],
+ standalone: true
})
export class IonLoading {
protected el: HTMLElement;
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',
- ]);
+ proxyOutputs(this, this.el, ['ionLoadingDidPresent', 'ionLoadingWillPresent', 'ionLoadingWillDismiss', 'ionLoadingDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+
import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core/components';
export declare interface IonLoading extends Components.IonLoading {
@@ -1513,10 +1265,11 @@ Shorthand for ionLoadingDidDismiss.
didDismiss: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonMenu,
inputs: ['contentId', 'disabled', 'maxEdgeStart', 'menuId', 'side', 'swipeGesture', 'type'],
- methods: ['isOpen', 'isActive', 'open', 'close', 'toggle', 'setOpen'],
+ methods: ['isOpen', 'isActive', 'open', 'close', 'toggle', 'setOpen']
})
@Component({
selector: 'ion-menu',
@@ -1524,7 +1277,7 @@ Shorthand for ionLoadingDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['contentId', 'disabled', 'maxEdgeStart', 'menuId', 'side', 'swipeGesture', 'type'],
- standalone: true,
+ standalone: true
})
export class IonMenu {
protected el: HTMLElement;
@@ -1535,6 +1288,7 @@ export class IonMenu {
}
}
+
export declare interface IonMenu extends Components.IonMenu {
/**
* Emitted when the menu is about to be opened.
@@ -1554,9 +1308,10 @@ export declare interface IonMenu extends Components.IonMenu {
ionDidClose: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonMenuButton,
- inputs: ['autoHide', 'color', 'disabled', 'menu', 'mode', 'type'],
+ inputs: ['autoHide', 'color', 'disabled', 'menu', 'mode', 'type']
})
@Component({
selector: 'ion-menu-button',
@@ -1564,7 +1319,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: true,
+ standalone: true
})
export class IonMenuButton {
protected el: HTMLElement;
@@ -1574,11 +1329,13 @@ export class IonMenuButton {
}
}
+
export declare interface IonMenuButton extends Components.IonMenuButton {}
+
@ProxyCmp({
defineCustomElementFn: defineIonMenuToggle,
- inputs: ['autoHide', 'menu'],
+ inputs: ['autoHide', 'menu']
})
@Component({
selector: 'ion-menu-toggle',
@@ -1586,7 +1343,7 @@ export declare interface IonMenuButton extends Components.IonMenuButton {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['autoHide', 'menu'],
- standalone: true,
+ standalone: true
})
export class IonMenuToggle {
protected el: HTMLElement;
@@ -1596,11 +1353,13 @@ export class IonMenuToggle {
}
}
+
export declare interface IonMenuToggle extends Components.IonMenuToggle {}
+
@ProxyCmp({
defineCustomElementFn: defineIonNavLink,
- inputs: ['component', 'componentProps', 'routerAnimation', 'routerDirection'],
+ inputs: ['component', 'componentProps', 'routerAnimation', 'routerDirection']
})
@Component({
selector: 'ion-nav-link',
@@ -1608,7 +1367,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: true,
+ standalone: true
})
export class IonNavLink {
protected el: HTMLElement;
@@ -1618,11 +1377,13 @@ export class IonNavLink {
}
}
+
export declare interface IonNavLink extends Components.IonNavLink {}
+
@ProxyCmp({
defineCustomElementFn: defineIonNote,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-note',
@@ -1630,7 +1391,7 @@ export declare interface IonNavLink extends Components.IonNavLink {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonNote {
protected el: HTMLElement;
@@ -1640,69 +1401,33 @@ export class IonNote {
}
}
+
export declare interface IonNote extends Components.IonNote {}
+
@ProxyCmp({
defineCustomElementFn: defineIonPicker,
- inputs: [
- 'animated',
- 'backdropDismiss',
- 'buttons',
- 'columns',
- 'cssClass',
- 'duration',
- 'enterAnimation',
- 'htmlAttributes',
- 'isOpen',
- 'keyboardClose',
- 'leaveAnimation',
- 'mode',
- 'showBackdrop',
- 'trigger',
- ],
- methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'getColumn'],
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger'],
+ methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'getColumn']
})
@Component({
selector: 'ion-picker',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [
- 'animated',
- 'backdropDismiss',
- 'buttons',
- 'columns',
- 'cssClass',
- 'duration',
- 'enterAnimation',
- 'htmlAttributes',
- 'isOpen',
- 'keyboardClose',
- 'leaveAnimation',
- 'mode',
- 'showBackdrop',
- 'trigger',
- ],
- standalone: true,
+ inputs: ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger'],
+ standalone: true
})
export class IonPicker {
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, [
- 'ionPickerDidPresent',
- 'ionPickerWillPresent',
- 'ionPickerWillDismiss',
- 'ionPickerDidDismiss',
- 'didPresent',
- 'willPresent',
- 'willDismiss',
- 'didDismiss',
- ]);
+ proxyOutputs(this, this.el, ['ionPickerDidPresent', 'ionPickerWillPresent', 'ionPickerWillDismiss', 'ionPickerDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+
import type { OverlayEventDetail as IIonPickerOverlayEventDetail } from '@ionic/core/components';
export declare interface IonPicker extends Components.IonPicker {
@@ -1744,9 +1469,10 @@ Shorthand for ionPickerDidDismiss.
didDismiss: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonProgressBar,
- inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value'],
+ inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value']
})
@Component({
selector: 'ion-progress-bar',
@@ -1754,7 +1480,7 @@ Shorthand for ionPickerDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value'],
- standalone: true,
+ standalone: true
})
export class IonProgressBar {
protected el: HTMLElement;
@@ -1764,12 +1490,14 @@ export class IonProgressBar {
}
}
+
export declare interface IonProgressBar extends Components.IonProgressBar {}
+
@ProxyCmp({
defineCustomElementFn: defineIonRefresher,
inputs: ['closeDuration', 'disabled', 'pullFactor', 'pullMax', 'pullMin', 'snapbackDuration'],
- methods: ['complete', 'cancel', 'getProgress'],
+ methods: ['complete', 'cancel', 'getProgress']
})
@Component({
selector: 'ion-refresher',
@@ -1777,7 +1505,7 @@ export declare interface IonProgressBar extends Components.IonProgressBar {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['closeDuration', 'disabled', 'pullFactor', 'pullMax', 'pullMin', 'snapbackDuration'],
- standalone: true,
+ standalone: true
})
export class IonRefresher {
protected el: HTMLElement;
@@ -1788,6 +1516,7 @@ export class IonRefresher {
}
}
+
import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core/components';
export declare interface IonRefresher extends Components.IonRefresher {
@@ -1808,9 +1537,10 @@ called when the async operation has completed.
ionStart: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonRefresherContent,
- inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText'],
+ inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText']
})
@Component({
selector: 'ion-refresher-content',
@@ -1818,7 +1548,7 @@ called when the async operation has completed.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText'],
- standalone: true,
+ standalone: true
})
export class IonRefresherContent {
protected el: HTMLElement;
@@ -1828,10 +1558,12 @@ export class IonRefresherContent {
}
}
+
export declare interface IonRefresherContent extends Components.IonRefresherContent {}
+
@ProxyCmp({
- defineCustomElementFn: defineIonReorder,
+ defineCustomElementFn: defineIonReorder
})
@Component({
selector: 'ion-reorder',
@@ -1839,7 +1571,7 @@ export declare interface IonRefresherContent extends Components.IonRefresherCont
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonReorder {
protected el: HTMLElement;
@@ -1849,12 +1581,14 @@ export class IonReorder {
}
}
+
export declare interface IonReorder extends Components.IonReorder {}
+
@ProxyCmp({
defineCustomElementFn: defineIonReorderGroup,
inputs: ['disabled'],
- methods: ['complete'],
+ methods: ['complete']
})
@Component({
selector: 'ion-reorder-group',
@@ -1862,7 +1596,7 @@ export declare interface IonReorder extends Components.IonReorder {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled'],
- standalone: true,
+ standalone: true
})
export class IonReorderGroup {
protected el: HTMLElement;
@@ -1873,6 +1607,7 @@ export class IonReorderGroup {
}
}
+
import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core/components';
export declare interface IonReorderGroup extends Components.IonReorderGroup {
@@ -1884,10 +1619,11 @@ to be called in order to finalize the reorder action.
ionItemReorder: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonRippleEffect,
inputs: ['type'],
- methods: ['addRipple'],
+ methods: ['addRipple']
})
@Component({
selector: 'ion-ripple-effect',
@@ -1895,7 +1631,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: true,
+ standalone: true
})
export class IonRippleEffect {
protected el: HTMLElement;
@@ -1905,10 +1641,12 @@ export class IonRippleEffect {
}
}
+
export declare interface IonRippleEffect extends Components.IonRippleEffect {}
+
@ProxyCmp({
- defineCustomElementFn: defineIonRow,
+ defineCustomElementFn: defineIonRow
})
@Component({
selector: 'ion-row',
@@ -1916,7 +1654,7 @@ export declare interface IonRippleEffect extends Components.IonRippleEffect {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonRow {
protected el: HTMLElement;
@@ -1926,11 +1664,13 @@ export class IonRow {
}
}
+
export declare interface IonRow extends Components.IonRow {}
+
@ProxyCmp({
defineCustomElementFn: defineIonSegmentButton,
- inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
+ inputs: ['disabled', 'layout', 'mode', 'type', 'value']
})
@Component({
selector: 'ion-segment-button',
@@ -1938,7 +1678,7 @@ export declare interface IonRow extends Components.IonRow {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
- standalone: true,
+ standalone: true
})
export class IonSegmentButton {
protected el: HTMLElement;
@@ -1948,11 +1688,13 @@ export class IonSegmentButton {
}
}
+
export declare interface IonSegmentButton extends Components.IonSegmentButton {}
+
@ProxyCmp({
defineCustomElementFn: defineIonSelectOption,
- inputs: ['disabled', 'value'],
+ inputs: ['disabled', 'value']
})
@Component({
selector: 'ion-select-option',
@@ -1960,7 +1702,7 @@ export declare interface IonSegmentButton extends Components.IonSegmentButton {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'value'],
- standalone: true,
+ standalone: true
})
export class IonSelectOption {
protected el: HTMLElement;
@@ -1970,11 +1712,13 @@ export class IonSelectOption {
}
}
+
export declare interface IonSelectOption extends Components.IonSelectOption {}
+
@ProxyCmp({
defineCustomElementFn: defineIonSkeletonText,
- inputs: ['animated'],
+ inputs: ['animated']
})
@Component({
selector: 'ion-skeleton-text',
@@ -1982,7 +1726,7 @@ export declare interface IonSelectOption extends Components.IonSelectOption {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['animated'],
- standalone: true,
+ standalone: true
})
export class IonSkeletonText {
protected el: HTMLElement;
@@ -1992,11 +1736,13 @@ export class IonSkeletonText {
}
}
+
export declare interface IonSkeletonText extends Components.IonSkeletonText {}
+
@ProxyCmp({
defineCustomElementFn: defineIonSpinner,
- inputs: ['color', 'duration', 'name', 'paused'],
+ inputs: ['color', 'duration', 'name', 'paused']
})
@Component({
selector: 'ion-spinner',
@@ -2004,7 +1750,7 @@ export declare interface IonSkeletonText extends Components.IonSkeletonText {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'duration', 'name', 'paused'],
- standalone: true,
+ standalone: true
})
export class IonSpinner {
protected el: HTMLElement;
@@ -2014,11 +1760,13 @@ export class IonSpinner {
}
}
+
export declare interface IonSpinner extends Components.IonSpinner {}
+
@ProxyCmp({
defineCustomElementFn: defineIonSplitPane,
- inputs: ['contentId', 'disabled', 'when'],
+ inputs: ['contentId', 'disabled', 'when']
})
@Component({
selector: 'ion-split-pane',
@@ -2026,7 +1774,7 @@ export declare interface IonSpinner extends Components.IonSpinner {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['contentId', 'disabled', 'when'],
- standalone: true,
+ standalone: true
})
export class IonSplitPane {
protected el: HTMLElement;
@@ -2037,6 +1785,7 @@ export class IonSplitPane {
}
}
+
export declare interface IonSplitPane extends Components.IonSplitPane {
/**
* Expression to be called when the split-pane visibility has changed
@@ -2044,9 +1793,10 @@ export declare interface IonSplitPane extends Components.IonSplitPane {
ionSplitPaneVisible: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonTabBar,
- inputs: ['color', 'mode', 'selectedTab', 'translucent'],
+ inputs: ['color', 'mode', 'selectedTab', 'translucent']
})
@Component({
selector: 'ion-tab-bar',
@@ -2054,7 +1804,7 @@ export declare interface IonSplitPane extends Components.IonSplitPane {
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode', 'selectedTab', 'translucent'],
- standalone: true,
+ standalone: true
})
export class IonTabBar {
protected el: HTMLElement;
@@ -2064,11 +1814,13 @@ export class IonTabBar {
}
}
+
export declare interface IonTabBar extends Components.IonTabBar {}
+
@ProxyCmp({
defineCustomElementFn: defineIonTabButton,
- inputs: ['disabled', 'download', 'href', 'layout', 'mode', 'rel', 'selected', 'tab', 'target'],
+ inputs: ['disabled', 'download', 'href', 'layout', 'mode', 'rel', 'selected', 'tab', 'target']
})
@Component({
selector: 'ion-tab-button',
@@ -2076,7 +1828,7 @@ export declare interface IonTabBar extends Components.IonTabBar {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['disabled', 'download', 'href', 'layout', 'mode', 'rel', 'selected', 'tab', 'target'],
- standalone: true,
+ standalone: true
})
export class IonTabButton {
protected el: HTMLElement;
@@ -2086,11 +1838,13 @@ export class IonTabButton {
}
}
+
export declare interface IonTabButton extends Components.IonTabButton {}
+
@ProxyCmp({
defineCustomElementFn: defineIonText,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-text',
@@ -2098,7 +1852,7 @@ export declare interface IonTabButton extends Components.IonTabButton {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonText {
protected el: HTMLElement;
@@ -2108,10 +1862,12 @@ export class IonText {
}
}
+
export declare interface IonText extends Components.IonText {}
+
@ProxyCmp({
- defineCustomElementFn: defineIonThumbnail,
+ defineCustomElementFn: defineIonThumbnail
})
@Component({
selector: 'ion-thumbnail',
@@ -2119,7 +1875,7 @@ export declare interface IonText extends Components.IonText {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: [],
- standalone: true,
+ standalone: true
})
export class IonThumbnail {
protected el: HTMLElement;
@@ -2129,11 +1885,13 @@ export class IonThumbnail {
}
}
+
export declare interface IonThumbnail extends Components.IonThumbnail {}
+
@ProxyCmp({
defineCustomElementFn: defineIonTitle,
- inputs: ['color', 'size'],
+ inputs: ['color', 'size']
})
@Component({
selector: 'ion-title',
@@ -2141,7 +1899,7 @@ export declare interface IonThumbnail extends Components.IonThumbnail {}
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'size'],
- standalone: true,
+ standalone: true
})
export class IonTitle {
protected el: HTMLElement;
@@ -2151,77 +1909,33 @@ export class IonTitle {
}
}
+
export declare interface IonTitle extends Components.IonTitle {}
+
@ProxyCmp({
defineCustomElementFn: defineIonToast,
- inputs: [
- 'animated',
- 'buttons',
- 'color',
- 'cssClass',
- 'duration',
- 'enterAnimation',
- 'header',
- 'htmlAttributes',
- 'icon',
- 'isOpen',
- 'keyboardClose',
- 'layout',
- 'leaveAnimation',
- 'message',
- 'mode',
- 'position',
- 'translucent',
- 'trigger',
- ],
- methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
+ inputs: ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'translucent', 'trigger'],
+ methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
})
@Component({
selector: 'ion-toast',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
- inputs: [
- 'animated',
- 'buttons',
- 'color',
- 'cssClass',
- 'duration',
- 'enterAnimation',
- 'header',
- 'htmlAttributes',
- 'icon',
- 'isOpen',
- 'keyboardClose',
- 'layout',
- 'leaveAnimation',
- 'message',
- 'mode',
- 'position',
- 'translucent',
- 'trigger',
- ],
- standalone: true,
+ inputs: ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'translucent', 'trigger'],
+ standalone: true
})
export class IonToast {
protected el: HTMLElement;
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
c.detach();
this.el = r.nativeElement;
- proxyOutputs(this, this.el, [
- 'ionToastDidPresent',
- 'ionToastWillPresent',
- 'ionToastWillDismiss',
- 'ionToastDidDismiss',
- 'didPresent',
- 'willPresent',
- 'willDismiss',
- 'didDismiss',
- ]);
+ proxyOutputs(this, this.el, ['ionToastDidPresent', 'ionToastWillPresent', 'ionToastWillDismiss', 'ionToastDidDismiss', 'didPresent', 'willPresent', 'willDismiss', 'didDismiss']);
}
}
+
import type { OverlayEventDetail as IIonToastOverlayEventDetail } from '@ionic/core/components';
export declare interface IonToast extends Components.IonToast {
@@ -2263,9 +1977,10 @@ Shorthand for ionToastDidDismiss.
didDismiss: EventEmitter>;
}
+
@ProxyCmp({
defineCustomElementFn: defineIonToolbar,
- inputs: ['color', 'mode'],
+ inputs: ['color', 'mode']
})
@Component({
selector: 'ion-toolbar',
@@ -2273,7 +1988,7 @@ Shorthand for ionToastDidDismiss.
template: '',
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
inputs: ['color', 'mode'],
- standalone: true,
+ standalone: true
})
export class IonToolbar {
protected el: HTMLElement;
@@ -2283,4 +1998,7 @@ export class IonToolbar {
}
}
+
export declare interface IonToolbar extends Components.IonToolbar {}
+
+