From ac21cc33a4215092261638511e0d8140885da64d Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:03:04 -0400 Subject: [PATCH] Revert --- .../standalone/src/directives/proxies.ts | 846 ++++++++++++------ 1 file changed, 564 insertions(+), 282 deletions(-) diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index 022535606a1..d112c3b93ce 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,13 +91,11 @@ 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', @@ -105,7 +103,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; @@ -116,7 +114,6 @@ export class IonAccordionGroup { } } - import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGroupChangeEventDetail } from '@ionic/core/components'; export declare interface IonAccordionGroup extends Components.IonAccordionGroup { @@ -129,30 +126,67 @@ 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 { @@ -194,30 +228,71 @@ 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 { @@ -259,9 +334,8 @@ Shorthand for ionAlertDidDismiss. didDismiss: EventEmitter>; } - @ProxyCmp({ - defineCustomElementFn: defineIonApp + defineCustomElementFn: defineIonApp, }) @Component({ selector: 'ion-app', @@ -269,7 +343,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; @@ -279,12 +353,10 @@ export class IonApp { } } - export declare interface IonApp extends Components.IonApp {} - @ProxyCmp({ - defineCustomElementFn: defineIonAvatar + defineCustomElementFn: defineIonAvatar, }) @Component({ selector: 'ion-avatar', @@ -292,7 +364,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; @@ -302,13 +374,11 @@ 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', @@ -316,7 +386,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; @@ -327,7 +397,6 @@ export class IonBackdrop { } } - export declare interface IonBackdrop extends Components.IonBackdrop { /** * Emitted when the backdrop is tapped. @@ -335,10 +404,9 @@ export declare interface IonBackdrop extends Components.IonBackdrop { ionBackdropTap: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonBadge, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-badge', @@ -346,7 +414,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; @@ -356,21 +424,43 @@ 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; @@ -381,7 +471,6 @@ export class IonBreadcrumb { } } - export declare interface IonBreadcrumb extends Components.IonBreadcrumb { /** * Emitted when the breadcrumb has focus. @@ -393,10 +482,9 @@ 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', @@ -404,7 +492,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; @@ -415,7 +503,6 @@ export class IonBreadcrumbs { } } - import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core/components'; export declare interface IonBreadcrumbs extends Components.IonBreadcrumbs { @@ -425,18 +512,53 @@ 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; @@ -447,7 +569,6 @@ export class IonButton { } } - export declare interface IonButton extends Components.IonButton { /** * Emitted when the button has focus. @@ -459,10 +580,9 @@ export declare interface IonButton extends Components.IonButton { ionBlur: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonButtons, - inputs: ['collapse'] + inputs: ['collapse'], }) @Component({ selector: 'ion-buttons', @@ -470,7 +590,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; @@ -480,21 +600,43 @@ 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; @@ -504,13 +646,11 @@ export class IonCard { } } - export declare interface IonCard extends Components.IonCard {} - @ProxyCmp({ defineCustomElementFn: defineIonCardContent, - inputs: ['mode'] + inputs: ['mode'], }) @Component({ selector: 'ion-card-content', @@ -518,7 +658,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; @@ -528,13 +668,11 @@ 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', @@ -542,7 +680,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; @@ -552,13 +690,11 @@ export class IonCardHeader { } } - export declare interface IonCardHeader extends Components.IonCardHeader {} - @ProxyCmp({ defineCustomElementFn: defineIonCardSubtitle, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-card-subtitle', @@ -566,7 +702,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; @@ -576,13 +712,11 @@ export class IonCardSubtitle { } } - export declare interface IonCardSubtitle extends Components.IonCardSubtitle {} - @ProxyCmp({ defineCustomElementFn: defineIonCardTitle, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-card-title', @@ -590,7 +724,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; @@ -600,13 +734,11 @@ 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', @@ -614,7 +746,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; @@ -624,21 +756,69 @@ 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; @@ -648,14 +828,12 @@ 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', @@ -663,7 +841,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; @@ -674,7 +852,6 @@ export class IonContent { } } - import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core/components'; import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core/components'; @@ -696,10 +873,9 @@ 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', @@ -707,7 +883,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; @@ -717,14 +893,12 @@ 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', @@ -732,7 +906,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; @@ -742,21 +916,51 @@ 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; @@ -767,7 +971,6 @@ export class IonFabButton { } } - export declare interface IonFabButton extends Components.IonFabButton { /** * Emitted when the button has focus. @@ -779,10 +982,9 @@ export declare interface IonFabButton extends Components.IonFabButton { ionBlur: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonFabList, - inputs: ['activated', 'side'] + inputs: ['activated', 'side'], }) @Component({ selector: 'ion-fab-list', @@ -790,7 +992,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; @@ -800,13 +1002,11 @@ 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', @@ -814,7 +1014,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; @@ -824,13 +1024,11 @@ export class IonFooter { } } - export declare interface IonFooter extends Components.IonFooter {} - @ProxyCmp({ defineCustomElementFn: defineIonGrid, - inputs: ['fixed'] + inputs: ['fixed'], }) @Component({ selector: 'ion-grid', @@ -838,7 +1036,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; @@ -848,13 +1046,11 @@ 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', @@ -862,7 +1058,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; @@ -872,13 +1068,11 @@ export class IonHeader { } } - export declare interface IonHeader extends Components.IonHeader {} - @ProxyCmp({ defineCustomElementFn: defineIonImg, - inputs: ['alt', 'src'] + inputs: ['alt', 'src'], }) @Component({ selector: 'ion-img', @@ -886,7 +1080,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; @@ -897,7 +1091,6 @@ export class IonImg { } } - export declare interface IonImg extends Components.IonImg { /** * Emitted when the img src has been set @@ -913,11 +1106,10 @@ 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', @@ -925,7 +1117,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; @@ -936,7 +1128,6 @@ export class IonInfiniteScroll { } } - export declare interface IonInfiniteScroll extends Components.IonInfiniteScroll { /** * Emitted when the scroll reaches @@ -947,10 +1138,9 @@ your async operation has completed. ionInfinite: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonInfiniteScrollContent, - inputs: ['loadingSpinner', 'loadingText'] + inputs: ['loadingSpinner', 'loadingText'], }) @Component({ selector: 'ion-infinite-scroll-content', @@ -958,7 +1148,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; @@ -968,21 +1158,57 @@ 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; @@ -992,13 +1218,11 @@ 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', @@ -1006,7 +1230,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; @@ -1016,12 +1240,10 @@ export class IonItemDivider { } } - export declare interface IonItemDivider extends Components.IonItemDivider {} - @ProxyCmp({ - defineCustomElementFn: defineIonItemGroup + defineCustomElementFn: defineIonItemGroup, }) @Component({ selector: 'ion-item-group', @@ -1029,7 +1251,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; @@ -1039,13 +1261,11 @@ 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', @@ -1053,7 +1273,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; @@ -1063,13 +1283,11 @@ export class IonItemOption { } } - export declare interface IonItemOption extends Components.IonItemOption {} - @ProxyCmp({ defineCustomElementFn: defineIonItemOptions, - inputs: ['side'] + inputs: ['side'], }) @Component({ selector: 'ion-item-options', @@ -1077,7 +1295,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; @@ -1088,7 +1306,6 @@ export class IonItemOptions { } } - export declare interface IonItemOptions extends Components.IonItemOptions { /** * Emitted when the item has been fully swiped. @@ -1096,11 +1313,10 @@ 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', @@ -1108,7 +1324,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; @@ -1119,7 +1335,6 @@ export class IonItemSliding { } } - export declare interface IonItemSliding extends Components.IonItemSliding { /** * Emitted when the sliding position changes. @@ -1127,10 +1342,9 @@ export declare interface IonItemSliding extends Components.IonItemSliding { ionDrag: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonLabel, - inputs: ['color', 'mode', 'position'] + inputs: ['color', 'mode', 'position'], }) @Component({ selector: 'ion-label', @@ -1138,7 +1352,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; @@ -1148,14 +1362,12 @@ 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', @@ -1163,7 +1375,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; @@ -1173,13 +1385,11 @@ 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', @@ -1187,7 +1397,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; @@ -1197,33 +1407,71 @@ 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 { @@ -1265,11 +1513,10 @@ 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', @@ -1277,7 +1524,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; @@ -1288,7 +1535,6 @@ export class IonMenu { } } - export declare interface IonMenu extends Components.IonMenu { /** * Emitted when the menu is about to be opened. @@ -1308,10 +1554,9 @@ 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', @@ -1319,7 +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: true + standalone: true, }) export class IonMenuButton { protected el: HTMLElement; @@ -1329,13 +1574,11 @@ export class IonMenuButton { } } - export declare interface IonMenuButton extends Components.IonMenuButton {} - @ProxyCmp({ defineCustomElementFn: defineIonMenuToggle, - inputs: ['autoHide', 'menu'] + inputs: ['autoHide', 'menu'], }) @Component({ selector: 'ion-menu-toggle', @@ -1343,7 +1586,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; @@ -1353,13 +1596,11 @@ 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', @@ -1367,7 +1608,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; @@ -1377,13 +1618,11 @@ export class IonNavLink { } } - export declare interface IonNavLink extends Components.IonNavLink {} - @ProxyCmp({ defineCustomElementFn: defineIonNote, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-note', @@ -1391,7 +1630,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; @@ -1401,33 +1640,69 @@ 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 { @@ -1469,10 +1744,9 @@ 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', @@ -1480,7 +1754,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; @@ -1490,14 +1764,12 @@ 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', @@ -1505,7 +1777,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; @@ -1516,7 +1788,6 @@ export class IonRefresher { } } - import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core/components'; export declare interface IonRefresher extends Components.IonRefresher { @@ -1537,10 +1808,9 @@ 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', @@ -1548,7 +1818,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; @@ -1558,12 +1828,10 @@ export class IonRefresherContent { } } - export declare interface IonRefresherContent extends Components.IonRefresherContent {} - @ProxyCmp({ - defineCustomElementFn: defineIonReorder + defineCustomElementFn: defineIonReorder, }) @Component({ selector: 'ion-reorder', @@ -1571,7 +1839,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; @@ -1581,14 +1849,12 @@ export class IonReorder { } } - export declare interface IonReorder extends Components.IonReorder {} - @ProxyCmp({ defineCustomElementFn: defineIonReorderGroup, inputs: ['disabled'], - methods: ['complete'] + methods: ['complete'], }) @Component({ selector: 'ion-reorder-group', @@ -1596,7 +1862,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; @@ -1607,7 +1873,6 @@ export class IonReorderGroup { } } - import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core/components'; export declare interface IonReorderGroup extends Components.IonReorderGroup { @@ -1619,11 +1884,10 @@ 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', @@ -1631,7 +1895,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; @@ -1641,12 +1905,10 @@ export class IonRippleEffect { } } - export declare interface IonRippleEffect extends Components.IonRippleEffect {} - @ProxyCmp({ - defineCustomElementFn: defineIonRow + defineCustomElementFn: defineIonRow, }) @Component({ selector: 'ion-row', @@ -1654,7 +1916,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; @@ -1664,13 +1926,11 @@ 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', @@ -1678,7 +1938,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; @@ -1688,13 +1948,11 @@ export class IonSegmentButton { } } - export declare interface IonSegmentButton extends Components.IonSegmentButton {} - @ProxyCmp({ defineCustomElementFn: defineIonSelectOption, - inputs: ['disabled', 'value'] + inputs: ['disabled', 'value'], }) @Component({ selector: 'ion-select-option', @@ -1702,7 +1960,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; @@ -1712,13 +1970,11 @@ export class IonSelectOption { } } - export declare interface IonSelectOption extends Components.IonSelectOption {} - @ProxyCmp({ defineCustomElementFn: defineIonSkeletonText, - inputs: ['animated'] + inputs: ['animated'], }) @Component({ selector: 'ion-skeleton-text', @@ -1726,7 +1982,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; @@ -1736,13 +1992,11 @@ 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', @@ -1750,7 +2004,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; @@ -1760,13 +2014,11 @@ 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', @@ -1774,7 +2026,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; @@ -1785,7 +2037,6 @@ export class IonSplitPane { } } - export declare interface IonSplitPane extends Components.IonSplitPane { /** * Expression to be called when the split-pane visibility has changed @@ -1793,10 +2044,9 @@ 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', @@ -1804,7 +2054,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; @@ -1814,13 +2064,11 @@ 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', @@ -1828,7 +2076,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; @@ -1838,13 +2086,11 @@ export class IonTabButton { } } - export declare interface IonTabButton extends Components.IonTabButton {} - @ProxyCmp({ defineCustomElementFn: defineIonText, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-text', @@ -1852,7 +2098,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; @@ -1862,12 +2108,10 @@ export class IonText { } } - export declare interface IonText extends Components.IonText {} - @ProxyCmp({ - defineCustomElementFn: defineIonThumbnail + defineCustomElementFn: defineIonThumbnail, }) @Component({ selector: 'ion-thumbnail', @@ -1875,7 +2119,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; @@ -1885,13 +2129,11 @@ export class IonThumbnail { } } - export declare interface IonThumbnail extends Components.IonThumbnail {} - @ProxyCmp({ defineCustomElementFn: defineIonTitle, - inputs: ['color', 'size'] + inputs: ['color', 'size'], }) @Component({ selector: 'ion-title', @@ -1899,7 +2141,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; @@ -1909,33 +2151,77 @@ 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', 'positionAnchor', 'translucent', 'trigger'], - methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'] + inputs: [ + 'animated', + 'buttons', + 'color', + 'cssClass', + 'duration', + 'enterAnimation', + 'header', + 'htmlAttributes', + 'icon', + 'isOpen', + 'keyboardClose', + 'layout', + 'leaveAnimation', + 'message', + 'mode', + 'position', + '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', 'positionAnchor', 'translucent', 'trigger'], - standalone: true + inputs: [ + 'animated', + 'buttons', + 'color', + 'cssClass', + 'duration', + 'enterAnimation', + 'header', + 'htmlAttributes', + 'icon', + 'isOpen', + 'keyboardClose', + 'layout', + 'leaveAnimation', + 'message', + 'mode', + 'position', + '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 { @@ -1977,10 +2263,9 @@ Shorthand for ionToastDidDismiss. didDismiss: EventEmitter>; } - @ProxyCmp({ defineCustomElementFn: defineIonToolbar, - inputs: ['color', 'mode'] + inputs: ['color', 'mode'], }) @Component({ selector: 'ion-toolbar', @@ -1988,7 +2273,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; @@ -1998,7 +2283,4 @@ export class IonToolbar { } } - export declare interface IonToolbar extends Components.IonToolbar {} - -