@ionic/core 7.5.7 → 7.5.8-nightly.20231130

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

@@ -5,237 +5,237 @@ import type { SearchbarChangeEventDetail, SearchbarInputEventDetail } from './se
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Searchbar implements ComponentInterface {
-  private nativeInput?;
-  private isCancelVisible;
-  private shouldAlignLeft;
-  private originalIonInput?;
-  private inputId;
-  /**
-   * The value of the input when the textarea is focused.
-   */
-  private focusedValue?;
-  el: HTMLIonSearchbarElement;
-  focused: boolean;
-  noAnimate: boolean;
-  /**
-   * The color to use from your application's color palette.
-   * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-   * For more information on colors, see [theming](/docs/theming/basics).
-   */
-  color?: Color;
-  /**
-   * If `true`, enable searchbar animation.
-   */
-  animated: boolean;
-  /**
-   * Set the input's autocomplete property.
-   */
-  autocomplete: AutocompleteTypes;
-  /**
-   * Set the input's autocorrect property.
-   */
-  autocorrect: 'on' | 'off';
-  /**
-   * Set the cancel button icon. Only applies to `md` mode.
-   * Defaults to `arrow-back-sharp`.
-   */
-  cancelButtonIcon: string;
-  /**
-   * Set the the cancel button text. Only applies to `ios` mode.
-   */
-  cancelButtonText: string;
-  /**
-   * Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.
-   */
-  clearIcon?: string;
-  /**
-   * Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke.
-   */
-  debounce?: number;
-  protected debounceChanged(): void;
-  /**
-   * If `true`, the user cannot interact with the input.
-   */
-  disabled: boolean;
-  /**
-   * A hint to the browser for which keyboard to display.
-   * Possible values: `"none"`, `"text"`, `"tel"`, `"url"`,
-   * `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
-   */
-  inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-  /**
-   * A hint to the browser for which enter key to display.
-   * Possible values: `"enter"`, `"done"`, `"go"`, `"next"`,
-   * `"previous"`, `"search"`, and `"send"`.
-   */
-  enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-  /**
-   * If used in a form, set the name of the control, which is submitted with the form data.
-   */
-  name: string;
-  /**
-   * Set the input's placeholder.
-   * `placeholder` can accept either plaintext or HTML as a string.
-   * To display characters normally reserved for HTML, they
-   * must be escaped. For example `<Ionic>` would become
-   * `&lt;Ionic&gt;`
-   *
-   * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
-   */
-  placeholder: string;
-  /**
-   * The icon to use as the search icon. Defaults to `search-outline` in
-   * `ios` mode and `search-sharp` in `md` mode.
-   */
-  searchIcon?: string;
-  /**
-   * Sets the behavior for the cancel button. Defaults to `"never"`.
-   * Setting to `"focus"` shows the cancel button on focus.
-   * Setting to `"never"` hides the cancel button.
-   * Setting to `"always"` shows the cancel button regardless
-   * of focus state.
-   */
-  showCancelButton: 'never' | 'focus' | 'always';
-  /**
-   * Sets the behavior for the clear button. Defaults to `"focus"`.
-   * Setting to `"focus"` shows the clear button on focus if the
-   * input is not empty.
-   * Setting to `"never"` hides the clear button.
-   * Setting to `"always"` shows the clear button regardless
-   * of focus state, but only if the input is not empty.
-   */
-  showClearButton: 'never' | 'focus' | 'always';
-  /**
-   * If `true`, enable spellcheck on the input.
-   */
-  spellcheck: boolean;
-  /**
-   * Set the type of the input.
-   */
-  type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
-  /**
-   * the value of the searchbar.
-   */
-  value?: string | null;
-  /**
-   * Emitted when the `value` of the `ion-searchbar` element has changed.
-   */
-  ionInput: EventEmitter<SearchbarInputEventDetail>;
-  /**
-   * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
-   * modifies the element's value. Unlike the `ionInput` event, the `ionChange`
-   * event is not necessarily fired for each alteration to an element's value.
-   *
-   * The `ionChange` event is fired when the value has been committed
-   * by the user. This can happen when the element loses focus or
-   * when the "Enter" key is pressed. `ionChange` can also fire
-   * when clicking the clear or cancel buttons.
-   */
-  ionChange: EventEmitter<SearchbarChangeEventDetail>;
-  /**
-   * Emitted when the cancel button is clicked.
-   */
-  ionCancel: EventEmitter<void>;
-  /**
-   * Emitted when the clear input button is clicked.
-   */
-  ionClear: EventEmitter<void>;
-  /**
-   * Emitted when the input loses focus.
-   */
-  ionBlur: EventEmitter<void>;
-  /**
-   * Emitted when the input has focus.
-   */
-  ionFocus: EventEmitter<void>;
-  /**
-   * Emitted when the styles change.
-   * @internal
-   */
-  ionStyle: EventEmitter<StyleEventDetail>;
-  protected valueChanged(): void;
-  protected showCancelButtonChanged(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  private emitStyle;
-  /**
-   * Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global
-   * `input.focus()`.
-   *
-   * Developers who wish to focus an input when a page enters
-   * should call `setFocus()` in the `ionViewDidEnter()` lifecycle method.
-   *
-   * Developers who wish to focus an input when an overlay is presented
-   * should call `setFocus` after `didPresent` has resolved.
-   */
-  setFocus(): Promise<void>;
-  /**
-   * Returns the native `<input>` element used under the hood.
-   */
-  getInputElement(): Promise<HTMLInputElement>;
-  /**
-   * Emits an `ionChange` event.
-   *
-   * This API should be called for user committed changes.
-   * This API should not be used for external value changes.
-   */
-  private emitValueChange;
-  /**
-   * Emits an `ionInput` event.
-   */
-  private emitInputChange;
-  /**
-   * Clears the input field and triggers the control change.
-   */
-  private onClearInput;
-  /**
-   * Clears the input field and tells the input to blur since
-   * the clearInput function doesn't want the input to blur
-   * then calls the custom cancel function if the user passed one in.
-   */
-  private onCancelSearchbar;
-  /**
-   * Update the Searchbar input value when the input changes
-   */
-  private onInput;
-  private onChange;
-  /**
-   * Sets the Searchbar to not focused and checks if it should align left
-   * based on whether there is a value in the searchbar or not.
-   */
-  private onBlur;
-  /**
-   * Sets the Searchbar to focused and active on input focus.
-   */
-  private onFocus;
-  /**
-   * Positions the input search icon, placeholder, and the cancel button
-   * based on the input value and if it is focused. (ios only)
-   */
-  private positionElements;
-  /**
-   * Positions the input placeholder
-   */
-  private positionPlaceholder;
-  /**
-   * Show the iOS Cancel button on focus, hide it offscreen otherwise
-   */
-  private positionCancelButton;
-  private getValue;
-  private hasValue;
-  /**
-   * Determines whether or not the cancel button should be visible onscreen.
-   * Cancel button should be shown if one of two conditions applies:
-   * 1. `showCancelButton` is set to `always`.
-   * 2. `showCancelButton` is set to `focus`, and the searchbar has been focused.
-   */
-  private shouldShowCancelButton;
-  /**
-   * Determines whether or not the clear button should be visible onscreen.
-   * Clear button should be shown if one of two conditions applies:
-   * 1. `showClearButton` is set to `always`.
-   * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
-   */
-  private shouldShowClearButton;
-  render(): any;
+    private nativeInput?;
+    private isCancelVisible;
+    private shouldAlignLeft;
+    private originalIonInput?;
+    private inputId;
+    /**
+     * The value of the input when the textarea is focused.
+     */
+    private focusedValue?;
+    el: HTMLIonSearchbarElement;
+    focused: boolean;
+    noAnimate: boolean;
+    /**
+     * The color to use from your application's color palette.
+     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+     * For more information on colors, see [theming](/docs/theming/basics).
+     */
+    color?: Color;
+    /**
+     * If `true`, enable searchbar animation.
+     */
+    animated: boolean;
+    /**
+     * Set the input's autocomplete property.
+     */
+    autocomplete: AutocompleteTypes;
+    /**
+     * Set the input's autocorrect property.
+     */
+    autocorrect: 'on' | 'off';
+    /**
+     * Set the cancel button icon. Only applies to `md` mode.
+     * Defaults to `arrow-back-sharp`.
+     */
+    cancelButtonIcon: string;
+    /**
+     * Set the the cancel button text. Only applies to `ios` mode.
+     */
+    cancelButtonText: string;
+    /**
+     * Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.
+     */
+    clearIcon?: string;
+    /**
+     * Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke.
+     */
+    debounce?: number;
+    protected debounceChanged(): void;
+    /**
+     * If `true`, the user cannot interact with the input.
+     */
+    disabled: boolean;
+    /**
+     * A hint to the browser for which keyboard to display.
+     * Possible values: `"none"`, `"text"`, `"tel"`, `"url"`,
+     * `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
+     */
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    /**
+     * A hint to the browser for which enter key to display.
+     * Possible values: `"enter"`, `"done"`, `"go"`, `"next"`,
+     * `"previous"`, `"search"`, and `"send"`.
+     */
+    enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    /**
+     * If used in a form, set the name of the control, which is submitted with the form data.
+     */
+    name: string;
+    /**
+     * Set the input's placeholder.
+     * `placeholder` can accept either plaintext or HTML as a string.
+     * To display characters normally reserved for HTML, they
+     * must be escaped. For example `<Ionic>` would become
+     * `&lt;Ionic&gt;`
+     *
+     * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
+     */
+    placeholder: string;
+    /**
+     * The icon to use as the search icon. Defaults to `search-outline` in
+     * `ios` mode and `search-sharp` in `md` mode.
+     */
+    searchIcon?: string;
+    /**
+     * Sets the behavior for the cancel button. Defaults to `"never"`.
+     * Setting to `"focus"` shows the cancel button on focus.
+     * Setting to `"never"` hides the cancel button.
+     * Setting to `"always"` shows the cancel button regardless
+     * of focus state.
+     */
+    showCancelButton: 'never' | 'focus' | 'always';
+    /**
+     * Sets the behavior for the clear button. Defaults to `"focus"`.
+     * Setting to `"focus"` shows the clear button on focus if the
+     * input is not empty.
+     * Setting to `"never"` hides the clear button.
+     * Setting to `"always"` shows the clear button regardless
+     * of focus state, but only if the input is not empty.
+     */
+    showClearButton: 'never' | 'focus' | 'always';
+    /**
+     * If `true`, enable spellcheck on the input.
+     */
+    spellcheck: boolean;
+    /**
+     * Set the type of the input.
+     */
+    type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+    /**
+     * the value of the searchbar.
+     */
+    value?: string | null;
+    /**
+     * Emitted when the `value` of the `ion-searchbar` element has changed.
+     */
+    ionInput: EventEmitter<SearchbarInputEventDetail>;
+    /**
+     * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
+     * modifies the element's value. Unlike the `ionInput` event, the `ionChange`
+     * event is not necessarily fired for each alteration to an element's value.
+     *
+     * The `ionChange` event is fired when the value has been committed
+     * by the user. This can happen when the element loses focus or
+     * when the "Enter" key is pressed. `ionChange` can also fire
+     * when clicking the clear or cancel buttons.
+     */
+    ionChange: EventEmitter<SearchbarChangeEventDetail>;
+    /**
+     * Emitted when the cancel button is clicked.
+     */
+    ionCancel: EventEmitter<void>;
+    /**
+     * Emitted when the clear input button is clicked.
+     */
+    ionClear: EventEmitter<void>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    ionBlur: EventEmitter<void>;
+    /**
+     * Emitted when the input has focus.
+     */
+    ionFocus: EventEmitter<void>;
+    /**
+     * Emitted when the styles change.
+     * @internal
+     */
+    ionStyle: EventEmitter<StyleEventDetail>;
+    protected valueChanged(): void;
+    protected showCancelButtonChanged(): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    private emitStyle;
+    /**
+     * Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global
+     * `input.focus()`.
+     *
+     * Developers who wish to focus an input when a page enters
+     * should call `setFocus()` in the `ionViewDidEnter()` lifecycle method.
+     *
+     * Developers who wish to focus an input when an overlay is presented
+     * should call `setFocus` after `didPresent` has resolved.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Returns the native `<input>` element used under the hood.
+     */
+    getInputElement(): Promise<HTMLInputElement>;
+    /**
+     * Emits an `ionChange` event.
+     *
+     * This API should be called for user committed changes.
+     * This API should not be used for external value changes.
+     */
+    private emitValueChange;
+    /**
+     * Emits an `ionInput` event.
+     */
+    private emitInputChange;
+    /**
+     * Clears the input field and triggers the control change.
+     */
+    private onClearInput;
+    /**
+     * Clears the input field and tells the input to blur since
+     * the clearInput function doesn't want the input to blur
+     * then calls the custom cancel function if the user passed one in.
+     */
+    private onCancelSearchbar;
+    /**
+     * Update the Searchbar input value when the input changes
+     */
+    private onInput;
+    private onChange;
+    /**
+     * Sets the Searchbar to not focused and checks if it should align left
+     * based on whether there is a value in the searchbar or not.
+     */
+    private onBlur;
+    /**
+     * Sets the Searchbar to focused and active on input focus.
+     */
+    private onFocus;
+    /**
+     * Positions the input search icon, placeholder, and the cancel button
+     * based on the input value and if it is focused. (ios only)
+     */
+    private positionElements;
+    /**
+     * Positions the input placeholder
+     */
+    private positionPlaceholder;
+    /**
+     * Show the iOS Cancel button on focus, hide it offscreen otherwise
+     */
+    private positionCancelButton;
+    private getValue;
+    private hasValue;
+    /**
+     * Determines whether or not the cancel button should be visible onscreen.
+     * Cancel button should be shown if one of two conditions applies:
+     * 1. `showCancelButton` is set to `always`.
+     * 2. `showCancelButton` is set to `focus`, and the searchbar has been focused.
+     */
+    private shouldShowCancelButton;
+    /**
+     * Determines whether or not the clear button should be visible onscreen.
+     * Clear button should be shown if one of two conditions applies:
+     * 1. `showClearButton` is set to `always`.
+     * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
+     */
+    private shouldShowClearButton;
+    render(): any;
 }

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

@@ -1,9 +1,9 @@
 export type SegmentButtonLayout = 'icon-top' | 'icon-start' | 'icon-end' | 'icon-bottom' | 'icon-hide' | 'label-hide';
 export type SegmentValue = string | number;
 export interface SegmentChangeEventDetail {
-  value?: SegmentValue;
+    value?: SegmentValue;
 }
 export interface SegmentCustomEvent extends CustomEvent {
-  detail: SegmentChangeEventDetail;
-  target: HTMLIonSegmentElement;
+    detail: SegmentChangeEventDetail;
+    target: HTMLIonSegmentElement;
 }

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

@@ -6,86 +6,86 @@ import type { SegmentChangeEventDetail, SegmentValue } from './segment-interface
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Segment implements ComponentInterface {
-  private gesture?;
-  private valueBeforeGesture?;
-  el: HTMLIonSegmentElement;
-  activated: boolean;
-  /**
-   * The color to use from your application's color palette.
-   * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-   * For more information on colors, see [theming](/docs/theming/basics).
-   */
-  color?: Color;
-  protected colorChanged(value?: Color, oldValue?: Color): void;
-  /**
-   * If `true`, the user cannot interact with the segment.
-   */
-  disabled: boolean;
-  /**
-   * If `true`, the segment buttons will overflow and the user can swipe to see them.
-   * In addition, this will disable the gesture to drag the indicator between the buttons
-   * in order to swipe to see hidden buttons.
-   */
-  scrollable: boolean;
-  /**
-   * If `true`, users will be able to swipe between segment buttons to activate them.
-   */
-  swipeGesture: boolean;
-  swipeGestureChanged(): void;
-  /**
-   * the value of the segment.
-   */
-  value?: SegmentValue;
-  protected valueChanged(value: SegmentValue | undefined): void;
-  /**
-   * If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.
-   * If `false`, keyboard navigation will only focus the `ion-segment-button` element.
-   */
-  selectOnFocus: boolean;
-  /**
-   * Emitted when the value property has changed and any
-   * dragging pointer has been released from `ion-segment`.
-   */
-  ionChange: EventEmitter<SegmentChangeEventDetail>;
-  /**
-   * Emitted when the value of the segment changes from user committed actions
-   * or from externally assigning a value.
-   *
-   * @internal
-   */
-  ionSelect: EventEmitter<SegmentChangeEventDetail>;
-  /**
-   * Emitted when the styles change.
-   * @internal
-   */
-  ionStyle: EventEmitter<StyleEventDetail>;
-  disabledChanged(): void;
-  private gestureChanged;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): Promise<void>;
-  onStart(detail: GestureDetail): void;
-  onMove(detail: GestureDetail): void;
-  onEnd(detail: GestureDetail): void;
-  /**
-   * Emits an `ionChange` event.
-   *
-   * This API should be called for user committed changes.
-   * This API should not be used for external value changes.
-   */
-  private emitValueChange;
-  private getButtons;
-  private get checked();
-  private setActivated;
-  private activate;
-  private getIndicator;
-  private checkButton;
-  private setCheckedClasses;
-  private scrollActiveButtonIntoView;
-  private setNextIndex;
-  private emitStyle;
-  private onClick;
-  private getSegmentButton;
-  onKeyDown(ev: KeyboardEvent): void;
-  render(): any;
+    private gesture?;
+    private valueBeforeGesture?;
+    el: HTMLIonSegmentElement;
+    activated: boolean;
+    /**
+     * The color to use from your application's color palette.
+     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+     * For more information on colors, see [theming](/docs/theming/basics).
+     */
+    color?: Color;
+    protected colorChanged(value?: Color, oldValue?: Color): void;
+    /**
+     * If `true`, the user cannot interact with the segment.
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the segment buttons will overflow and the user can swipe to see them.
+     * In addition, this will disable the gesture to drag the indicator between the buttons
+     * in order to swipe to see hidden buttons.
+     */
+    scrollable: boolean;
+    /**
+     * If `true`, users will be able to swipe between segment buttons to activate them.
+     */
+    swipeGesture: boolean;
+    swipeGestureChanged(): void;
+    /**
+     * the value of the segment.
+     */
+    value?: SegmentValue;
+    protected valueChanged(value: SegmentValue | undefined): void;
+    /**
+     * If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.
+     * If `false`, keyboard navigation will only focus the `ion-segment-button` element.
+     */
+    selectOnFocus: boolean;
+    /**
+     * Emitted when the value property has changed and any
+     * dragging pointer has been released from `ion-segment`.
+     */
+    ionChange: EventEmitter<SegmentChangeEventDetail>;
+    /**
+     * Emitted when the value of the segment changes from user committed actions
+     * or from externally assigning a value.
+     *
+     * @internal
+     */
+    ionSelect: EventEmitter<SegmentChangeEventDetail>;
+    /**
+     * Emitted when the styles change.
+     * @internal
+     */
+    ionStyle: EventEmitter<StyleEventDetail>;
+    disabledChanged(): void;
+    private gestureChanged;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
+    onStart(detail: GestureDetail): void;
+    onMove(detail: GestureDetail): void;
+    onEnd(detail: GestureDetail): void;
+    /**
+     * Emits an `ionChange` event.
+     *
+     * This API should be called for user committed changes.
+     * This API should not be used for external value changes.
+     */
+    private emitValueChange;
+    private getButtons;
+    private get checked();
+    private setActivated;
+    private activate;
+    private getIndicator;
+    private checkButton;
+    private setCheckedClasses;
+    private scrollActiveButtonIntoView;
+    private setNextIndex;
+    private emitStyle;
+    private onClick;
+    private getSegmentButton;
+    onKeyDown(ev: KeyboardEvent): void;
+    render(): any;
 }