voyager-ionic-core 8.8.12 → 9.0.1

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

@@ -88,9 +88,12 @@ export declare class Range implements ComponentInterface {
      */
     label?: string;
     /**
-     * Show two knobs.
+     * If `true`, the range shows two knobs and `value` is an object with `lower`
+     * and `upper` properties. If `false`, the range shows one knob and `value` is
+     * a number.
      */
     dualKnobs: boolean;
+    protected dualKnobsChanged(): void;
     /**
      * Minimum integer value of the range.
      */

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

@@ -113,6 +113,13 @@ export declare class Refresher implements ComponentInterface {
     private setupMDNativeRefresher;
     private setupNativeRefresher;
     componentDidUpdate(): void;
+    /**
+     * Validate the slot attribute before rendering, while the host still reflects the
+     * developer's original markup. `connectedCallback` is too early: in the custom
+     * elements build it runs during insertion, before frameworks such as React assign
+     * the slot.
+     */
+    componentWillLoad(): void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     /**

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

@@ -18,7 +18,9 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
  * @part bottom - The container element for helper text, error text, and counter.
  * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
- * @part inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons.
+ * @part start - The wrapper element for the content in the start slot.
+ * @part control - The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon.
+ * @part end - The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
@@ -28,10 +30,14 @@ export declare class Select implements ComponentInterface {
     private focusEl?;
     private mutationO?;
     private inheritedAttributes;
+    private slotMutationController?;
     private nativeWrapperEl;
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
+    private startContainerController?;
+    private startContainerEl;
+    private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -203,6 +209,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 +245,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;
@@ -259,15 +272,26 @@ export declare class Select implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for re-dispatched clicks (when already expanded) to
+     * prevent double-click events. Allows initial button clicks (from keyboard
+     * or mouse) and slotted content clicks to propagate so event delegation
+     * works for parent handlers.
      */
     private onLabelClick;
     /**
-     * Renders the border container
-     * when fill="outline".
+     * Renders the outline border with a notch for the label.
+     */
+    private renderOutlineContainer;
+    /**
+     * 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 renderLabelContainer;
+    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;
 }

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

@@ -1,7 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ComponentRef, FrameworkDelegate } from '../../interface';
 export declare class Tab implements ComponentInterface {
-    private loaded;
+    private loadPromise?;
     el: HTMLIonTabElement;
     /** @internal */
     active: boolean;

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

@@ -23,9 +23,11 @@ export declare class Textarea implements ComponentInterface {
     private textareaWrapper?;
     private inheritedAttributes;
     private originalIonInput?;
-    private notchSpacerEl;
     private slotMutationController?;
     private notchController?;
+    private notchSpacerEl;
+    private startContainerController?;
+    private startContainerEl;
     /**
      * The value of the textarea when the textarea is focused.
      */
@@ -278,14 +280,19 @@ export declare class Textarea implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for clicks on the textarea's own content (label text,
+     * textarea field) to prevent double-click events. Allows clicks on slotted
+     * content to propagate so event delegation works for parent handlers.
+     *
+     * Only slots belonging directly to this textarea should be considered.
+     * The textarea itself may have a slot attribute when placed in an item
+     * or toolbar, which does not make its content slotted content.
      */
     private onLabelClick;
     /**
-     * Renders the border container when fill="outline".
+     * Renders the outline border with a notch for the label.
      */
-    private renderLabelContainer;
+    private renderOutlineContainer;
     /**
      * Renders the helper text or error text values
      */

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

@@ -24,6 +24,7 @@ export declare class Toggle implements ComponentInterface {
     private toggleTrack?;
     private didLoad;
     private validationObserver?;
+    private itemFocusObserver?;
     el: HTMLIonToggleElement;
     activated: boolean;
     /**