@ionic/core 8.8.18 → 8.8.19-dev.11786610762.137bbb21

package/dist/types/components/gallery-item/gallery-item.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ *
+ * @slot - The content placed inside of the gallery item. This is typically an
+ * `img`, but can be any element (e.g. a `figure` wrapping an image and caption).
+ */
+export declare class GalleryItem implements ComponentInterface {
+    private hasWarnedInvalidParent;
+    el: HTMLIonGalleryItemElement;
+    /**
+     * The layout of the parent `ion-gallery`, mirrored as a class so the item
+     * can apply layout-specific styles (e.g. a square aspect ratio in the
+     * `uniform` layout, a bottom margin in the `masonry` layout).
+     */
+    galleryLayout?: 'uniform' | 'masonry';
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    /**
+     * Resolve the layout from the parent `ion-gallery`. Called internally on
+     * load and connect, and by the gallery when its layout changes.
+     * @internal
+     */
+    syncGalleryLayout(): Promise<void>;
+    private onSlotChange;
+    /**
+     * Warn when the item is not a descendant of an `ion-gallery`.
+     */
+    private warnInvalidParent;
+    render(): any;
+}

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

@@ -1,4 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class Grid implements ComponentInterface {
     /**
      * If `true`, the grid will have a fixed width based on the screen size.

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

@@ -0,0 +1 @@
+export type HeaderScrollEffect = 'hide' | 'condense' | 'fade';

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

@@ -1,6 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+import type { HeaderScrollEffect } from './header-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Header implements ComponentInterface {
     private scrollEl?;
@@ -8,17 +10,37 @@ export declare class Header implements ComponentInterface {
     private intersectionObserver?;
     private collapsibleMainHeader?;
     private inheritedAttributes;
+    private scrollHideCtrl?;
+    private scrollHideCtrlPromise;
+    private hasWarnedCollapse;
+    private activeEffect?;
+    private fadeCondenseSetupId;
     el: HTMLElement;
     /**
      * Describes the scroll effect that will be applied to the header.
-     * Only applies in iOS mode.
+     * `"hide"` slides the header out of view when scrolling down and back in
+     * when scrolling up.
+     * `"condense"` collapses the large title into the main toolbar on scroll.
+     * `"fade"` fades the toolbar background on scroll.
+     */
+    scrollEffect?: HeaderScrollEffect;
+    /**
+     * Describes the scroll effect that will be applied to the header.
+     * Only applies when the theme is `"ios"`.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
+     *
+     * @deprecated Use `scrollEffect` instead.
      */
     collapse?: 'condense' | 'fade';
+    /**
+     * If `true`, the header will have a line at the bottom.
+     * TODO(ROU-10855): add support for this prop on ios/md themes
+     */
+    divider: boolean;
     /**
      * If `true`, the header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` or `"ionic"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      *
      * Note: In order to scroll content behind the header, the `fullscreen`
@@ -30,6 +52,7 @@ export declare class Header implements ComponentInterface {
     componentDidUpdate(): void;
     disconnectedCallback(): void;
     private checkCollapsibleHeader;
+    private setupScrollEffectHide;
     private setupFadeHeader;
     private destroyCollapsibleHeader;
     private setupCondenseHeader;

package/dist/types/components/header/header.utils.d.ts

@@ -27,10 +27,9 @@ export declare const handleHeaderFade: (scrollEl: HTMLElement, baseEl: HTMLEleme
  * Get the role type for the ion-header.
  *
  * @param isInsideMenu If ion-header is inside ion-menu.
- * @param isCondensed If ion-header has collapse="condense".
- * @param mode The current mode.
- * @returns 'none' if inside ion-menu or if condensed in md
- * mode, otherwise 'banner'.
+ * @returns 'none' if inside ion-menu, otherwise 'banner'.
+ * Condensed headers start as 'banner' and have their role
+ * toggled dynamically by setHeaderActive() on scroll.
  */
-export declare const getRoleType: (isInsideMenu: boolean, isCondensed: boolean, mode: "ios" | "md") => "none" | "banner";
+export declare const getRoleType: (isInsideMenu: boolean) => "none" | "banner";
 export {};

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

@@ -1,5 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 /**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ *
  * @part image - The inner `img` element.
  */
 export declare class Img implements ComponentInterface {

package/dist/types/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,8 +1,13 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class InfiniteScroll implements ComponentInterface {
     private thrPx;
     private thrPc;
     private scrollEl?;
+    private minHeightLocked;
     /**
      * didFire exists so that ionInfinite
      * does not fire multiple times if
@@ -41,6 +46,12 @@ export declare class InfiniteScroll implements ComponentInterface {
      * The value can be either `top` or `bottom`.
      */
     position: 'top' | 'bottom';
+    /**
+     * If `true`, the infinite scroll will preserve the scroll position
+     * when the content is re-rendered. This is useful when the content is
+     * re-rendered with new keys, and the scroll position should be preserved.
+     */
+    preserveRerenderScrollPosition: boolean;
     /**
      * Emitted when the scroll reaches
      * the threshold distance. From within your infinite handler,
@@ -51,6 +62,16 @@ export declare class InfiniteScroll implements ComponentInterface {
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private onScroll;
+    /**
+     * Loop through our sibling elements and lock or unlock their min height.
+     * This keeps our siblings, for example `ion-list`, the same height as their
+     * content currently is, so when it loads new data and the DOM removes the old
+     * data, the height of the container doesn't change and we don't lose our scroll position.
+     *
+     * We preserve existing min-height values, if they're set, so we don't erase what
+     * has been previously set by the user when we restore after complete is called.
+     */
+    private lockSiblingMinHeight;
     /**
      * Call `complete()` within the `ionInfinite` output event handler when
      * your async operation has completed. For example, the `loading`

package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts

@@ -1,6 +1,10 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class InfiniteScrollContent implements ComponentInterface {
     private customHTMLEnabled;
     /**

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

@@ -2,7 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AutocompleteTypes, Color, TextFieldTypes } from '../../interface';
 import type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
  * @slot start - Content to display at the leading edge of the input. (EXPERIMENTAL)
@@ -44,6 +45,9 @@ export declare class Input implements ComponentInterface {
      * Track validation state for proper aria-live announcements
      */
     isInvalid: boolean;
+    /** Keeps the clear button visible for the duration of a press. */
+    isClearButtonPressed: boolean;
+    private readonly clearButtonPressController;
     el: HTMLIonInputElement;
     private validationObserver?;
     /**
@@ -116,7 +120,7 @@ export declare class Input implements ComponentInterface {
     errorText?: string;
     /**
      * The fill for the item. If `"solid"` the item will have a background. If
-     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
+     * `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -144,8 +148,12 @@ export declare class Input implements ComponentInterface {
      * `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.
      * `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.
      * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+     *
+     * Defaults to "stacked" for the ionic theme, or "start" for all other themes.
+     *
+     * In the ionic theme, only the values "stacked" and "floating" are supported.
      */
-    labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
+    labelPlacement?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
     /**
      * The maximum value, which must not be less than its minimum (min attribute) value.
      */
@@ -189,9 +197,12 @@ export declare class Input implements ComponentInterface {
      */
     required: boolean;
     /**
-     * The shape of the input. If "round" it will have an increased border radius.
+     * Set to `"soft"` for an input with slightly rounded corners, `"round"` for an input with fully
+     * rounded corners, or `"rectangular"` for an input without rounded corners.
+     * Defaults to `"round"` for the ionic theme, and `undefined` for all other themes.
+     * Only applies when the fill is set to `"solid"` or `"outline"`.
      */
-    shape?: 'round';
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * If `true`, the element will have its spelling and grammar checked.
      */
@@ -201,6 +212,11 @@ export declare class Input implements ComponentInterface {
      * Possible values are: `"any"` or a positive floating point number.
      */
     step?: string;
+    /**
+     * The size of the input. If "large", it will have an increased height. By default the
+     * size is medium. This property only applies to the `"ionic"` theme.
+     */
+    size?: 'medium' | 'large' | 'xlarge';
     /**
      * The type of control to display. The default type is text.
      */
@@ -301,6 +317,10 @@ export declare class Input implements ComponentInterface {
     private emitInputChange;
     private shouldClearOnEdit;
     private getValue;
+    private getFill;
+    private getLabelPlacement;
+    private getSize;
+    private getShape;
     private onInput;
     private onChange;
     private onBlur;
@@ -356,5 +376,14 @@ export declare class Input implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
+    /**
+     * Get the icon to use for the clear icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     *
+     * @internal
+     */
+    get inputClearIcon(): string;
     render(): any;
 }

package/dist/types/components/input-otp/input-otp.d.ts

@@ -1,6 +1,16 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 import type { InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail } from './input-otp-interface';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ *
+ * @part group - The container element that wraps all input boxes.
+ * @part container - The wrapper element for each individual input box.
+ * @part native - The native input element.
+ * @part separator - The separator element displayed between input boxes.
+ * @part description - The container element for the description text.
+ */
 export declare class InputOTP implements ComponentInterface {
     private inheritedAttributes;
     private inputRefs;
@@ -19,6 +29,7 @@ export declare class InputOTP implements ComponentInterface {
      */
     private isKeyboardNavigation;
     el: HTMLIonInputOtpElement;
+    internals: ElementInternals;
     private inputValues;
     hasFocus: boolean;
     private previousInputValues;
@@ -37,6 +48,10 @@ export declare class InputOTP implements ComponentInterface {
      * If `true`, the user cannot interact with the input.
      */
     disabled: boolean;
+    /**
+     * Update element internals when disabled prop changes
+     */
+    protected disabledChanged(): void;
     /**
      * The fill for the input boxes. If `"solid"` the input boxes will have a background. If
      * `"outline"` the input boxes will be transparent with a border.
@@ -180,6 +195,28 @@ export declare class InputOTP implements ComponentInterface {
      * If all of the input boxes are filled, it emits an `ionComplete` event.
      */
     private updateValue;
+    /**
+     * Gets the value of the input group as a string for form submission.
+     * Returns an empty string if the value is null or undefined.
+     */
+    private getValue;
+    /**
+     * Called when the form state is restored.
+     * Restores the component's value.
+     */
+    formStateRestoreCallback(value: string): void;
+    /**
+     * Called when the form is reset.
+     * Resets the component's value.
+     */
+    formResetCallback(): void;
+    /**
+     * Updates the form value and reports validity state to the browser via
+     * ElementInternals. This should be called when the component loads, when
+     * the disabled prop changes, and when the value changes to ensure the form
+     * value stays in sync and validation state is updated.
+     */
+    private updateElementInternals;
     /**
      * Emits an `ionChange` event.
      * This API should be called for user committed changes.

package/dist/types/components/input-password-toggle/input-password-toggle.d.ts

@@ -33,5 +33,7 @@ export declare class InputPasswordToggle implements ComponentInterface {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private togglePasswordVisibility;
+    get inputPasswordHideIcon(): any;
+    get inputPasswordShowIcon(): any;
     render(): any;
 }

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

@@ -3,7 +3,8 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color, StyleEventDetail } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the item text in LTR, and to the right in RTL.
@@ -36,14 +37,14 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
      */
     button: boolean;
     /**
-     * If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`
-     * is `ios` and an `href` or `button` property is present.
+     * If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `theme`
+     * is `"ios"` and an `href` or `button` property is present.
      */
     detail?: boolean;
     /**
      * The icon to use when `detail` is set to `true`.
      */
-    detailIcon: string;
+    detailIcon?: string;
     /**
      * If `true`, the user cannot interact with the item.
      */
@@ -121,5 +122,11 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
     private isFocusable;
     private hasStartEl;
     private getFirstInteractive;
+    get itemDetailIcon(): any;
+    /**
+     * The icon should be flipped when the app is RTL and
+     * the icon is a variation of chevron.
+     */
+    get shouldFlipIcon(): boolean;
     render(): any;
 }

package/dist/types/components/item-divider/item-divider.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the divider text in LTR, and to the right in RTL.

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

@@ -1,4 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class ItemGroup implements ComponentInterface {
     render(): any;
 }

package/dist/types/components/item-option/item-option.d.ts

@@ -2,7 +2,8 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { AnchorInterface, ButtonInterface } from "../../utils/element-interface";
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the option text in LTR, and to the right in RTL.
@@ -43,6 +44,13 @@ export declare class ItemOption implements ComponentInterface, AnchorInterface,
      * If this property is set, an anchor tag will be rendered.
      */
     href: string | undefined;
+    /**
+     * Set to `"bold"` for an option with vibrant, bold colors or to `"subtle"` for
+     * an option with muted, subtle colors.
+     *
+     * Only applies to the `ionic` theme.
+     */
+    hue?: 'bold' | 'subtle';
     /**
      * Specifies the relationship of the target object to the link object.
      * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
@@ -58,6 +66,15 @@ export declare class ItemOption implements ComponentInterface, AnchorInterface,
      * The type of the button.
      */
     type: 'submit' | 'reset' | 'button';
+    /**
+     * Set to `"rectangular"` for non-rounded corners.
+     * Set to `"soft"` for slightly rounded corners.
+     * Set to `"round"` for fully rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     private onClick;
+    private getShape;
     render(): any;
 }

package/dist/types/components/item-options/item-options.d.ts

@@ -1,5 +1,9 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Side } from '../menu/menu-interface';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class ItemOptions implements ComponentInterface {
     el: HTMLElement;
     /**

package/dist/types/components/item-sliding/item-sliding.d.ts

@@ -6,8 +6,13 @@ declare const enum SlidingState {
     End = 8,
     Start = 16,
     SwipeEnd = 32,
-    SwipeStart = 64
+    SwipeStart = 64,
+    AnimatingFullSwipe = 128
 }
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class ItemSliding implements ComponentInterface {
     private item;
     private openAmount;
@@ -16,6 +21,7 @@ export declare class ItemSliding implements ComponentInterface {
     private optsWidthLeftSide;
     private sides;
     private tmr?;
+    private animationAbortController?;
     private leftOptions?;
     private rightOptions?;
     private optsDirty;
@@ -23,6 +29,9 @@ export declare class ItemSliding implements ComponentInterface {
     private contentEl;
     private initialContentScrollY;
     private mutationObserver?;
+    private leftExpandableBaseWidth;
+    private rightExpandableBaseWidth;
+    private isIonicTheme;
     el: HTMLIonItemSlidingElement;
     state: SlidingState;
     /**
@@ -69,11 +78,48 @@ export declare class ItemSliding implements ComponentInterface {
      * return the first one available.
      */
     private getOptions;
+    /**
+     * Check if the given item options element contains at least one expandable, non-disabled option.
+     */
+    private hasExpandableOptions;
+    /**
+     * Returns a Promise that resolves after `ms` milliseconds, or rejects if the
+     * given AbortSignal is fired before the timer expires.
+     */
+    private delay;
+    /**
+     * Animate the item to a specific position using CSS transitions.
+     * Returns a Promise that resolves when the animation completes, or rejects if
+     * the given AbortSignal is fired.
+     */
+    private animateToPosition;
+    /**
+     * Calculate the swipe threshold distance required to trigger a full swipe animation.
+     * Returns the maximum options width plus a margin to ensure it's achievable.
+     */
+    private getSwipeThreshold;
+    /**
+     * Native (ios/md) full swipe: off-screen → fire swipe → return.
+     * Ionic theme uses `animateIonicFullSwipe` instead (see `onEndIonic`).
+     */
+    private animateFullSwipe;
+    private queryExpandableOption;
+    private getExpandableOption;
+    private getOpenDirectionFromAmount;
+    private getOptionsWidthForDirection;
+    private getExpandableBaseWidth;
+    private setIonicExpandableWidth;
+    private resetIonicExpandableOptions;
+    private updateIonicExpandableFromOpenAmount;
+    private animateIonicFullSwipe;
     private updateOptions;
     private canStart;
     private onStart;
     private onMove;
     private onEnd;
+    private restoreContentScrollAfterSlide;
+    private onEndNative;
+    private onEndIonic;
     private calculateOptsWidth;
     private setOpenAmount;
     private getSlidingRatioSync;

package/dist/types/components/item-sliding/test/test.utils.d.ts

@@ -1,4 +1,17 @@
 import type { E2EPage, ScreenshotFn } from "../../../utils/test/playwright/index";
+/**
+ * Drag distances that reveal options without crossing the full swipe
+ * threshold (`optsWidth` + `SWIPE_MARGIN`). A narrower options panel
+ * requires a shorter drag.
+ */
+export declare const DRAG_DISTANCE_SINGLE_OPTION = 100;
+export declare const DRAG_DISTANCE_MULTIPLE_OPTIONS = 150;
+/**
+ * The number of drag steps used when revealing options. A higher step
+ * count slows the drag velocity, keeping it below the full swipe
+ * threshold in WebKit. See `dragElementBy` for more details.
+ */
+export declare const DRAG_STEPS_UNDER_FULL_SWIPE = 15;
 /**
  * Warning: This function will fail when in RTL mode.
  * TODO(FW-3711): Remove the `directions` config when this issue preventing

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Label implements ComponentInterface {
     private inRange;

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

@@ -1,6 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class List implements ComponentInterface {
     el: HTMLElement;
@@ -12,6 +13,18 @@ export declare class List implements ComponentInterface {
      * If `true`, the list will have margin around it and rounded corners.
      */
     inset: boolean;
+    /**
+     * Set to `"soft"` for slightly rounded corners,
+     * `"round"` for fully rounded corners,
+     * or `"rectangular"` for no rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme
+     * when inset is `true`
+     * defaults to `"rectangular"` for the `ionic`
+     * theme when inset is `false`,
+     * undefined for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * If `ion-item-sliding` are used inside the list, this method closes
      * any open sliding item.
@@ -19,5 +32,6 @@ export declare class List implements ComponentInterface {
      * Returns `true` if an actual `ion-item-sliding` is closed.
      */
     closeSlidingItems(): Promise<boolean>;
+    private getShape;
     render(): any;
 }

package/dist/types/components/list-header/list-header.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @part inner - The inner wrapper element that arranges the list header content.
  */

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

@@ -1,21 +1,16 @@
-import type { AnimationBuilder, Mode } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
-export interface LoadingOptions {
+export interface LoadingOptions extends OverlayOptions {
     spinner?: SpinnerTypes | null;
     message?: string | IonicSafeString;
     cssClass?: string | string[];
     showBackdrop?: boolean;
     duration?: number;
     translucent?: boolean;
-    animated?: boolean;
     backdropDismiss?: boolean;
-    mode?: Mode;
     keyboardClose?: boolean;
-    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
 }