diff --git a/core/api.txt b/core/api.txt index 1f91998377..40370a4743 100644 --- a/core/api.txt +++ b/core/api.txt @@ -703,6 +703,7 @@ ion-item-options,event,ionSwipe,any,true ion-item-sliding,none ion-item-sliding,prop,disabled,boolean,false,false,false +ion-item-sliding,prop,reveal,"cover" | "push",'push',false,false ion-item-sliding,method,close,close() => Promise ion-item-sliding,method,closeOpened,closeOpened() => Promise ion-item-sliding,method,getOpenAmount,getOpenAmount() => Promise diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 4b91e34a8a..90f6e0bd93 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1463,6 +1463,10 @@ export namespace Components { * @param side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item. */ "open": (side: Side | undefined) => Promise; + /** + * The reveal animation for the item options. + */ + "reveal": 'push' | 'cover'; } interface IonLabel { /** @@ -6197,6 +6201,10 @@ declare namespace LocalJSX { * Emitted when the sliding position changes. */ "onIonDrag"?: (event: IonItemSlidingCustomEvent) => void; + /** + * The reveal animation for the item options. + */ + "reveal"?: 'push' | 'cover'; } interface IonLabel { /** diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index 20d69a036f..4d381fbf45 100644 --- a/packages/angular/src/directives/proxies.ts +++ b/packages/angular/src/directives/proxies.ts @@ -1130,7 +1130,7 @@ export declare interface IonItemOptions extends Components.IonItemOptions { @ProxyCmp({ - inputs: ['disabled'], + inputs: ['disabled', 'reveal'], methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened'] }) @Component({ @@ -1138,7 +1138,7 @@ export declare interface IonItemOptions extends Components.IonItemOptions { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['disabled'], + inputs: ['disabled', 'reveal'], }) export class IonItemSliding { protected el: HTMLElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index 113a0eaa77..0c4a975d42 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -1103,7 +1103,7 @@ export declare interface IonItemOptions extends Components.IonItemOptions { @ProxyCmp({ defineCustomElementFn: defineIonItemSliding, - inputs: ['disabled'], + inputs: ['disabled', 'reveal'], methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened'] }) @Component({ @@ -1111,7 +1111,7 @@ export declare interface IonItemOptions extends Components.IonItemOptions { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['disabled'], + inputs: ['disabled', 'reveal'], standalone: true }) export class IonItemSliding { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index 3359b1684e..c369652a82 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -491,6 +491,7 @@ export const IonItemOptions = /*@__PURE__*/ defineContainer( export const IonItemSliding = /*@__PURE__*/ defineContainer('ion-item-sliding', defineIonItemSliding, [ 'disabled', + 'reveal', 'ionDrag' ]);