From 3f97b56212ac5f35f87e24ec45ac559b92df8d53 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:23:49 -0400 Subject: [PATCH 01/10] test(angular): add test --- .../test/base/e2e/src/lazy/providers.spec.ts | 5 ++ .../src/standalone/menu-controller.spec.ts | 10 +++ .../lazy/providers/providers.component.html | 85 ++++++++++--------- .../app/lazy/providers/providers.component.ts | 8 +- .../standalone/app-standalone/app.routes.ts | 1 + .../menu-controller.component.html | 10 +++ .../menu-controller.component.ts | 19 +++++ 7 files changed, 99 insertions(+), 39 deletions(-) create mode 100644 packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts create mode 100644 packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.html create mode 100644 packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.ts diff --git a/packages/angular/test/base/e2e/src/lazy/providers.spec.ts b/packages/angular/test/base/e2e/src/lazy/providers.spec.ts index 215aa13cb4f..c64d4b4947f 100644 --- a/packages/angular/test/base/e2e/src/lazy/providers.spec.ts +++ b/packages/angular/test/base/e2e/src/lazy/providers.spec.ts @@ -27,5 +27,10 @@ describe('Providers', () => { cy.get('#query-params').should('have.text', 'firstParam: abc, firstParam: true'); }) + + it('should register menus correctly', () => { + cy.get('#set-menu-count').click(); + cy.get('#registered-menu-count').should('have.text', '1'); + }); }); diff --git a/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts b/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts new file mode 100644 index 00000000000..4551b3c03af --- /dev/null +++ b/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts @@ -0,0 +1,10 @@ +describe('Menu Controller', () => { + beforeEach(() => { + cy.visit('/standalone/menu-controller'); + }) + + it('should register menus correctly', () => { + cy.get('#set-menu-count').click(); + cy.get('#registered-menu-count').should('have.text', '1'); + }); +}) diff --git a/packages/angular/test/base/src/app/lazy/providers/providers.component.html b/packages/angular/test/base/src/app/lazy/providers/providers.component.html index f198ba6518d..981847ac241 100644 --- a/packages/angular/test/base/src/app/lazy/providers/providers.component.html +++ b/packages/angular/test/base/src/app/lazy/providers/providers.component.html @@ -1,39 +1,48 @@ + + Menu Content + + - - - Providers Test - - - - -

- isLoaded: {{isLoaded}} -

-

- isReady: {{isReady}} -

-

- isResumed: {{isResumed}} -

-

- isPaused: {{isPaused}} -

-

- isResized: {{isResized}} -

-

- isTesting: {{isTesting}} -

-

- isDesktop: {{isDesktop}} -

-

- isMobile: {{isMobile}} -

-

- keyboardHeight: {{keyboardHeight}} -

-

- queryParams: {{queryParams}} -

- + + + Providers Test + + + + +

+ isLoaded: {{isLoaded}} +

+

+ isReady: {{isReady}} +

+

+ isResumed: {{isResumed}} +

+

+ isPaused: {{isPaused}} +

+

+ isResized: {{isResized}} +

+

+ isTesting: {{isTesting}} +

+

+ isDesktop: {{isDesktop}} +

+

+ isMobile: {{isMobile}} +

+

+ keyboardHeight: {{keyboardHeight}} +

+

+ queryParams: {{queryParams}} +

+

+ Registered Menu Count: {{registeredMenuCount}} +

