voyager-ionic-core 7.2.3 → 7.5.0

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

@@ -7,8 +7,8 @@ import type { ActionSheetButton } from './action-sheet-interface';
  */
 export declare class ActionSheet implements ComponentInterface, OverlayInterface {
   private readonly delegateController;
+  private readonly lockController;
   private readonly triggerController;
-  private currentTransition?;
   private wrapperEl?;
   private groupEl?;
   private gesture?;

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

@@ -48,6 +48,9 @@ export interface AlertButton {
   role?: 'cancel' | 'destructive' | string;
   cssClass?: string | string[];
   id?: string;
+  htmlAttributes?: {
+    [key: string]: any;
+  };
   handler?: (value: any) => AlertButtonOverlayHandler | Promise<AlertButtonOverlayHandler>;
 }
 export {};

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

@@ -8,6 +8,7 @@ import type { AlertButton, AlertInput } from './alert-interface';
  */
 export declare class Alert implements ComponentInterface, OverlayInterface {
   private readonly delegateController;
+  private readonly lockController;
   private readonly triggerController;
   private customHTMLEnabled;
   private activeId?;
@@ -16,7 +17,6 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
   private processedButtons;
   private wrapperEl?;
   private gesture?;
-  private currentTransition?;
   presented: boolean;
   lastFocus?: HTMLElement;
   el: HTMLIonAlertElement;

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

@@ -111,6 +111,15 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
    * Emitted when the button loses focus.
    */
   ionBlur: EventEmitter<void>;
+  /**
+   * This is responsible for rendering a hidden native
+   * button element inside the associated form. This allows
+   * users to submit a form by pressing "Enter" when a text
+   * field inside of the form is focused. The native button
+   * rendered inside of `ion-button` is in the Shadow DOM
+   * and therefore does not participate in form submission
+   * which is why the following code is necessary.
+   */
   private renderHiddenButton;
   componentWillLoad(): void;
   private get hasIconOnly();

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

@@ -51,8 +51,9 @@ export declare class Checkbox implements ComponentInterface {
    * `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.
    * `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.
    * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+   * `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
    */
-  labelPlacement: 'start' | 'end' | 'fixed';
+  labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
   /**
    * How to pack the label and checkbox within a line.
    * `"start"`: The label and checkbox will appear on the left in LTR and
@@ -63,6 +64,12 @@ export declare class Checkbox implements ComponentInterface {
    * ends of the line with space between the two elements.
    */
   justify: 'start' | 'end' | 'space-between';
+  /**
+   * How to control the alignment of the checkbox and label on the cross axis.
+   * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
+   * `"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
@@ -109,6 +116,7 @@ export declare class Checkbox implements ComponentInterface {
   private toggleChecked;
   private onFocus;
   private onBlur;
+  private onClick;
   render(): any;
   private renderCheckbox;
   private renderLegacyCheckbox;

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

@@ -19,6 +19,8 @@ export declare class Content implements ComponentInterface {
   private backgroundContentEl?;
   private isMainContent;
   private resizeTimeout;
+  private tabsElement;
+  private tabsLoadCallback?;
   private detail;
   el: HTMLIonContentElement;
   /**
@@ -69,7 +71,6 @@ export declare class Content implements ComponentInterface {
   ionScrollEnd: EventEmitter<ScrollBaseDetail>;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  onAppLoad(): void;
   /**
    * Rotating certain devices can update
    * the safe area insets. As a result,

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

@@ -27,3 +27,4 @@ export type DatetimeHighlight = {
   date: string;
 } & DatetimeHighlightStyle;
 export type DatetimeHighlightCallback = (dateIsoString: string) => DatetimeHighlightStyle | undefined;
+export type DatetimeHourCycle = 'h11' | 'h12' | 'h23' | 'h24';

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

@@ -1,6 +1,6 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
-import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback } from './datetime-interface';
+import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle } from './datetime-interface';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
@@ -18,6 +18,12 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Ti
  *
  * @part month-year-button - The button that opens the month/year picker when
  * using a grid style layout.
+ *
+ * @part calendar-day - The individual buttons that display a day inside of the datetime
+ * calendar.
+ * @part calendar-day active - The currently selected calendar day.
+ * @part calendar-day today - The calendar day that contains the current day.
+ * @part calendar-day disabled - The calendar day that is disabled.
  */
 export declare class Datetime implements ComponentInterface {
   private inputId;
@@ -37,16 +43,22 @@ export declare class Datetime implements ComponentInterface {
   private todayParts;
   private defaultParts;
   private prevPresentation;
-  /**
-   * Duplicate reference to `activeParts` that does not trigger a re-render of the component.
-   * Allows caching an instance of the `activeParts` in between render cycles.
-   */
-  private activePartsClone;
+  private resolveForceDateScrolling?;
   showMonthAndYear: boolean;
   activeParts: DatetimeParts | DatetimeParts[];
   workingParts: DatetimeParts;
   el: HTMLIonDatetimeElement;
   isTimePopoverOpen: boolean;
+  /**
+   * When defined, will force the datetime to render the month
+   * containing the specified date. Currently, this should only
+   * be used to enable immediately auto-scrolling to the new month,
+   * and should then be reset to undefined once the transition is
+   * finished and the forced month is now in view.
+   *
+   * Applies to grid-style datetimes only.
+   */
+  forceRenderDate?: DatetimeParts;
   /**
    * The color to use from your application's color palette.
    * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
@@ -108,6 +120,7 @@ export declare class Datetime implements ComponentInterface {
    * `"time-date"` will show the time picker first and date picker second.
    */
   presentation: DatetimePresentation;
+  private get isGridStyle();
   /**
    * The text to display on the picker's cancel button.
    */
@@ -166,7 +179,6 @@ export declare class Datetime implements ComponentInterface {
    */
   minuteValues?: number[] | number | string;
   protected minuteValuesChanged(): void;
-  protected activePartsChanged(): void;
   /**
    * The locale to use for `ion-datetime`. This
    * impacts month and day name formatting.
@@ -209,7 +221,7 @@ export declare class Datetime implements ComponentInterface {
   /**
    * Update the datetime value when the value changes
    */
-  protected valueChanged(): void;
+  protected valueChanged(): Promise<void>;
   /**
    * If `true`, a header will be shown above the calendar
    * picker. This will include both the slotted title, and
@@ -247,7 +259,7 @@ export declare class Datetime implements ComponentInterface {
    * The hour cycle of the `ion-datetime`. If no value is set, this is
    * specified by the current locale.
    */
-  hourCycle?: 'h23' | 'h12';
+  hourCycle?: DatetimeHourCycle;
   /**
    * If `cover`, the `ion-datetime` will expand to cover the full width of its container.
    * If `fixed`, the `ion-datetime` will have a fixed width.
@@ -326,9 +338,9 @@ export declare class Datetime implements ComponentInterface {
    * data. This should be used when rendering an
    * interface in an environment where the `value`
    * may not be set. This function works
-   * by returning the first selected date in
-   * "activePartsClone" and then falling back to
-   * defaultParts if no active date is selected.
+   * by returning the first selected date and then
+   * falling back to defaultParts if no active date
+   * is selected.
    */
   private getActivePartsWithFallback;
   private getActivePart;
@@ -357,6 +369,7 @@ export declare class Datetime implements ComponentInterface {
    */
   componentDidRender(): void;
   private processValue;
+  private animateToDate;
   componentWillLoad(): void;
   private emitStyle;
   private onFocus;

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

@@ -1,6 +1,6 @@
 import type { Mode } from '../../../interface';
 import type { PickerColumnItem } from '../../picker-column-internal/picker-column-internal-interfaces';
-import type { DatetimeParts } from '../datetime-interface';
+import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
 /**
  * Returns the current date as
  * an ISO string in the user's
@@ -35,7 +35,7 @@ export declare const getDaysOfMonth: (month: number, year: number, firstDayOfWee
  * max/min bound datetime parts, calculate the acceptable
  * hour and minute values according to the bounds and locale.
  */
-export declare const generateTime: (refParts: DatetimeParts, hourCycle?: 'h12' | 'h23', minParts?: DatetimeParts, maxParts?: DatetimeParts, hourValues?: number[], minuteValues?: number[]) => {
+export declare const generateTime: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, hourValues?: number[], minuteValues?: number[]) => {
   hours: number[];
   minutes: number[];
   am: boolean;
@@ -45,7 +45,7 @@ export declare const generateTime: (refParts: DatetimeParts, hourCycle?: 'h12' |
  * Given DatetimeParts, generate the previous,
  * current, and and next months.
  */
-export declare const generateMonths: (refParts: DatetimeParts) => DatetimeParts[];
+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[];
 /**
  * Returns information regarding
@@ -70,7 +70,7 @@ interface CombinedDateColumnData {
  * Example: "Thu, Jun 2"
  */
 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?: 'h23' | 'h12', minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
+export declare const getTimeColumnsData: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
   [key: string]: PickerColumnItem[];
 };
 export {};

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

@@ -1,5 +1,5 @@
-import type { DatetimeParts } from '../datetime-interface';
-export declare const getLocalizedTime: (locale: string, refParts: DatetimeParts, use24Hour: boolean) => string;
+import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
+export declare const getLocalizedTime: (locale: string, refParts: DatetimeParts, hourCycle: DatetimeHourCycle) => string;
 /**
  * Adds padding to a time value so
  * that it is always 2 digits.
@@ -11,7 +11,7 @@ export declare const addTimePadding: (value: number) => string;
  * 12 hour times it ensures that
  * hour 0 is formatted as '12'.
  */
-export declare const getFormattedHour: (hour: number, use24Hour: boolean) => string;
+export declare const getFormattedHour: (hour: number, hourCycle: DatetimeHourCycle) => string;
 /**
  * Generates an aria-label to be read by screen readers
  * given a local, a date, and whether or not that date is

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

@@ -1,3 +1,4 @@
+import type { DatetimeHourCycle } from '../datetime-interface';
 /**
  * Determines if given year is a
  * leap year. Returns `true` if year
@@ -5,7 +6,20 @@
  * otherwise.
  */
 export declare const isLeapYear: (year: number) => boolean;
-export declare const is24Hour: (locale: string, hourCycle?: 'h23' | 'h12') => boolean;
+/**
+ * Determines the hour cycle for a user.
+ * If the hour cycle is explicitly defined, just use that.
+ * Otherwise, we try to derive it from either the specified
+ * locale extension tags or from Intl.DateTimeFormat directly.
+ */
+export declare const getHourCycle: (locale: string, hourCycle?: DatetimeHourCycle) => DatetimeHourCycle;
+/**
+ * Determine if the hour cycle uses a 24-hour format.
+ * Returns true for h23 and h24. Returns false otherwise.
+ * If you don't know the hourCycle, use getHourCycle above
+ * and pass the result into this function.
+ */
+export declare const is24Hour: (hourCycle: DatetimeHourCycle) => boolean;
 /**
  * Given a date object, returns the number
  * of days in that month.

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

@@ -15,10 +15,10 @@ export declare const getPartsFromCalendarDay: (el: HTMLElement) => DatetimeParts
  * We do not use the JS Date object here because
  * it adjusts the date for the current timezone.
  */
-export declare function parseDate(val: string): DatetimeParts;
-export declare function parseDate(val: string[]): DatetimeParts[];
+export declare function parseDate(val: string): DatetimeParts | undefined;
+export declare function parseDate(val: string[]): DatetimeParts[] | undefined;
 export declare function parseDate(val: undefined | null): undefined;
-export declare function parseDate(val: string | string[]): DatetimeParts | DatetimeParts[];
+export declare function parseDate(val: string | string[]): DatetimeParts | DatetimeParts[] | undefined;
 export declare function parseDate(val: string | string[] | undefined | null): DatetimeParts | DatetimeParts[] | undefined;
 export declare const clampDate: (dateParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts) => DatetimeParts;
 /**
@@ -33,11 +33,11 @@ export declare const parseAmPm: (hour: number) => "am" | "pm";
  * For example, max="2012" would fill in the missing
  * month, day, hour, and minute information.
  */
-export declare const parseMaxParts: (max: string, todayParts: DatetimeParts) => DatetimeParts;
+export declare const parseMaxParts: (max: string, todayParts: DatetimeParts) => DatetimeParts | undefined;
 /**
  * Takes a min date string and creates a DatetimeParts
  * object, filling in any missing information.
  * For example, min="2012" would fill in the missing
  * month, day, hour, and minute information.
  */
-export declare const parseMinParts: (min: string, todayParts: DatetimeParts) => DatetimeParts;
+export declare const parseMinParts: (min: string, todayParts: DatetimeParts) => DatetimeParts | undefined;

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

@@ -56,6 +56,7 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
   /**
    * 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.
+   * @deprecated Use the `fill` property on `ion-input` or `ion-textarea` instead.
    */
   fill?: 'outline' | 'solid';
   /**
@@ -125,5 +126,6 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
   private updateCounterOutput;
   private defaultCounterFormatter;
   private hasStartEl;
+  private getFirstInteractive;
   render(): any;
 }

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

@@ -1,2 +1,7 @@
 import type { E2EPage, ScreenshotFn } from "../../../utils/test/playwright/index";
+/**
+ * Warning: This function will fail when in RTL mode.
+ * TODO(FW-3711): Remove the `directions` config when this issue preventing
+ * tests from passing in RTL mode is resolved.
+ */
 export declare const testSlidingItem: (page: E2EPage, itemID: string, screenshotNameSuffix: string, screenshot: ScreenshotFn, openStart?: boolean) => Promise<void>;

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

@@ -8,10 +8,10 @@ import type { SpinnerTypes } from '../spinner/spinner-configs';
  */
 export declare class Loading implements ComponentInterface, OverlayInterface {
   private readonly delegateController;
+  private readonly lockController;
   private readonly triggerController;
   private customHTMLEnabled;
   private durationTimeout?;
-  private currentTransition?;
   presented: boolean;
   lastFocus?: HTMLElement;
   el: HTMLIonLoadingElement;

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

@@ -25,7 +25,6 @@ export interface MenuControllerI {
   _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean>;
   _register(menu: MenuI): void;
   _unregister(menu: MenuI): void;
-  _setActiveMenu(menu: MenuI): void;
   getMenus(): Promise<HTMLIonMenuElement[]>;
   getOpenSync(): HTMLIonMenuElement | undefined;
 }

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

@@ -9,6 +9,15 @@ export declare class Menu implements ComponentInterface, MenuI {
   private lastOnEnd;
   private gesture?;
   private blocker;
+  private didLoad;
+  /**
+   * Flag used to determine if an open/close
+   * operation was cancelled. For example, if
+   * an app calls "menu.open" then disables the menu
+   * part way through the animation, then this would
+   * be considered a cancelled operation.
+   */
+  private operationCancelled;
   isAnimating: boolean;
   width: number;
   _isOpen: boolean;
@@ -83,6 +92,7 @@ export declare class Menu implements ComponentInterface, MenuI {
   connectedCallback(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): Promise<void>;
+  private menuChanged;
   disconnectedCallback(): Promise<void>;
   onSplitPaneChanged(ev: CustomEvent): void;
   onBackdropClick(ev: any): void;
@@ -134,6 +144,5 @@ export declare class Menu implements ComponentInterface, MenuI {
   private beforeAnimation;
   private afterAnimation;
   private updateState;
-  private forceClosing;
   render(): any;
 }

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

@@ -12,10 +12,10 @@ import type { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from './mo
  * @part handle - The handle that is displayed at the top of the sheet modal when `handle="true"`.
  */
 export declare class Modal implements ComponentInterface, OverlayInterface {
+  private readonly lockController;
   private readonly triggerController;
   private gesture?;
   private coreDelegate;
-  private currentTransition?;
   private sheetTransition?;
   private isSheetModal;
   private currentBreakpoint?;

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

@@ -24,6 +24,9 @@ export interface PickerButton {
 export interface PickerColumn {
   name: string;
   align?: string;
+  /**
+   * Changing this value allows the initial value of a picker column to be set.
+   */
   selectedIndex?: number;
   prevSelected?: number;
   prefix?: string;

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

@@ -7,9 +7,9 @@ import type { PickerButton, PickerColumn } from './picker-interface';
  */
 export declare class Picker implements ComponentInterface, OverlayInterface {
   private readonly delegateController;
+  private readonly lockController;
   private readonly triggerController;
   private durationTimeout?;
-  private currentTransition?;
   lastFocus?: HTMLElement;
   el: HTMLIonPickerElement;
   presented: boolean;

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

@@ -16,7 +16,7 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
   private triggerEl?;
   private parentPopover;
   private coreDelegate;
-  private currentTransition?;
+  private readonly lockController;
   private destroyTriggerInteraction?;
   private destroyKeyboardInteraction?;
   private destroyDismissInteraction?;

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

@@ -48,8 +48,9 @@ export declare class Radio implements ComponentInterface {
    * `"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.
    * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+   * `"stacked"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
    */
-  labelPlacement: 'start' | 'end' | 'fixed';
+  labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
   /**
    * 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
@@ -70,6 +71,12 @@ export declare class Radio implements ComponentInterface {
    * ends of the line with space between the two elements.
    */
   justify: 'start' | 'end' | 'space-between';
+  /**
+   * How to control the alignment of the radio and label on the cross axis.
+   * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
+   * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+   */
+  alignment: 'start' | 'center';
   /**
    * Emitted when the styles change.
    * @internal

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

@@ -116,8 +116,9 @@ export declare class Range implements ComponentInterface {
    * `"start"`: The label will appear to the left of the range in LTR and to the right in RTL.
    * `"end"`: The label will appear to the right of the range in LTR and to the left in RTL.
    * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+   * `"stacked"`: The label will appear above the range regardless of the direction.
    */
-  labelPlacement: 'start' | 'end' | 'fixed';
+  labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
   /**
    * 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
@@ -195,6 +196,14 @@ export declare class Range implements ComponentInterface {
   private onBlur;
   private onFocus;
   private renderLegacyRange;
+  /**
+   * Returns true if content was passed to the "start" slot
+   */
+  private get hasStartSlotContent();
+  /**
+   * Returns true if content was passed to the "end" slot
+   */
+  private get hasEndSlotContent();
   private renderRange;
   private get hasLabel();
   private renderRangeSlider;

package/dist/types/components/router-outlet/{route-outlet.d.ts → router-outlet.d.ts}

@@ -3,10 +3,10 @@ import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../
 import type { RouterOutletOptions, SwipeGestureHandler } from '../nav/nav-interface';
 import type { RouteID, RouterDirection, RouteWrite, NavOutlet } from '../router/utils/interface';
 export declare class RouterOutlet implements ComponentInterface, NavOutlet {
+  private readonly lockController;
   private activeEl;
   private activeComponent;
   private activeParams;
-  private waitPromise?;
   private gesture?;
   private ani?;
   private gestureOrAnimationInProgress;
@@ -43,6 +43,5 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
   getRouteId(): Promise<RouteID | undefined>;
   private setRoot;
   private transition;
-  private lock;
   render(): any;
 }

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

@@ -81,6 +81,7 @@ export declare class Segment implements ComponentInterface {
   private getIndicator;
   private checkButton;
   private setCheckedClasses;
+  private scrollActiveButtonIntoView;
   private setNextIndex;
   private emitStyle;
   private onClick;

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

@@ -27,8 +27,16 @@ export declare class TabBar implements ComponentInterface {
   translucent: boolean;
   /** @internal */
   ionTabBarChanged: EventEmitter<TabBarChangedEventDetail>;
+  /**
+   * @internal
+   * This event is used in IonContent to correctly
+   * calculate the fullscreen content offsets
+   * when IonTabBar is used.
+   */
+  ionTabBarLoaded: EventEmitter<void>;
   componentWillLoad(): void;
   connectedCallback(): Promise<void>;
   disconnectedCallback(): void;
+  componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/toast/animations/ios.enter.d.ts

@@ -1,5 +1,6 @@
 import type { Animation } from '../../../interface';
+import type { ToastPresentOptions } from '../toast-interface';
 /**
  * iOS Toast Enter Animation
  */
-export declare const iosEnterAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const iosEnterAnimation: (baseEl: HTMLElement, opts: ToastPresentOptions) => Animation;

package/dist/types/components/toast/animations/ios.leave.d.ts

@@ -1,5 +1,5 @@
-import type { Animation } from '../../../interface';
+import type { Animation, ToastDismissOptions } from '../../../interface';
 /**
  * iOS Toast Leave Animation
  */
-export declare const iosLeaveAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const iosLeaveAnimation: (baseEl: HTMLElement, opts: ToastDismissOptions) => Animation;

package/dist/types/components/toast/animations/md.enter.d.ts

@@ -1,5 +1,6 @@
 import type { Animation } from '../../../interface';
+import type { ToastPresentOptions } from '../toast-interface';
 /**
  * MD Toast Enter Animation
  */
-export declare const mdEnterAnimation: (baseEl: HTMLElement, position: string) => Animation;
+export declare const mdEnterAnimation: (baseEl: HTMLElement, opts: ToastPresentOptions) => Animation;

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

@@ -0,0 +1,18 @@
+import type { Mode } from "../../../interface";
+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.
+ *
+ * @param position The value of the toast's position prop.
+ * @param positionAnchor The element the toast should be anchored to,
+ * if applicable.
+ * @param mode The toast component's mode (md, ios, etc).
+ * @param toast A reference to the toast element itself.
+ */
+export declare function getAnimationPosition(position: ToastPosition, positionAnchor: HTMLElement | undefined, mode: Mode, toast: HTMLElement): ToastAnimationPosition;

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

@@ -7,6 +7,7 @@ export interface ToastOptions {
   duration?: number;
   buttons?: (ToastButton | string)[];
   position?: 'top' | 'bottom' | 'middle';
+  positionAnchor?: HTMLElement | string;
   translucent?: boolean;
   animated?: boolean;
   icon?: string;
@@ -27,7 +28,23 @@ export interface ToastButton {
   icon?: string;
   side?: 'start' | 'end';
   role?: 'cancel' | string;
+  /**
+   * @deprecated Use the toast button's CSS Shadow Parts instead.
+   */
   cssClass?: string | string[];
+  htmlAttributes?: {
+    [key: string]: any;
+  };
   handler?: () => boolean | void | Promise<boolean | void>;
 }
 export type ToastPosition = 'top' | 'bottom' | 'middle';
+interface ToastPositionAlias {
+  position: ToastPosition;
+}
+export interface ToastAnimationPosition {
+  top: string;
+  bottom: string;
+}
+export type ToastPresentOptions = ToastPositionAlias & ToastAnimationPosition;
+export type ToastDismissOptions = ToastPositionAlias & ToastAnimationPosition;
+export {};