voyager-ionic-core 7.7.2 → 8.0.0-beta.1

package/dist/types/components/action-sheet/action-sheet-interface.d.ts

@@ -27,4 +27,12 @@ export interface ActionSheetButton<T = any> {
     };
     handler?: () => boolean | void | Promise<boolean | void>;
     data?: T;
+    /**
+     * When `disabled` is `true` the action
+     * sheet button will not be interactive. Note
+     * that buttons with a 'cancel' role cannot
+     * be disabled as that would make it difficult for
+     * users to dismiss the action sheet.
+     */
+    disabled?: boolean;
 }

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

@@ -1,6 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Backdrop implements ComponentInterface {
-    private blocker;
     /**
      * If `true`, the backdrop will be visible.
      */
@@ -17,8 +16,6 @@ export declare class Backdrop implements ComponentInterface {
      * Emitted when the backdrop is tapped.
      */
     ionBackdropTap: EventEmitter<void>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     protected onMouseDown(ev: TouchEvent): void;
     private emitTap;
     render(): any;

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

@@ -1,5 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { Color, StyleEventDetail } from '../../interface';
+import type { Color } from '../../interface';
 import type { CheckboxChangeEventDetail } from './checkbox-interface';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
@@ -13,9 +13,7 @@ import type { CheckboxChangeEventDetail } from './checkbox-interface';
 export declare class Checkbox implements ComponentInterface {
     private inputId;
     private focusEl?;
-    private legacyFormController;
     private inheritedAttributes;
-    private hasLoggedDeprecationWarning;
     el: HTMLIonCheckboxElement;
     /**
      * The color to use from your application's color palette.
@@ -71,17 +69,6 @@ export declare class Checkbox implements ComponentInterface {
      * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
      */
     alignment: 'start' | 'center';
-    /**
-     * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
-     * Ionic will only opt checkboxes in to the modern form markup when they are
-     * using either the `aria-label` attribute or have text in the default slot. As a result,
-     * the `legacy` property should only be used as an escape hatch when you want to
-     * avoid this automatic opt-in behavior.
-     *
-     * Note that this property will be removed in an upcoming major release
-     * of Ionic, and all form components will be opted-in to using the modern form markup.
-     */
-    legacy?: boolean;
     /**
      * Emitted when the checked property has changed
      * as a result of a user action such as a click.
@@ -97,15 +84,7 @@ export declare class Checkbox implements ComponentInterface {
      * Emitted when the checkbox loses focus.
      */
     ionBlur: EventEmitter<void>;
-    /**
-     * Emitted when the styles change.
-     * @internal
-     */
-    ionStyle: EventEmitter<StyleEventDetail>;
-    connectedCallback(): void;
     componentWillLoad(): void;
-    protected styleChanged(): void;
-    private emitStyle;
     private setFocus;
     /**
      * Sets the checked property and emits
@@ -119,7 +98,5 @@ export declare class Checkbox implements ComponentInterface {
     private onBlur;
     private onClick;
     render(): any;
-    private renderCheckbox;
-    private renderLegacyCheckbox;
     private getSVGPath;
 }

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

@@ -28,7 +28,6 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Ti
 export declare class Datetime implements ComponentInterface {
     private inputId;
     private calendarBodyRef?;
-    private monthYearToggleItemRef?;
     private popoverRef?;
     private clearFocusVisible?;
     private parsedMinuteValues?;

package/dist/types/components/datetime/utils/data.d.ts

@@ -1,6 +1,10 @@
 import type { Mode } from '../../../interface';
-import type { PickerColumnItem } from '../../picker-column-internal/picker-column-internal-interfaces';
 import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
+export interface WheelColumnOption {
+    text: string;
+    value: string | number;
+    disabled?: boolean;
+}
 /**
  * Returns the current date as
  * an ISO string in the user's
@@ -46,7 +50,7 @@ export declare const generateTime: (locale: string, refParts: DatetimeParts, hou
  * current, and and next months.
  */
 export declare const generateMonths: (refParts: DatetimeParts, forcedDate?: DatetimeParts) => DatetimeParts[];
-export declare const getMonthColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, monthValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => PickerColumnItem[];
+export declare const getMonthColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, monthValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => WheelColumnOption[];
 /**
  * Returns information regarding
  * selectable dates (i.e 1st, 2nd, 3rd, etc)
@@ -56,13 +60,13 @@ export declare const getMonthColumnData: (locale: string, refParts: DatetimePart
  * @param minParts The minimum bound on the date that can be returned
  * @param maxParts The maximum bound on the date that can be returned
  * @param dayValues The allowed date values
- * @returns Date data to be used in ion-picker-column-internal
+ * @returns Date data to be used in ion-picker-column
  */
-export declare const getDayColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => PickerColumnItem[];
-export declare const getYearColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, yearValues?: number[]) => PickerColumnItem[];
+export declare const getDayColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => WheelColumnOption[];
+export declare const getYearColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, yearValues?: number[]) => WheelColumnOption[];
 interface CombinedDateColumnData {
     parts: DatetimeParts[];
-    items: PickerColumnItem[];
+    items: WheelColumnOption[];
 }
 /**
  * Creates and returns picker items
@@ -71,6 +75,6 @@ interface CombinedDateColumnData {
  */
 export declare const getCombinedDateColumnData: (locale: string, todayParts: DatetimeParts, minParts: DatetimeParts, maxParts: DatetimeParts, dayValues?: number[], monthValues?: number[]) => CombinedDateColumnData;
 export declare const getTimeColumnsData: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
-    [key: string]: PickerColumnItem[];
+    [key: string]: WheelColumnOption[];
 };
 export {};

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

