@ionic/core 8.8.18 → 8.8.19-dev.11786730389.1a1927bf

package/{components/p-B-JJgYSG.js → dist/ionic/p-kJA95YWg.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{w as o}from"./p-ZjP4CjeZ.js";import{r as t}from"./p-D3xo7hqU.js";const r=(r,e,i)=>{let n;const s=()=>void 0!==e()&&void 0===r.label&&null!==i(),d=()=>{const t=e();if(void 0===t)return;if(!s())return void t.style.removeProperty("width");const c=i().scrollWidth;if(0===c&&null===t.offsetParent&&void 0!==o&&"IntersectionObserver"in o){if(void 0!==n)return;const o=n=new IntersectionObserver((t=>{1===t[0].intersectionRatio&&(d(),o.disconnect(),n=void 0)}),{threshold:.01,root:r});o.observe(t)}else t.style.setProperty("width",.75*c+"px")};return{calculateNotchWidth:()=>{s()&&t((()=>{d()}))},destroy:()=>{n&&(n.disconnect(),n=void 0)}}};export{r as c}
+import{w as o}from"./p-ZjP4CjeZ.js";import{r as t}from"./p-CKUuSnDR.js";const r=(r,e,i)=>{let n;const s=()=>void 0!==e()&&void 0===r.label&&null!==i(),d=()=>{const t=e();if(void 0===t)return;if(!s())return void t.style.removeProperty("width");const c=i().scrollWidth;if(0===c&&null===t.offsetParent&&void 0!==o&&"IntersectionObserver"in o){if(void 0!==n)return;const o=n=new IntersectionObserver((t=>{1===t[0].intersectionRatio&&(d(),o.disconnect(),n=void 0)}),{threshold:.01,root:r});o.observe(t)}else t.style.setProperty("width",.75*c+"px")};return{calculateNotchWidth:()=>{s()&&t((()=>{d()}))},destroy:()=>{n&&(n.disconnect(),n=void 0)}}};export{r as c}

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

@@ -1,5 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 /**
+ * @deprecated
+ *
  * @part image - The inner `img` element.
  */
 export declare class Img implements ComponentInterface {

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

@@ -64,7 +64,7 @@ export declare class Input implements ComponentInterface {
     /**
      * Whether auto correction should be enabled when the user is entering/editing the text value.
      */
-    autocorrect: 'on' | 'off';
+    autocorrect: boolean;
     /**
      * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.
      *

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

@@ -65,4 +65,13 @@ export interface ModalDragEventDetail {
      * the gesture.
      */
     snapBreakpoint?: number;
+    /**
+     * Whether the modal is attempting to dismiss when the drag gesture
+     * ends. A `canDismiss` callback can still cancel the dismiss after
+     * this event is emitted, so use `ionModalDidDismiss` to confirm that
+     * the modal actually closed.
+     *
+     * This is only set on `ionDragEnd`.
+     */
+    isDismissing?: boolean;
 }

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

@@ -114,11 +114,18 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     /**
      * The interaction behavior for the sheet modal when the handle is pressed.
      *
-     * Defaults to `"none"`, which  means the modal will not change size or position when the handle is pressed.
-     * Set to `"cycle"` to let the modal cycle between available breakpoints when pressed.
+     * Handle behavior is unavailable when the `handle` property is set to
+     * `false` or when the `breakpoints` property is not set (using a
+     * fullscreen or card modal).
      *
-     * Handle behavior is unavailable when the `handle` property is set to `false` or
-     * when the `breakpoints` property is not set (using a fullscreen or card modal).
+     * Set to `"cycle"` to make the handle focusable and let the sheet modal
+     * cycle between available breakpoints when pressed. This keeps the sheet
+     * operable with assistive technology.
+     *
+     * Set to `"none"` to make the handle purely decorative when pressed and
+     * removed from the tab order.
+     *
+     * Defaults to `"cycle"`.
      */
     handleBehavior?: ModalHandleBehavior;
     /**

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

@@ -33,7 +33,6 @@ export interface RouterOutletOptions {
 }
 export interface NavOptions extends RouterOutletOptions {
     progressAnimation?: boolean;
-    updateURL?: boolean;
     delegate?: FrameworkDelegate;
     viewIsReady?: (enteringEl: HTMLElement) => Promise<any>;
 }

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

@@ -1,13 +1,11 @@
-import type { EventEmitter } from '../../stencil-public-runtime';
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../interface';
-import type { NavOutlet, RouteID, RouteWrite, RouterDirection } from '../router/utils/interface';
 import type { NavComponent, NavComponentWithProps, NavOptions, TransitionDoneFn } from './nav-interface';
 import type { ViewController } from './view-controller';
-export declare class Nav implements NavOutlet {
+export declare class Nav implements ComponentInterface {
     private transInstr;
     private sbAni?;
     private gestureOrAnimationInProgress;
-    private useRouter;
     private isTransitioning;
     private destroyed;
     private views;
@@ -141,24 +139,6 @@ export declare class Nav implements NavOutlet {
      * @param done The transition complete function.
      */
     setPages(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn): Promise<boolean>;
-    /**
-     * Called by the router to update the view.
-     *
-     * @param id The component tag.
-     * @param params The component params.
-     * @param direction A direction hint.
-     * @param animation an AnimationBuilder.
-     *
-     * @return the status.
-     * @internal
-     */
-    setRouteId(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder): Promise<RouteWrite>;
-    /**
-     * Called by <ion-router> to retrieve the current component.
-     *
-     * @internal
-     */
-    getRouteId(): Promise<RouteID | undefined>;
     /**
      * Get the active view.
      */

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

@@ -9,7 +9,7 @@ export declare class Route implements ComponentInterface {
      */
     url: string;
     /**
-     * Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)
+     * Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)
      * when the route matches.
      *
      * The value of this property is not always the tagname of the component to load,

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

@@ -23,6 +23,12 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     animated: boolean;
     /** This property allows to create custom transition using AnimationBuilder functions. */
     animation?: AnimationBuilder;
+    /**
+     * If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.
+     * Defaults to `true` for `"ios"` mode and `false` for `"md"` mode.
+     */
+    swipeGesture?: boolean;
+    swipeGestureChanged(): void;
     /** @internal */
     swipeHandler?: SwipeGestureHandler;
     swipeHandlerChanged(): void;
@@ -34,6 +40,7 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     ionNavDidChange: EventEmitter<void>;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
+    private updateGestureEnabled;
     disconnectedCallback(): void;
     /** @internal */
     commit(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions): Promise<boolean>;

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

@@ -52,7 +52,7 @@ export declare class Searchbar implements ComponentInterface {
     /**
      * Set the input's autocorrect property.
      */
-    autocorrect: 'on' | 'off';
+    autocorrect: boolean;
     /**
      * Set the cancel button icon. Only applies to `md` mode.
      * Defaults to `arrow-back-sharp`.

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

@@ -1,3 +1,6 @@
+import type { ActionSheetButton } from '../action-sheet/action-sheet-interface';
+import type { AlertInput } from '../alert/alert-interface';
+import type { SelectPopoverOption } from '../select-popover/select-popover-interface';
 export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 export interface SelectChangeEventDetail<T = any> {
@@ -7,3 +10,31 @@ export interface SelectCustomEvent<T = any> extends CustomEvent {
     detail: SelectChangeEventDetail<T>;
     target: HTMLIonSelectElement;
 }
+export interface SelectActionSheetButton extends Omit<ActionSheetButton, 'text'>, RichContentOption {
+    /** The main text for the option as a string or an HTMLElement. */
+    text?: string | HTMLElement;
+}
+export interface SelectAlertInput extends Omit<AlertInput, 'label'>, RichContentOption {
+    /** The main label for the option as a string or an HTMLElement. */
+    label?: string | HTMLElement;
+    /** Where the label sits relative to the option's selection control. */
+    labelPlacement?: 'start' | 'end';
+    /** How to pack the label and the option's selection control within a line. */
+    justify?: 'start' | 'end' | 'space-between';
+}
+export interface SelectOverlayOption extends Omit<SelectPopoverOption, 'text'>, RichContentOption {
+    /** The main text for the option as a string or an HTMLElement. */
+    text?: string | HTMLElement;
+    /** Where the label sits relative to the option's selection control. */
+    labelPlacement?: 'start' | 'end';
+    /** How to pack the label and the option's selection control within a line. */
+    justify?: 'start' | 'end' | 'space-between';
+}
+export interface RichContentOption {
+    /** Content to display at the start of the option. */
+    startContent?: HTMLElement;
+    /** Content to display at the end of the option. */
+    endContent?: HTMLElement;
+    /** A description for the option. */
+    description?: string;
+}

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

@@ -32,6 +32,7 @@ export declare class Select implements ComponentInterface {
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
+    private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -203,6 +204,7 @@ export declare class Select implements ComponentInterface {
     ionStyle: EventEmitter<StyleEventDetail>;
     protected styleChanged(): void;
     private setValue;
+    private isValueEqual;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -238,6 +240,12 @@ export declare class Select implements ComponentInterface {
      * was passed.
      */
     private get labelText();
+    /**
+     * Returns the text to display in the select based on the selected value.
+     *
+     * @param useHTML If `true`, the returned text will include any custom HTML content from the selected option. If `false`, the returned text will be plain text without any HTML. Defaults to `false`.
+     * @returns The text to display in the select, either with or without HTML based on the `useHTML` parameter.
+     */
     private getText;
     private setFocus;
     private emitStyle;
@@ -268,6 +276,16 @@ export declare class Select implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
+    /**
+     * Wraps text nodes in the select text with span elements
+     * so spacing can be added between elements without
+     * changing the display to prevent losing the ellipses
+     * behavior.
+     *
+     * Only wraps when the string contains HTML elements
+     * alongside text.
+     */
+    private wrapSelectTextNodes;
     /**
      * Renders either the placeholder
      * or the selected values based on

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

@@ -1,14 +1,55 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors 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 select option text in LTR, and to the right in RTL.
+ * @slot end - Content is placed to the right of the select option text in LTR, and to the left in RTL.
+ */
 export declare class SelectOption implements ComponentInterface {
     private inputId;
     el: HTMLElement;
     /**
-     * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
+     * If `true`, the user cannot interact with the select option.
      */
     disabled: boolean;
     /**
      * The text value of the option.
      */
     value?: any | null;
+    /**
+     * Text that is placed underneath the option text to provide additional details about the option.
+     */
+    description?: string;
+    /**
+     * Where the label is placed relative to the option's selection control
+     * (radio circle or checkbox box) when the option is rendered in an
+     * `alert`, `popover`, or `modal` interface.
+     * `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL.
+     * `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL.
+     *
+     * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
+     *
+     * When unset, the interface picks a default based on mode and control
+     * type.
+     */
+    labelPlacement?: 'start' | 'end';
+    /**
+     * How to pack the label and the option's selection control within a line.
+     * `"start"`: The label and radio will appear on the left in LTR and
+     * on the right in RTL.
+     * `"end"`: The label and radio will appear on the right in LTR and
+     * on the left in RTL.
+     * `"space-between"`: The label and radio will appear on opposite
+     * ends of the line with space between the two elements.
+     *
+     * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
+     *
+     * When unset, the interface picks a default based on mode and control
+     * type.
+     */
+    justify?: 'start' | 'end' | 'space-between';
     render(): any;
 }