@ionic/core 7.5.8-dev.11701806358.1ca1b519 → 7.5.8-dev.11701876182.1e71e7a0

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

@@ -6,6 +6,7 @@ import type { Color, StyleEventDetail } from '../../interface';
  * @slot - The label text to associate with the radio. Use the "labelPlacement" property to control where the label is placed relative to the radio.
  *
  * @part container - The container for the radio mark.
+ * @part label - The label text describing the radio.
  * @part mark - The checkmark or dot used to indicate the checked state.
  */
 export declare class Radio implements ComponentInterface {

package/dist/types/components/radio-group/radio-group-interface.d.ts

@@ -6,3 +6,4 @@ export interface RadioGroupCustomEvent<T = any> extends CustomEvent {
     detail: RadioGroupChangeEventDetail<T>;
     target: HTMLIonRadioGroupElement;
 }
+export type RadioGroupCompareFn = (currentValue: any, compareValue: any) => boolean;

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { RadioGroupChangeEventDetail } from './radio-group-interface';
+import type { RadioGroupChangeEventDetail, RadioGroupCompareFn } from './radio-group-interface';
 export declare class RadioGroup implements ComponentInterface {
     private inputId;
     private labelId;
@@ -9,6 +9,13 @@ export declare class RadioGroup implements ComponentInterface {
      * If `true`, the radios can be deselected.
      */
     allowEmptySelection: boolean;
+    /**
+     * This property allows developers to specify a custom function or property
+     * name for comparing objects when determining the selected option in the
+     * ion-radio-group. When not specified, the default behavior will use strict
+     * equality (===) for comparison.
+     */
+    compareWith?: string | RadioGroupCompareFn | null;
     /**
      * The name of the control, which is submitted with the form data.
      */

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

@@ -14,6 +14,7 @@ import type { RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMove
  * @part knob - The handle that is used to drag the range.
  * @part bar - The inactive part of the bar.
  * @part bar-active - The active part of the bar.
+ * @part label - The label text describing the range.
  */
 export declare class Range implements ComponentInterface {
     private rangeId;

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

@@ -1,5 +1,6 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { AnimationBuilder, BackButtonEvent } from '../../interface';
+import type { BackButtonEvent } from "../../utils/hardware-back-button";
+import type { AnimationBuilder } from '../../interface';
 import type { RouterDirection, RouterEventDetail } from './utils/interface';
 export declare class Router implements ComponentInterface {
     private previousPath;

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

@@ -5,6 +5,8 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot label - The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML.
+ * @slot start - Content to display at the leading edge of the select.
+ * @slot end - Content to display at the trailing edge of the select.
  *
  * @part placeholder - The text displayed in the select when there is no value.
  * @part text - The displayed value of the select.
@@ -38,7 +40,10 @@ export declare class Select implements ComponentInterface {
      */
     color?: Color;
     /**
-     * A property name or function used to compare object values
+     * This property allows developers to specify a custom function or property
+     * name for comparing objects when determining the selected option in the
+     * ion-select. When not specified, the default behavior will use strict
+     * equality (===) for comparison.
      */
     compareWith?: string | SelectCompareFn | null;
     /**

package/dist/types/components/skeleton-text/skeleton-text.d.ts

@@ -1,9 +1,17 @@
-import type { ComponentInterface } from '../../stencil-public-runtime';
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { StyleEventDetail } from '../../interface';
 export declare class SkeletonText implements ComponentInterface {
     el: HTMLElement;
     /**
      * If `true`, the skeleton text will animate.
      */
     animated: boolean;
+    /**
+     * Emitted when the styles change.
+     * @internal
+     */
+    ionStyle: EventEmitter<StyleEventDetail>;
+    componentWillLoad(): void;
+    private emitStyle;
     render(): any;
 }

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

@@ -5,6 +5,8 @@ import type { TextareaChangeEventDetail, TextareaInputEventDetail } from './text
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot label - The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
+ * @slot start - Content to display at the leading edge of the textarea. (EXPERIMENTAL)
+ * @slot end - Content to display at the trailing edge of the textarea. (EXPERIMENTAL)
  */
 export declare class Textarea implements ComponentInterface {
     private nativeInput?;

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

@@ -4,10 +4,12 @@ import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
  * Calculate the CSS top and bottom position of the toast, to be used
  * as starting points for the animation keyframes.
  *
- * Note that MD animates bottom-positioned toasts using style.bottom,
- * which calculates from the bottom edge of the screen, while iOS uses
- * translateY, which calculates from the top edge of the screen. This
- * is why the bottom calculates differ slightly between modes.
+ * The default animations for both MD and iOS
+ * use translateY, which calculates from the
+ * top edge of the screen. This behavior impacts
+ * how we compute the offset when a toast has
+ * position='bottom' since we need to calculate from
+ * the bottom edge of the screen instead.
  *
  * @param position The value of the toast's position prop.
  * @param positionAnchor The element the toast should be anchored to,
@@ -16,3 +18,12 @@ import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
  * @param toast A reference to the toast element itself.
  */
 export declare function getAnimationPosition(position: ToastPosition, positionAnchor: HTMLElement | undefined, mode: Mode, toast: HTMLElement): ToastAnimationPosition;
+/**
+ * Returns the top offset required to place
+ * the toast in the middle of the screen.
+ * Only needed when position="toast".
+ * @param toastHeight - The height of the ion-toast element
+ * @param wrapperHeight - The height of the .toast-wrapper element
+ * inside the toast's shadow root.
+ */
+export declare const getOffsetForMiddlePosition: (toastHeight: number, wrapperHeight: number) => number;

package/dist/types/components/toast/gestures/swipe-to-dismiss.d.ts

@@ -0,0 +1,9 @@
+import type { ToastAnimationPosition } from '../toast-interface';
+/**
+ * Create a gesture that allows the Toast
+ * to be swiped to dismiss.
+ * @param el - The Toast element
+ * @param toastPosition - The last computed position of the Toast. This is computed in the "present" method.
+ * @param onDismiss - A callback to fire when the Toast was swiped to dismiss.
+ */
+export declare const createSwipeToDismissGesture: (el: HTMLIonToastElement, toastPosition: ToastAnimationPosition, onDismiss: () => void) => import("@utils/gesture").Gesture;

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

@@ -8,6 +8,7 @@ export interface ToastOptions {
     buttons?: (ToastButton | string)[];
     position?: 'top' | 'bottom' | 'middle';
     positionAnchor?: HTMLElement | string;
+    swipeGesture?: ToastSwipeGestureDirection;
     translucent?: boolean;
     animated?: boolean;
     icon?: string;
@@ -47,4 +48,5 @@ export interface ToastAnimationPosition {
 }
 export type ToastPresentOptions = ToastPositionAlias & ToastAnimationPosition;
 export type ToastDismissOptions = ToastPositionAlias & ToastAnimationPosition;
+export type ToastSwipeGestureDirection = 'vertical';
 export {};

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/toggle/toggle.d.ts

@@ -8,6 +8,7 @@ import type { ToggleChangeEventDetail } from './toggle-interface';
  *
  * @part track - The background track of the toggle.
  * @part handle - The toggle handle, or knob, used to change the checked state.
+ * @part label - The label text describing the toggle.
  */
 export declare class Toggle implements ComponentInterface {
     private inputId;