@ionic/core 7.5.4-dev.11699404450.136700d7 → 7.5.4-dev.11699469920.1af6ea12

package/dist/types/components/toast/toast.d.ts

@@ -2,7 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AnimationBuilder, Color, OverlayInterface, FrameworkDelegate } from '../../interface';
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-import type { ToastButton, ToastPosition, ToastLayout } from './toast-interface';
+import type { ToastButton, ToastPosition, ToastLayout, ToastSwipeGestureDirection } from './toast-interface';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
@@ -19,6 +19,7 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
   private readonly triggerController;
   private customHTMLEnabled;
   private durationTimeout?;
+  private gesture?;
   /**
    * Holds the position of the toast calculated in the present
    * animation, to be passed along to the dismiss animation so
@@ -126,6 +127,16 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
   htmlAttributes?: {
     [key: string]: any;
   };
+  /**
+   * If set to 'vertical', the Toast can be dismissed with
+   * a swipe gesture. The swipe direction is determined by
+   * the value of the `position` property:
+   * `top`: The Toast can be swiped up to dismiss.
+   * `bottom`: The Toast can be swiped down to dismiss.
+   * `middle`: The Toast can be swiped up or down to dismiss.
+   */
+  swipeGesture?: ToastSwipeGestureDirection;
+  swipeGestureChanged(): void;
   /**
    * If `true`, the toast will open. If `false`, the toast will close.
    * Use this if you need finer grained control over presentation, otherwise
@@ -213,6 +224,22 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
   private buttonClick;
   private callButtonHandler;
   private dispatchCancelHandler;
+  /**
+   * Create a new swipe gesture so Toast
+   * can be swiped to dismiss.
+   */
+  private createSwipeGesture;
+  /**
+   * Destroy an existing swipe gesture
+   * so Toast can no longer be swiped to dismiss.
+   */
+  private destroySwipeGesture;
+  /**
+   * Returns `true` if swipeGesture
+   * is configured to a value that enables the swipe behavior.
+   * Returns `false` otherwise.
+   */
+  private prefersSwipeGesture;
   renderButtons(buttons: ToastButton[], side: 'start' | 'end'): any;
   /**
    * Render the `message` property.

package/dist/types/components.d.ts

@@ -39,7 +39,7 @@ import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 import { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
-import { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions } from "./components/toast/toast-interface";
+import { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions, ToastSwipeGestureDirection } from "./components/toast/toast-interface";
 import { ToggleChangeEventDetail } from "./components/toggle/toggle-interface";
 export { AccordionGroupChangeEventDetail } from "./components/accordion-group/accordion-group-interface";
 export { AnimationBuilder, AutocompleteTypes, Color, ComponentProps, ComponentRef, FrameworkDelegate, StyleEventDetail, TextFieldTypes } from "./interface";
@@ -75,7 +75,7 @@ export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 export { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
-export { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions } from "./components/toast/toast-interface";
+export { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions, ToastSwipeGestureDirection } from "./components/toast/toast-interface";
 export { ToggleChangeEventDetail } from "./components/toggle/toggle-interface";
 export namespace Components {
     interface IonAccordion {
@@ -3168,6 +3168,10 @@ export namespace Components {
           * Present the toast overlay after it has been created.
          */
         "present": () => Promise<void>;
+        /**
+          * If set to 'vertical', the Toast can be dismissed with a swipe gesture. The swipe direction is determined by the value of the `position` property: `top`: The Toast can be swiped up to dismiss. `bottom`: The Toast can be swiped down to dismiss. `middle`: The Toast can be swiped up or down to dismiss.
+         */
+        "swipeGesture"?: ToastSwipeGestureDirection;
         /**
           * If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
          */
@@ -3386,6 +3390,10 @@ export interface IonSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSelectElement;
 }
+export interface IonSkeletonTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIonSkeletonTextElement;
+}
 export interface IonSplitPaneCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSplitPaneElement;
@@ -4400,7 +4408,18 @@ declare global {
         prototype: HTMLIonSelectPopoverElement;
         new (): HTMLIonSelectPopoverElement;
     };