+ + + diff --git a/packages/angular/test/base/src/app/lazy/providers/providers.component.ts b/packages/angular/test/base/src/app/lazy/providers/providers.component.ts index 3ef12a0eee4..c65a85600fa 100644 --- a/packages/angular/test/base/src/app/lazy/providers/providers.component.ts +++ b/packages/angular/test/base/src/app/lazy/providers/providers.component.ts @@ -21,12 +21,13 @@ export class ProvidersComponent { isMobile?: boolean = undefined; keyboardHeight = 0; queryParams = ''; + registeredMenuCount = 0; constructor( actionSheetCtrl: ActionSheetController, alertCtrl: AlertController, loadingCtrl: LoadingController, - menuCtrl: MenuController, + private menuCtrl: MenuController, pickerCtrl: PickerController, modalCtrl: ModalController, platform: Platform, @@ -82,4 +83,9 @@ export class ProvidersComponent { window.dispatchEvent(new CustomEvent('resize')); }); } + + async setMenuCount() { + const menus = await this.menuCtrl.getMenus(); + this.registeredMenuCount = menus.length; + } } diff --git a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts index 93e869651aa..d5618a3ce89 100644 --- a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts +++ b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts @@ -6,6 +6,7 @@ export const routes: Routes = [ path: '', component: AppComponent, children: [ + { path: 'menu-controller', loadComponent: () => import('../menu-controller/menu-controller.component').then(c => c.MenuControllerComponent) }, { path: 'popover', loadComponent: () => import('../popover/popover.component').then(c => c.PopoverComponent) }, { path: 'modal', loadComponent: () => import('../modal/modal.component').then(c => c.ModalComponent) }, { path: 'router-outlet', loadComponent: () => import('../router-outlet/router-outlet.component').then(c => c.RouterOutletComponent) }, diff --git a/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.html b/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.html new file mode 100644 index 00000000000..0d9df715389 --- /dev/null +++ b/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.html @@ -0,0 +1,10 @@ + + Menu Content + + + + diff --git a/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.ts b/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.ts new file mode 100644 index 00000000000..d99944f5adc --- /dev/null +++ b/packages/angular/test/base/src/app/standalone/menu-controller/menu-controller.component.ts @@ -0,0 +1,19 @@ +import { Component } from '@angular/core'; +import { MenuController, IonMenu } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-menu-controller', + templateUrl: './menu-controller.component.html', + standalone: true, + imports: [IonMenu] +}) +export class MenuControllerComponent { + registeredMenuCount = 0; + + constructor(private menuCtrl: MenuController) {} + + async setMenuCount() { + const menus = await this.menuCtrl.getMenus(); + this.registeredMenuCount = menus.length; + } +} From d083a9c78eee49ab6041920baad8ec4bcdcbd0ab Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 09:48:56 -0400 Subject: [PATCH 02/10] fix(angular): do not create duplicate menuController instances --- .../common/src/providers/menu-controller.ts | 28 +++++++++++-------- packages/angular/src/index.ts | 2 +- .../angular/src/providers/menu-controller.ts | 8 ++++++ packages/angular/standalone/src/index.ts | 2 +- .../src/providers/menu-controller.ts | 8 ++++++ 5 files changed, 35 insertions(+), 13 deletions(-) create mode 100644 packages/angular/src/providers/menu-controller.ts create mode 100644 packages/angular/standalone/src/providers/menu-controller.ts diff --git a/packages/angular/common/src/providers/menu-controller.ts b/packages/angular/common/src/providers/menu-controller.ts index ba1876e23b8..9ee58ee8d30 100644 --- a/packages/angular/common/src/providers/menu-controller.ts +++ b/packages/angular/common/src/providers/menu-controller.ts @@ -1,17 +1,23 @@ import { Injectable } from '@angular/core'; -import { menuController } from '@ionic/core/components'; @Injectable({ providedIn: 'root', }) export class MenuController { + private menuController; + + // TODO Now - Add type + constructor(private menuCtrl: any) { + this.menuController = this.menuCtrl; + } + /** * Programmatically open the Menu. * @param [menuId] Optionally get the menu by its id, or side. * @return returns a promise when the menu is fully opened */ open(menuId?: string): Promise { - return menuController.open(menuId); + return this.menuController.open(menuId); } /** @@ -22,7 +28,7 @@ export class MenuController { * @return returns a promise when the menu is fully closed */ close(menuId?: string): Promise { - return menuController.close(menuId); + return this.menuController.close(menuId); } /** @@ -32,7 +38,7 @@ export class MenuController { * @return returns a promise when the menu has been toggled */ toggle(menuId?: string): Promise { - return menuController.toggle(menuId); + return this.menuController.toggle(menuId); } /** @@ -44,7 +50,7 @@ export class MenuController { * @return Returns the instance of the menu, which is useful for chaining. */ enable(shouldEnable: boolean, menuId?: string): Promise { - return menuController.enable(shouldEnable, menuId); + return this.menuController.enable(shouldEnable, menuId); } /** @@ -54,7 +60,7 @@ export class MenuController { * @return Returns the instance of the menu, which is useful for chaining. */ swipeGesture(shouldEnable: boolean, menuId?: string): Promise { - return menuController.swipeGesture(shouldEnable, menuId); + return this.menuController.swipeGesture(shouldEnable, menuId); } /** @@ -63,7 +69,7 @@ export class MenuController { * If the menuId is not specified, it returns true if ANY menu is currenly open. */ isOpen(menuId?: string): Promise { - return menuController.isOpen(menuId); + return this.menuController.isOpen(menuId); } /** @@ -71,7 +77,7 @@ export class MenuController { * @return Returns true if the menu is currently enabled, otherwise false. */ isEnabled(menuId?: string): Promise { - return menuController.isEnabled(menuId); + return this.menuController.isEnabled(menuId); } /** @@ -84,20 +90,20 @@ export class MenuController { * @return Returns the instance of the menu if found, otherwise `null`. */ get(menuId?: string): Promise { - return menuController.get(menuId); + return this.menuController.get(menuId); } /** * @return Returns the instance of the menu already opened, otherwise `null`. */ getOpen(): Promise { - return menuController.getOpen(); + return this.menuController.getOpen(); } /** * @return Returns an array of all menu instances. */ getMenus(): Promise { - return menuController.getMenus(); + return this.menuController.getMenus(); } } diff --git a/packages/angular/src/index.ts b/packages/angular/src/index.ts index 3ebea61c445..cc2e5b17272 100644 --- a/packages/angular/src/index.ts +++ b/packages/angular/src/index.ts @@ -23,7 +23,6 @@ export { ActionSheetController, AlertController, LoadingController, - MenuController, ModalController, PickerController, PopoverController, @@ -38,6 +37,7 @@ export { NavParams, IonicRouteStrategy, } from '@ionic/angular/common'; +export { MenuController } from './providers/menu-controller'; // TYPES export * from './types/ionic-lifecycle-hooks'; diff --git a/packages/angular/src/providers/menu-controller.ts b/packages/angular/src/providers/menu-controller.ts new file mode 100644 index 00000000000..435306d15fa --- /dev/null +++ b/packages/angular/src/providers/menu-controller.ts @@ -0,0 +1,8 @@ +import { MenuController as MenuControllerBase } from '@ionic/angular/common'; +import { menuController } from '@ionic/core'; + +export class MenuController extends MenuControllerBase { + constructor() { + super(menuController); + } +} diff --git a/packages/angular/standalone/src/index.ts b/packages/angular/standalone/src/index.ts index 209fa25d777..6e0f122277c 100644 --- a/packages/angular/standalone/src/index.ts +++ b/packages/angular/standalone/src/index.ts @@ -5,11 +5,11 @@ export { IonRouterOutlet } from './navigation/router-outlet'; export { IonRouterLink, IonRouterLinkWithHref } from './navigation/router-link-delegate'; export { IonTabs } from './navigation/tabs'; export { provideIonicAngular } from './providers/ionic-angular'; +export { MenuController } from './providers/menu-controller'; export { ActionSheetController, AlertController, LoadingController, - MenuController, ModalController, PickerController, PopoverController, diff --git a/packages/angular/standalone/src/providers/menu-controller.ts b/packages/angular/standalone/src/providers/menu-controller.ts new file mode 100644 index 00000000000..c6f3b819735 --- /dev/null +++ b/packages/angular/standalone/src/providers/menu-controller.ts @@ -0,0 +1,8 @@ +import { MenuController as MenuControllerBase } from '@ionic/angular/common'; +import { menuController } from '@ionic/core/components'; + +export class MenuController extends MenuControllerBase { + constructor() { + super(menuController); + } +} From ad5b2716bb220a63f6273c8131939fbab09fdbd2 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:00:21 -0400 Subject: [PATCH 03/10] add missing injectable --- .../angular/src/providers/menu-controller.ts | 4 + .../standalone/src/directives/proxies.ts | 846 ++++++------------ .../src/providers/menu-controller.ts | 4 + 3 files changed, 290 insertions(+), 564 deletions(-) diff --git a/packages/angular/src/providers/menu-controller.ts b/packages/angular/src/providers/menu-controller.ts index 435306d15fa..04f9c6ddc55 100644 --- a/packages/angular/src/providers/menu-controller.ts +++ b/packages/angular/src/providers/menu-controller.ts @@ -1,6 +1,10 @@ +import { Injectable } from '@angular/core'; import { MenuController as MenuControllerBase } from '@ionic/angular/common'; import { menuController } from '@ionic/core'; +@Injectable({ + providedIn: 'root', +}) export class MenuController extends MenuControllerBase { constructor() { super(menuController); diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index d112c3b93ce..022535606a1 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 {} + + diff --git a/packages/angular/standalone/src/providers/menu-controller.ts b/packages/angular/standalone/src/providers/menu-controller.ts index c6f3b819735..fa1f50f0d4b 100644 --- a/packages/angular/standalone/src/providers/menu-controller.ts +++ b/packages/angular/standalone/src/providers/menu-controller.ts @@ -1,6 +1,10 @@ +import { Injectable } from '@angular/core'; import { MenuController as MenuControllerBase } from '@ionic/angular/common'; import { menuController } from '@ionic/core/components'; +@Injectable({ + providedIn: 'root', +}) export class MenuController extends MenuControllerBase { constructor() { super(menuController); From ac21cc33a4215092261638511e0d8140885da64d Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:03:04 -0400 Subject: [PATCH 04/10] 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 {} - - From c102863f0267af17ab4451daa1edafaaf213a8f3 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:56:54 -0400 Subject: [PATCH 05/10] add types --- core/src/components/menu/menu-interface.ts | 26 +++++++++++++------ core/src/utils/menu-controller/index.ts | 4 +-- .../common/src/providers/menu-controller.ts | 8 ++---- 3 files changed, 22 insertions(+), 16 deletions(-) diff --git a/core/src/components/menu/menu-interface.ts b/core/src/components/menu/menu-interface.ts index 0361f207fb1..71634a39bd1 100644 --- a/core/src/components/menu/menu-interface.ts +++ b/core/src/components/menu/menu-interface.ts @@ -1,4 +1,4 @@ -import type { Animation } from '../../interface'; +import type { Animation, AnimationBuilder } from '@utils/animation/animation-interface'; export type Side = 'start' | 'end'; @@ -26,13 +26,23 @@ export interface MenuI { } export interface MenuControllerI { - _createAnimation(type: string, menuCmp: MenuI): Promise; - _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise; - _register(menu: MenuI): void; - _unregister(menu: MenuI): void; - - getMenus(): Promise; - getOpenSync(): HTMLIonMenuElement | undefined; + registerAnimation: (name: string, animation: AnimationBuilder) => void; + get: (menu?: string | null, logOnMultipleSideMenus?: boolean) => Promise; + getMenus: () => Promise; + getOpen: () => Promise; + isEnabled: (menu?: string | null) => Promise; + swipeGesture: (shouldEnable: boolean, menu?: string | null) => Promise; + isAnimating: () => Promise; + isOpen: (menu?: string | null) => Promise; + enable: (shouldEnable: boolean, menu?: string | null) => Promise; + toggle: (menu?: string | null) => Promise; + close: (menu?: string | null) => Promise; + open: (menu?: string | null) => Promise; + _getOpenSync: () => HTMLIonMenuElement | undefined; + _createAnimation: (type: string, menuCmp: MenuI) => Animation; + _register: (menu: MenuI) => void; + _unregister: (menu: MenuI) => void; + _setOpen: (menu: MenuI, shouldOpen: boolean, animated: boolean) => Promise; } export interface MenuChangeEventDetail { diff --git a/core/src/utils/menu-controller/index.ts b/core/src/utils/menu-controller/index.ts index a0e6cf25f78..ab5a1ffc012 100644 --- a/core/src/utils/menu-controller/index.ts +++ b/core/src/utils/menu-controller/index.ts @@ -1,6 +1,6 @@ import { printIonWarning } from '@utils/logging'; -import type { MenuI } from '../../components/menu/menu-interface'; +import type { MenuI, MenuControllerI } from '../../components/menu/menu-interface'; import type { AnimationBuilder, BackButtonEvent } from '../../interface'; import { MENU_BACK_BUTTON_PRIORITY } from '../hardware-back-button'; import { componentOnReady } from '../helpers'; @@ -9,7 +9,7 @@ import { menuOverlayAnimation } from './animations/overlay'; import { menuPushAnimation } from './animations/push'; import { menuRevealAnimation } from './animations/reveal'; -const createMenuController = () => { +const createMenuController = (): MenuControllerI => { const menuAnimations = new Map(); const menus: MenuI[] = []; diff --git a/packages/angular/common/src/providers/menu-controller.ts b/packages/angular/common/src/providers/menu-controller.ts index 9ee58ee8d30..86e97949f8e 100644 --- a/packages/angular/common/src/providers/menu-controller.ts +++ b/packages/angular/common/src/providers/menu-controller.ts @@ -1,15 +1,11 @@ import { Injectable } from '@angular/core'; +import type { MenuControllerI } from '@ionic/core/components'; @Injectable({ providedIn: 'root', }) export class MenuController { - private menuController; - - // TODO Now - Add type - constructor(private menuCtrl: any) { - this.menuController = this.menuCtrl; - } + constructor(private menuController: MenuControllerI) {} /** * Programmatically open the Menu. From fb772c62627bf6c0c236e4328864055e3abba6d5 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 10:58:03 -0400 Subject: [PATCH 06/10] remove injectable --- packages/angular/common/src/providers/menu-controller.ts | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/angular/common/src/providers/menu-controller.ts b/packages/angular/common/src/providers/menu-controller.ts index 86e97949f8e..0a197b1f5b1 100644 --- a/packages/angular/common/src/providers/menu-controller.ts +++ b/packages/angular/common/src/providers/menu-controller.ts @@ -1,9 +1,5 @@ -import { Injectable } from '@angular/core'; import type { MenuControllerI } from '@ionic/core/components'; -@Injectable({ - providedIn: 'root', -}) export class MenuController { constructor(private menuController: MenuControllerI) {} From 8b8123fe1baa638157b21b2e2aa6bd089dc3c924 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 11:01:02 -0400 Subject: [PATCH 07/10] fix promise --- core/src/components/menu/menu-interface.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/src/components/menu/menu-interface.ts b/core/src/components/menu/menu-interface.ts index 71634a39bd1..e22dda406db 100644 --- a/core/src/components/menu/menu-interface.ts +++ b/core/src/components/menu/menu-interface.ts @@ -39,7 +39,7 @@ export interface MenuControllerI { close: (menu?: string | null) => Promise; open: (menu?: string | null) => Promise; _getOpenSync: () => HTMLIonMenuElement | undefined; - _createAnimation: (type: string, menuCmp: MenuI) => Animation; + _createAnimation: (type: string, menuCmp: MenuI) => Promise; _register: (menu: MenuI) => void; _unregister: (menu: MenuI) => void; _setOpen: (menu: MenuI, shouldOpen: boolean, animated: boolean) => Promise; From ee6b4a2ba914215bee53d703cc3b6ec02b792ee4 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 11:03:20 -0400 Subject: [PATCH 08/10] clean up type --- core/src/components/menu/menu-interface.ts | 34 +++++++++++----------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/core/src/components/menu/menu-interface.ts b/core/src/components/menu/menu-interface.ts index e22dda406db..9f1c4f3e8cd 100644 --- a/core/src/components/menu/menu-interface.ts +++ b/core/src/components/menu/menu-interface.ts @@ -26,23 +26,23 @@ export interface MenuI { } export interface MenuControllerI { - registerAnimation: (name: string, animation: AnimationBuilder) => void; - get: (menu?: string | null, logOnMultipleSideMenus?: boolean) => Promise; - getMenus: () => Promise; - getOpen: () => Promise; - isEnabled: (menu?: string | null) => Promise; - swipeGesture: (shouldEnable: boolean, menu?: string | null) => Promise; - isAnimating: () => Promise; - isOpen: (menu?: string | null) => Promise; - enable: (shouldEnable: boolean, menu?: string | null) => Promise; - toggle: (menu?: string | null) => Promise; - close: (menu?: string | null) => Promise; - open: (menu?: string | null) => Promise; - _getOpenSync: () => HTMLIonMenuElement | undefined; - _createAnimation: (type: string, menuCmp: MenuI) => Promise; - _register: (menu: MenuI) => void; - _unregister: (menu: MenuI) => void; - _setOpen: (menu: MenuI, shouldOpen: boolean, animated: boolean) => Promise; + registerAnimation(name: string, animation: AnimationBuilder): void; + get(menu?: string | null, logOnMultipleSideMenus?: boolean): Promise; + getMenus(): Promise; + getOpen(): Promise; + isEnabled(menu?: string | null): Promise; + swipeGesture(shouldEnable: boolean, menu?: string | null): Promise; + isAnimating(): Promise; + isOpen(menu?: string | null): Promise; + enable(shouldEnable: boolean, menu?: string | null): Promise; + toggle(menu?: string | null): Promise; + close(menu?: string | null): Promise; + open(menu?: string | null): Promise; + _getOpenSync(): HTMLIonMenuElement | undefined; + _createAnimation(type: string, menuCmp: MenuI): Promise; + _register(menu: MenuI): void; + _unregister(menu: MenuI): void; + _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise; } export interface MenuChangeEventDetail { From 2e59f5bea081c83461f1ea3aaf0b7c5d7bb392a9 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 12:02:18 -0400 Subject: [PATCH 09/10] Update menu-controller.spec.ts --- .../angular/test/base/e2e/src/standalone/menu-controller.spec.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts b/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts index 4551b3c03af..b4dfd7245bd 100644 --- a/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts +++ b/packages/angular/test/base/e2e/src/standalone/menu-controller.spec.ts @@ -3,6 +3,7 @@ describe('Menu Controller', () => { cy.visit('/standalone/menu-controller'); }) + // https://github.com/ionic-team/ionic-framework/issues/28337 it('should register menus correctly', () => { cy.get('#set-menu-count').click(); cy.get('#registered-menu-count').should('have.text', '1'); From c506bb300952542e8b890d240846e0ae821feace Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 12 Oct 2023 12:02:24 -0400 Subject: [PATCH 10/10] Update providers.spec.ts --- packages/angular/test/base/e2e/src/lazy/providers.spec.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/angular/test/base/e2e/src/lazy/providers.spec.ts b/packages/angular/test/base/e2e/src/lazy/providers.spec.ts index c64d4b4947f..0920ed35cda 100644 --- a/packages/angular/test/base/e2e/src/lazy/providers.spec.ts +++ b/packages/angular/test/base/e2e/src/lazy/providers.spec.ts @@ -28,6 +28,7 @@ describe('Providers', () => { cy.get('#query-params').should('have.text', 'firstParam: abc, firstParam: true'); }) + // https://github.com/ionic-team/ionic-framework/issues/28337 it('should register menus correctly', () => { cy.get('#set-menu-count').click(); cy.get('#registered-menu-count').should('have.text', '1');