@@ -13,11 +13,9 @@ export declare class Input implements ComponentInterface {
     private inputId;
     private inheritedAttributes;
     private isComposing;
-    private legacyFormController;
     private slotMutationController?;
     private notchController?;
     private notchSpacerEl;
-    private hasLoggedDeprecationWarning;
     private originalIonInput?;
     /**
      * `true` if the input was cleared as a result of the user typing
@@ -38,11 +36,6 @@ export declare class Input implements ComponentInterface {
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
-    /**
-     * This attribute is ignored.
-     * @deprecated
-     */
-    accept?: string;
     /**
      * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
      * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
@@ -91,7 +84,6 @@ export declare class Input implements ComponentInterface {
      * If `true`, the user cannot interact with the input.
      */
     disabled: boolean;
-    protected disabledChanged(): void;
     /**
      * A hint to the browser for which enter key to display.
      * Possible values: `"enter"`, `"done"`, `"go"`, `"next"`,
@@ -134,16 +126,6 @@ export declare class Input implements ComponentInterface {
      * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
      */
     labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
-    /**
-     * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
-     * Ionic will only opt components in to the modern form markup when they are
-     * using either the `aria-label` attribute or the `label` property. As a result,
-     * the `legacy` property should only be used as an escape hatch when you want to
-     * avoid this automatic opt-in behavior.
-     * Note that this property will be removed in an upcoming major release
-     * of Ionic, and all form components will be opted-in to using the modern form markup.
-     */
-    legacy?: boolean;
     /**
      * The maximum value, which must not be less than its minimum (min attribute) value.
      */
@@ -199,7 +181,6 @@ export declare class Input implements ComponentInterface {
      * Possible values are: `"any"` or a positive floating point number.
      */
     step?: string;
-    size?: number;
     /**
      * The type of control to display. The default type is text.
      */
@@ -245,10 +226,6 @@ export declare class Input implements ComponentInterface {
      * @internal
      */
     ionStyle: EventEmitter<StyleEventDetail>;
-    /**
-     * Update the item classes when the placeholder changes
-     */
-    protected placeholderChanged(): void;
     /**
      * Update the native input element when the value changes
      */
@@ -288,7 +265,6 @@ export declare class Input implements ComponentInterface {
     private emitInputChange;
     private shouldClearOnEdit;
     private getValue;
-    private emitStyle;
     private onInput;
     private onChange;
     private onBlur;
@@ -328,7 +304,5 @@ export declare class Input implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
-    private renderInput;
-    private renderLegacyInput;
     render(): any;
 }

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

@@ -21,13 +21,21 @@ export declare class Menu implements ComponentInterface, MenuI {
     isAnimating: boolean;
     width: number;
     _isOpen: boolean;
-    backdropEl?: HTMLElement;
+    backdropEl?: HTMLIonBackdropElement;
     menuInnerEl?: HTMLElement;
     contentEl?: HTMLElement;
     lastFocus?: HTMLElement;
     private inheritedAttributes;
     private handleFocus;
     el: HTMLIonMenuElement;
+    /**
+     * If true, then the menu should be
+     * visible within a split pane.
+     * If false, then the menu is hidden.
+     * However, the menu-button/menu-toggle
+     * components can be used to open the
+     * menu.
+     */
     isPaneVisible: boolean;
     isEndSide: boolean;
     /**
@@ -94,7 +102,9 @@ export declare class Menu implements ComponentInterface, MenuI {
     componentDidLoad(): Promise<void>;
     private menuChanged;
     disconnectedCallback(): Promise<void>;
-    onSplitPaneChanged(ev: CustomEvent): void;
+    onSplitPaneChanged(ev: CustomEvent<{
+        visible: boolean;
+    }>): void;
     onBackdropClick(ev: any): void;
     onKeydown(ev: KeyboardEvent): void;
     /**
@@ -128,8 +138,6 @@ export declare class Menu implements ComponentInterface, MenuI {
      * If the operation can't be completed successfully, it returns `false`.
      */
     setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
-    private focusFirstDescendant;
-    private focusLastDescendant;
     private trapKeyboardFocus;
     _setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
     private loadAnimation;

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

@@ -15,10 +15,6 @@ export declare const getBackdropValueForSheet: (x: number, backdropBreakpoint: n
  * is not transformed, so we do not need to
  * adjust the status bar color.
  *
- * Note: We check supportsDefaultStatusBarStyle so that
- * Capacitor <= 2 users do not get their status bar
- * stuck in an inconsistent state due to a lack of
- * support for Style.Default.
  */
 export declare const setCardStatusBarDark: () => void;
 export declare const setCardStatusBarDefault: (defaultStyle?: Style) => void;

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

@@ -181,7 +181,10 @@ export declare class Nav implements NavOutlet {
      * @param view The view to get.
      */
     getPrevious(view?: ViewController): Promise<ViewController | undefined>;
-    getLength(): number;
+    /**
+     * Returns the number of views in the stack.
+     */
+    getLength(): Promise<number>;
     private getActiveSync;
     private canGoBackSync;
     private getPreviousSync;

package/dist/types/components/picker/picker-interfaces.d.ts

@@ -0,0 +1,8 @@
+export interface PickerChangeEventDetail {
+    useInputMode: boolean;
+    inputModeColumn?: HTMLIonPickerColumnElement;
+}
+export interface PickerCustomEvent extends CustomEvent {
+    target: HTMLIonPickerElement;
+    detail: PickerChangeEventDetail;
+}

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

@@ -1,162 +1,104 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../../interface';
-import type { OverlayEventDetail } from '../../utils/overlays-interface';
-import type { PickerButton, PickerColumn } from './picker-interface';
+import type { PickerChangeEventDetail } from './picker-interfaces';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
-export declare class Picker implements ComponentInterface, OverlayInterface {
-    private readonly delegateController;
-    private readonly lockController;
-    private readonly triggerController;
-    private durationTimeout?;
-    lastFocus?: HTMLElement;
+export declare class Picker implements ComponentInterface {
+    private inputEl?;
+    private useInputMode;
+    private inputModeColumn?;
+    private highlightEl?;
+    private actionOnClick?;
+    private destroyKeypressListener?;
+    private singleColumnSearchTimeout?;
     el: HTMLIonPickerElement;
-    presented: boolean;
-    /** @internal */
-    overlayIndex: number;
-    /** @internal */
-    delegate?: FrameworkDelegate;
-    /** @internal */
-    hasController: boolean;
     /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+     * @internal
      */
-    keyboardClose: boolean;
+    ionInputModeChange: EventEmitter<PickerChangeEventDetail>;
     /**
-     * Animation to use when the picker is presented.
+     * When the picker is interacted with
+     * we need to prevent touchstart so other
+     * gestures do not fire. For example,
+     * scrolling on the wheel picker
+     * in ion-datetime should not cause
+     * a card modal to swipe to close.
      */
-    enterAnimation?: AnimationBuilder;
-    /**
-     * Animation to use when the picker is dismissed.
-     */
-    leaveAnimation?: AnimationBuilder;
-    /**
-     * Array of buttons to be displayed at the top of the picker.
-     */
-    buttons: PickerButton[];
-    /**
-     * Array of columns to be displayed in the picker.
-     */
-    columns: PickerColumn[];
-    /**
-     * Additional classes to apply for custom CSS. If multiple classes are
-     * provided they should be separated by spaces.
-     */
-    cssClass?: string | string[];
-    /**
-     * Number of milliseconds to wait before dismissing the picker.
-     */
-    duration: number;
-    /**
-     * If `true`, a backdrop will be displayed behind the picker.
-     */
-    showBackdrop: boolean;
-    /**
-     * If `true`, the picker will be dismissed when the backdrop is clicked.
-     */
-    backdropDismiss: boolean;
-    /**
-     * If `true`, the picker will animate.
-     */
-    animated: boolean;
-    /**
-     * Additional attributes to pass to the picker.
-     */
-    htmlAttributes?: {
-        [key: string]: any;
-    };
-    /**
-     * If `true`, the picker will open. If `false`, the picker will close.
-     * Use this if you need finer grained control over presentation, otherwise
-     * just use the pickerController or the `trigger` property.
-     * Note: `isOpen` will not automatically be set back to `false` when
-     * the picker dismisses. You will need to do that in your code.
-     */
-    isOpen: boolean;
-    onIsOpenChange(newValue: boolean, oldValue: boolean): void;
-    /**
-     * An ID corresponding to the trigger element that
-     * causes the picker to open when clicked.
-     */
-    trigger: string | undefined;
-    triggerChanged(): void;
-    /**
-     * Emitted after the picker has presented.
-     */
-    didPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has presented.
-     */
-    willPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has dismissed.
-     */
-    willDismiss: EventEmitter<OverlayEventDetail>;
-    /**
-     * Emitted after the picker has dismissed.
-     */
-    didDismiss: EventEmitter<OverlayEventDetail>;
+    preventTouchStartPropagation(ev: TouchEvent): void;
+    componentWillLoad(): void;
+    private isInHighlightBounds;
     /**
-     * Emitted after the picker has presented.
-     * Shorthand for ionPickerWillDismiss.
+     * If we are no longer focused
+     * on a picker column, then we should
+     * exit input mode. An exception is made
+     * for the input in the picker since having
+     * that focused means we are still in input mode.
      */
-    didPresentShorthand: EventEmitter<void>;
+    private onFocusOut;
     /**
-     * Emitted before the picker has presented.
-     * Shorthand for ionPickerWillPresent.
+     * When picker columns receive focus
+     * the parent picker needs to determine
+     * whether to enter/exit input mode.
      */
-    willPresentShorthand: EventEmitter<void>;
+    private onFocusIn;
     /**
-     * Emitted before the picker has dismissed.
-     * Shorthand for ionPickerWillDismiss.
+     * On click we need to run an actionOnClick
+     * function that has been set in onPointerDown
+     * so that we enter/exit input mode correctly.
      */
-    willDismissShorthand: EventEmitter<OverlayEventDetail>;
+    private onClick;
     /**
-     * Emitted after the picker has dismissed.
-     * Shorthand for ionPickerDidDismiss.
+     * Clicking a column also focuses the column on
+     * certain browsers, so we use onPointerDown
+     * to tell the onFocusIn function that users
+     * are trying to click the column rather than
+     * focus the column using the keyboard. When the
+     * user completes the click, the onClick function
+     * runs and runs the actionOnClick callback.
      */
-    didDismissShorthand: EventEmitter<OverlayEventDetail>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
+    private onPointerDown;
     /**
-     * Present the picker overlay after it has been created.
+     * Enters input mode to allow
+     * for text entry of numeric values.
+     * If on mobile, we focus a hidden input
+     * field so that the on screen keyboard
+     * is brought up. When tabbing using a
+     * keyboard, picker columns receive an outline
+     * to indicate they are focused. As a result,
+     * we should not focus the hidden input as it
+     * would cause the outline to go away, preventing
+     * users from having any visual indication of which
+     * column is focused.
      */
-    present(): Promise<void>;
+    private enterInputMode;
     /**
-     * Dismiss the picker overlay after it has been presented.
-     *
-     * @param data Any data to emit in the dismiss events.
-     * @param role The role of the element that is dismissing the picker.
-     * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the picker.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-     *
-     * This is a no-op if the overlay has not been presented yet. If you want
-     * to remove an overlay from the DOM that was never presented, use the
-     * [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
+     * @internal
+     * Exits text entry mode for the picker
+     * This method blurs the hidden input
+     * and cause the keyboard to dismiss.
      */
-    dismiss(data?: any, role?: string): Promise<boolean>;
+    exitInputMode(): Promise<void>;
+    private onKeyPress;
+    private selectSingleColumn;
     /**
-     * Returns a promise that resolves when the picker did dismiss.
+     * Searches a list of column items for a particular
+     * value. This is currently used for numeric values.
+     * The zeroBehavior can be set to account for leading
+     * or trailing zeros when looking at the item text.
      */
-    onDidDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    private searchColumn;
+    private selectMultiColumn;
     /**
-     * Returns a promise that resolves when the picker will dismiss.
+     * Searches the value of the active column
+     * to determine which value users are trying
+     * to select
      */
-    onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    private onInputChange;
     /**
-     * Get the column that matches the specified name.
-     *
-     * @param name The name of the column.
+     * Emit ionInputModeChange. Picker columns
+     * listen for this event to determine whether
+     * or not their column is "active" for text input.
      */
-    getColumn(name: string): Promise<PickerColumn | undefined>;
-    private buttonClick;
-    private callButtonHandler;
-    private getSelected;
-    private onBackdropTap;
-    private dispatchCancelHandler;
+    private emitInputModeChange;
     render(): any;
 }

package/dist/types/components/picker-column/picker-column-interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface PickerColumnChangeEventDetail {
+    value: PickerColumnValue;
+}
+export type PickerColumnValue = string | number | undefined;