+    interface HTMLIonSkeletonTextElementEventMap {
+        "ionStyle": StyleEventDetail;
+    }
     interface HTMLIonSkeletonTextElement extends Components.IonSkeletonText, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIonSkeletonTextElementEventMap>(type: K, listener: (this: HTMLIonSkeletonTextElement, ev: IonSkeletonTextCustomEvent<HTMLIonSkeletonTextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIonSkeletonTextElementEventMap>(type: K, listener: (this: HTMLIonSkeletonTextElement, ev: IonSkeletonTextCustomEvent<HTMLIonSkeletonTextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIonSkeletonTextElement: {
         prototype: HTMLIonSkeletonTextElement;
@@ -7787,6 +7806,10 @@ declare namespace LocalJSX {
           * The element to anchor the toast's position to. Can be set as a direct reference or the ID of the element. With `position="bottom"`, the toast will sit above the chosen element. With `position="top"`, the toast will sit below the chosen element. With `position="middle"`, the value of `positionAnchor` is ignored.
          */
         "positionAnchor"?: HTMLElement | string;
+        /**
+          * If set to 'vertical', the Toast can be dismissed with a swipe gesture. The swipe direction is determined by the value of the `position` property: `top`: The Toast can be swiped up to dismiss. `bottom`: The Toast can be swiped down to dismiss. `middle`: The Toast can be swiped up or down to dismiss.
+         */
+        "swipeGesture"?: ToastSwipeGestureDirection;
         /**
           * If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
          */

package/dist/types/interface.d.ts

@@ -32,6 +32,7 @@ export { TabsCustomEvent } from './components/tabs/tabs-interface';
 export { TextareaCustomEvent } from './components/textarea/textarea-interface';
 export { ToastOptions } from './components/toast/toast-interface';
 export { ToggleCustomEvent } from './components/toggle/toggle-interface';
+export { BackButtonEvent, BackButtonEventDetail } from './utils/hardware-back-button';
 
 // Types from utils
 export {
@@ -140,17 +141,12 @@ export type ComponentRef = Function | HTMLElement | string | null;
 // eslint-disable-next-line
 export type ComponentProps<T = null> = { [key: string]: any };
 export type CssClassMap = { [className: string]: boolean };
-export type BackButtonEvent = CustomEvent<BackButtonEventDetail>;
 
 export interface FrameworkDelegate {
   attachViewToDom(container: any, component: any, propsOrDataObj?: any, cssClasses?: string[]): Promise<HTMLElement>;
   removeViewFromDom(container: any, component: any): Promise<void>;
 }
 
-export interface BackButtonEventDetail {
-  register(priority: number, handler: (processNextHandler: () => void) => Promise<any> | void): void;
-}
-
 export interface KeyboardEventDetail {
   keyboardHeight: number;
 }

package/dist/types/utils/animation/animation-interface.d.ts

@@ -27,9 +27,9 @@ export interface Animation {
   progressStart(forceLinearEasing?: boolean, step?: number): Animation;
   progressStep(step: number): Animation;
   progressEnd(playTo: 0 | 1 | undefined, step: number, dur?: number): Animation;
-  from(property: string, value: any): Animation;
-  to(property: string, value: any): Animation;
-  fromTo(property: string, fromValue: any, toValue: any): Animation;
+  from(property: string, value: string | number): Animation;
+  to(property: string, value: string | number): Animation;
+  fromTo(property: string, fromValue: string | number, toValue: string | number): Animation;
   /**
    * Set the keyframes for the animation.
    */
@@ -106,7 +106,7 @@ export interface Animation {
    * browsers that do not support
    * the Web Animations API.
    */
-  getWebAnimations(): any[];
+  getWebAnimations(): globalThis.Animation[];
   /**
    * Add a function that performs a
    * DOM read to be run after the

package/dist/types/utils/browser/index.d.ts

@@ -1,3 +1,4 @@
+import type { BackButtonEvent } from "../hardware-back-button";
 /**
  * When accessing the document or window, it is important
  * to account for SSR applications where the
@@ -26,14 +27,22 @@
  * on the window for certain CustomEvent types you can add that definition
  * here as long as you are using the "win" utility below.
  */
-type IonicWindow = Window & {
+type IonicEvents = {
   addEventListener(type: 'ionKeyboardDidShow', listener: (ev: CustomEvent<{
     keyboardHeight: number;
   }>) => void, options?: boolean | AddEventListenerOptions): void;
   removeEventListener(type: 'ionKeyboardDidShow', listener: (ev: CustomEvent<{
     keyboardHeight: number;
   }>) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'ionInputDidLoad', listener: (ev: CustomEvent<HTMLIonInputElement | HTMLIonTextareaElement>) => void, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener(type: 'ionInputDidLoad', listener: (ev: CustomEvent<HTMLIonInputElement | HTMLIonTextareaElement>) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'ionInputDidUnload', listener: (ev: CustomEvent<HTMLIonInputElement | HTMLIonTextareaElement>) => void, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener(type: 'ionInputDidUnload', listener: (ev: CustomEvent<HTMLIonInputElement | HTMLIonTextareaElement>) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'ionBackButton', listener: (ev: BackButtonEvent) => void, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener(type: 'ionBackButton', listener: (ev: BackButtonEvent) => void, options?: boolean | AddEventListenerOptions): void;
 };
+type IonicWindow = Window & IonicEvents;
+type IonicDocument = Document & IonicEvents;
 export declare const win: IonicWindow | undefined;
-export declare const doc: Document | undefined;
+export declare const doc: IonicDocument | undefined;
 export {};

package/dist/types/utils/hardware-back-button.d.ts

@@ -1,3 +1,7 @@
+export interface BackButtonEventDetail {
+  register(priority: number, handler: (processNextHandler: () => void) => Promise<any> | void): void;
+}
+export type BackButtonEvent = CustomEvent<BackButtonEventDetail>;
 /**
  * When hardwareBackButton: false in config,
  * we need to make sure we also block the default

package/dist/types/utils/overlays.d.ts

@@ -99,6 +99,7 @@ export declare const isCancel: (role: string | undefined) => boolean;
 export declare const safeCall: (handler: any, arg?: any) => any;
 export declare const BACKDROP = "backdrop";
 export declare const GESTURE = "gesture";
+export declare const OVERLAY_GESTURE_PRIORITY = 39;
 /**
  * Creates a delegate controller.
  *