diff --git a/packages/angular/common/src/index.ts b/packages/angular/common/src/index.ts index 623c26a199..f83e36e572 100644 --- a/packages/angular/common/src/index.ts +++ b/packages/angular/common/src/index.ts @@ -1,2 +1,2 @@ -export { IonPopover } from './overlays/popover'; +export { IonPopover, POPOVER_INPUTS, POPOVER_METHODS } from './overlays/popover'; export * from './utils'; diff --git a/packages/angular/common/src/overlays/popover.ts b/packages/angular/common/src/overlays/popover.ts index e075cabb64..20caf717be 100644 --- a/packages/angular/common/src/overlays/popover.ts +++ b/packages/angular/common/src/overlays/popover.ts @@ -48,7 +48,7 @@ export declare interface IonPopover extends Components.IonPopover { } -const POPOVER_INPUTS = [ +export const POPOVER_INPUTS = [ 'alignment', 'animated', 'arrow', @@ -71,9 +71,11 @@ const POPOVER_INPUTS = [ 'side', ]; +export const POPOVER_METHODS = ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']; + @ProxyCmp({ inputs: POPOVER_INPUTS, - methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'], + methods: POPOVER_METHODS, }) @Directive() export class IonPopover { diff --git a/packages/angular/standalone/src/overlays/popover.ts b/packages/angular/standalone/src/overlays/popover.ts index e2be20052e..7c57214dc1 100644 --- a/packages/angular/standalone/src/overlays/popover.ts +++ b/packages/angular/standalone/src/overlays/popover.ts @@ -1,61 +1,17 @@ import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, Component } from '@angular/core'; -import { IonPopover as IonPopoverBase, ProxyCmp } from '@ionic/angular/common'; +import { IonPopover as IonPopoverBase, POPOVER_INPUTS, POPOVER_METHODS, ProxyCmp } from '@ionic/angular/common'; import { defineCustomElement } from '@ionic/core/components/ion-popover.js'; @ProxyCmp({ defineCustomElementFn: defineCustomElement, - inputs: [ - 'alignment', - 'animated', - 'arrow', - 'keepContentsMounted', - 'backdropDismiss', - 'cssClass', - 'dismissOnSelect', - 'enterAnimation', - 'event', - 'isOpen', - 'keyboardClose', - 'leaveAnimation', - 'mode', - 'showBackdrop', - 'translucent', - 'trigger', - 'triggerAction', - 'reference', - 'size', - 'side', - ], - methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'], + inputs: POPOVER_INPUTS, + methods: POPOVER_METHODS }) @Component({ selector: 'ion-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: ``, - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [ - 'alignment', - 'animated', - 'arrow', - 'keepContentsMounted', - 'backdropDismiss', - 'cssClass', - 'dismissOnSelect', - 'enterAnimation', - 'event', - 'isOpen', - 'keyboardClose', - 'leaveAnimation', - 'mode', - 'showBackdrop', - 'translucent', - 'trigger', - 'triggerAction', - 'reference', - 'size', - 'side', - ], standalone: true, imports: [CommonModule] })