@ionic/core 7.5.7 → 7.5.8-dev.11701374238.101cd738

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

@@ -10,40 +10,40 @@ import type { SegmentButtonLayout } from './segment-button-interface';
  * @part indicator-background - The background element for the indicator displayed on the checked segment button.
  */
 export declare class SegmentButton implements ComponentInterface, ButtonInterface {
-  private segmentEl;
-  private nativeEl;
-  private inheritedAttributes;
-  el: HTMLElement;
-  checked: boolean;
-  /**
-   * If `true`, the user cannot interact with the segment button.
-   */
-  disabled: boolean;
-  /**
-   * Set the layout of the text and icon in the segment.
-   */
-  layout?: SegmentButtonLayout;
-  /**
-   * The type of the button.
-   */
-  type: 'submit' | 'reset' | 'button';
-  /**
-   * The value of the segment button.
-   */
-  value: SegmentValue;
-  valueChanged(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  private get hasLabel();
-  private get hasIcon();
-  private updateStyle;
-  private updateState;
-  /**
-   * @internal
-   * Focuses the native <button> element
-   * inside of ion-segment-button.
-   */
-  setFocus(): Promise<void>;
-  render(): any;
+    private segmentEl;
+    private nativeEl;
+    private inheritedAttributes;
+    el: HTMLElement;
+    checked: boolean;
+    /**
+     * If `true`, the user cannot interact with the segment button.
+     */
+    disabled: boolean;
+    /**
+     * Set the layout of the text and icon in the segment.
+     */
+    layout?: SegmentButtonLayout;
+    /**
+     * The type of the button.
+     */
+    type: 'submit' | 'reset' | 'button';
+    /**
+     * The value of the segment button.
+     */
+    value: SegmentValue;
+    valueChanged(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    private get hasLabel();
+    private get hasIcon();
+    private updateStyle;
+    private updateState;
+    /**
+     * @internal
+     * Focuses the native <button> element
+     * inside of ion-segment-button.
+     */
+    setFocus(): Promise<void>;
+    render(): any;
 }

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

@@ -1,9 +1,9 @@
 export type SelectInterface = 'action-sheet' | 'popover' | 'alert';
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 export interface SelectChangeEventDetail<T = any> {
-  value: T;
+    value: T;
 }
 export interface SelectCustomEvent<T = any> extends CustomEvent {
-  detail: SelectChangeEventDetail<T>;
-  target: HTMLIonSelectElement;
+    detail: SelectChangeEventDetail<T>;
+    target: HTMLIonSelectElement;
 }

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

@@ -13,237 +13,237 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part label - The label text describing the select.
  */
 export declare class Select implements ComponentInterface {
-  private inputId;
-  private overlay?;
-  private focusEl?;
-  private mutationO?;
-  private legacyFormController;
-  private inheritedAttributes;
-  private nativeWrapperEl;
-  private notchSpacerEl;
-  private notchController?;
-  private hasLoggedDeprecationWarning;
-  el: HTMLIonSelectElement;
-  isExpanded: boolean;
-  /**
-   * The text to display on the cancel button.
-   */
-  cancelText: string;
-  /**
-   * 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).
-   *
-   * This property is only available when using the modern select syntax.
-   */
-  color?: Color;
-  /**
-   * A property name or function used to compare object values
-   */
-  compareWith?: string | SelectCompareFn | null;
-  /**
-   * If `true`, the user cannot interact with the select.
-   */
-  disabled: boolean;
-  /**
-   * 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.
-   */
-  fill?: 'outline' | 'solid';
-  /**
-   * The interface the select should use: `action-sheet`, `popover` or `alert`.
-   */
-  interface: SelectInterface;
-  /**
-   * Any additional options that the `alert`, `action-sheet` or `popover` interface
-   * can take. See the [ion-alert docs](./alert), the
-   * [ion-action-sheet docs](./action-sheet) and the
-   * [ion-popover docs](./popover) for the
-   * create options for each interface.
-   *
-   * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
-   */
-  interfaceOptions: any;
-  /**
-   * How to pack the label and select within a line.
-   * `justify` does not apply when the label and select
-   * are on different lines when `labelPlacement` is set to
-   * `"floating"` or `"stacked"`.
-   * `"start"`: The label and select will appear on the left in LTR and
-   * on the right in RTL.
-   * `"end"`: The label and select will appear on the right in LTR and
-   * on the left in RTL.
-   * `"space-between"`: The label and select will appear on opposite
-   * ends of the line with space between the two elements.
-   */
-  justify: 'start' | 'end' | 'space-between';
-  /**
-   * The visible label associated with the select.
-   *
-   * Use this if you need to render a plaintext label.
-   *
-   * The `label` property will take priority over the `label` slot if both are used.
-   */
-  label?: string;
-  /**
-   * Where to place the label relative to the select.
-   * `"start"`: The label will appear to the left of the select in LTR and to the right in RTL.
-   * `"end"`: The label will appear to the right of the select in LTR and to the left in RTL.
-   * `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select.
-   * `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value.
-   * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
-   * When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
-   */
-  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;
-  /**
-   * If `true`, the select can accept multiple values.
-   */
-  multiple: boolean;
-  /**
-   * The name of the control, which is submitted with the form data.
-   */
-  name: string;
-  /**
-   * The text to display on the ok button.
-   */
-  okText: string;
-  /**
-   * The text to display when the select is empty.
-   */
-  placeholder?: string;
-  /**
-   * The text to display instead of the selected option's value.
-   */
-  selectedText?: string | null;
-  /**
-   * The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,
-   * or `caretDownSharp` for `md` mode.
-   */
-  toggleIcon?: string;
-  /**
-   * The toggle icon to show when the select is open. If defined, the icon
-   * rotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`
-   * will be used for when the select is both open and closed.
-   */
-  expandedIcon?: string;
-  /**
-   * The shape of the select. If "round" it will have an increased border radius.
-   */
-  shape?: 'round';
-  /**
-   * The value of the select.
-   */
-  value?: any | null;
-  /**
-   * Emitted when the value has changed.
-   */
-  ionChange: EventEmitter<SelectChangeEventDetail>;
-  /**
-   * Emitted when the selection is cancelled.
-   */
-  ionCancel: EventEmitter<void>;
-  /**
-   * Emitted when the overlay is dismissed.
-   */
-  ionDismiss: EventEmitter<void>;
-  /**
-   * Emitted when the select has focus.
-   */
-  ionFocus: EventEmitter<void>;
-  /**
-   * Emitted when the select loses focus.
-   */
-  ionBlur: EventEmitter<void>;
-  /**
-   * Emitted when the styles change.
-   * @internal
-   */
-  ionStyle: EventEmitter<StyleEventDetail>;
-  protected styleChanged(): void;
-  private setValue;
-  componentWillLoad(): void;
-  connectedCallback(): Promise<void>;
-  disconnectedCallback(): void;
-  /**
-   * Open the select overlay. The overlay is either an alert, action sheet, or popover,
-   * depending on the `interface` property on the `ion-select`.
-   *
-   * @param event The user interface event that called the open.
-   */
-  open(event?: UIEvent): Promise<any>;
-  private createOverlay;
-  private updateOverlayOptions;
-  private createActionSheetButtons;
-  private createAlertInputs;
-  private createPopoverOptions;
-  private openPopover;
-  private openActionSheet;
-  private openAlert;
-  /**
-   * Close the select interface.
-   */
-  private close;
-  private getLabel;
-  private hasValue;
-  private get childOpts();
-  /**
-   * Returns any plaintext associated with
-   * the label (either prop or slot).
-   * Note: This will not return any custom
-   * HTML. Use the `hasLabel` getter if you
-   * want to know if any slotted label content
-   * was passed.
-   */
-  private get labelText();
-  private getText;
-  private setFocus;
-  private emitStyle;
-  private onClick;
-  private onFocus;
-  private onBlur;
-  private renderLabel;
-  componentDidRender(): void;
-  /**
-   * Gets any content passed into the `label` slot,
-   * not the <slot> definition.
-   */
-  private get labelSlot();
-  /**
-   * Returns `true` if label content is provided
-   * either by a prop or a content. If you want
-   * to get the plaintext value of the label use
-   * the `labelText` getter instead.
-   */
-  private get hasLabel();
-  /**
-   * Renders the border container
-   * when fill="outline".
-   */
-  private renderLabelContainer;
-  private renderSelect;
-  private renderLegacySelect;
-  /**
-   * Renders either the placeholder
-   * or the selected values based on
-   * the state of the select.
-   */
-  private renderSelectText;
-  /**
-   * Renders the chevron icon
-   * next to the select text.
-   */
-  private renderSelectIcon;
-  private get ariaLabel();
-  private renderListbox;
-  render(): any;
+    private inputId;
+    private overlay?;
+    private focusEl?;
+    private mutationO?;
+    private legacyFormController;
+    private inheritedAttributes;
+    private nativeWrapperEl;
+    private notchSpacerEl;
+    private notchController?;
+    private hasLoggedDeprecationWarning;
+    el: HTMLIonSelectElement;
+    isExpanded: boolean;
+    /**
+     * The text to display on the cancel button.
+     */
+    cancelText: string;
+    /**
+     * 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).
+     *
+     * This property is only available when using the modern select syntax.
+     */
+    color?: Color;
+    /**
+     * A property name or function used to compare object values
+     */
+    compareWith?: string | SelectCompareFn | null;
+    /**
+     * If `true`, the user cannot interact with the select.
+     */
+    disabled: boolean;
+    /**
+     * 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.
+     */
+    fill?: 'outline' | 'solid';
+    /**
+     * The interface the select should use: `action-sheet`, `popover` or `alert`.
+     */
+    interface: SelectInterface;
+    /**
+     * Any additional options that the `alert`, `action-sheet` or `popover` interface
+     * can take. See the [ion-alert docs](./alert), the
+     * [ion-action-sheet docs](./action-sheet) and the
+     * [ion-popover docs](./popover) for the
+     * create options for each interface.
+     *
+     * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
+     */
+    interfaceOptions: any;
+    /**
+     * How to pack the label and select within a line.
+     * `justify` does not apply when the label and select
+     * are on different lines when `labelPlacement` is set to
+     * `"floating"` or `"stacked"`.
+     * `"start"`: The label and select will appear on the left in LTR and
+     * on the right in RTL.
+     * `"end"`: The label and select will appear on the right in LTR and
+     * on the left in RTL.
+     * `"space-between"`: The label and select will appear on opposite
+     * ends of the line with space between the two elements.
+     */
+    justify: 'start' | 'end' | 'space-between';
+    /**
+     * The visible label associated with the select.
+     *
+     * Use this if you need to render a plaintext label.
+     *
+     * The `label` property will take priority over the `label` slot if both are used.
+     */
+    label?: string;
+    /**
+     * Where to place the label relative to the select.
+     * `"start"`: The label will appear to the left of the select in LTR and to the right in RTL.
+     * `"end"`: The label will appear to the right of the select in LTR and to the left in RTL.
+     * `"floating"`: The label will appear smaller and above the select when the select is focused or it has a value. Otherwise it will appear on top of the select.
+     * `"stacked"`: The label will appear smaller and above the select regardless even when the select is blurred or has no value.
+     * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
+     * When using `"floating"` or `"stacked"` we recommend initializing the select with either a `value` or a `placeholder`.
+     */
+    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;
+    /**
+     * If `true`, the select can accept multiple values.
+     */
+    multiple: boolean;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name: string;
+    /**
+     * The text to display on the ok button.
+     */
+    okText: string;
+    /**
+     * The text to display when the select is empty.
+     */
+    placeholder?: string;
+    /**
+     * The text to display instead of the selected option's value.
+     */
+    selectedText?: string | null;
+    /**
+     * The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,
+     * or `caretDownSharp` for `md` mode.
+     */
+    toggleIcon?: string;
+    /**
+     * The toggle icon to show when the select is open. If defined, the icon
+     * rotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`
+     * will be used for when the select is both open and closed.
+     */
+    expandedIcon?: string;
+    /**
+     * The shape of the select. If "round" it will have an increased border radius.
+     */
+    shape?: 'round';
+    /**
+     * The value of the select.
+     */
+    value?: any | null;
+    /**
+     * Emitted when the value has changed.
+     */
+    ionChange: EventEmitter<SelectChangeEventDetail>;
+    /**
+     * Emitted when the selection is cancelled.
+     */
+    ionCancel: EventEmitter<void>;
+    /**
+     * Emitted when the overlay is dismissed.
+     */
+    ionDismiss: EventEmitter<void>;
+    /**
+     * Emitted when the select has focus.
+     */
+    ionFocus: EventEmitter<void>;
+    /**
+     * Emitted when the select loses focus.
+     */
+    ionBlur: EventEmitter<void>;
+    /**
+     * Emitted when the styles change.
+     * @internal
+     */
+    ionStyle: EventEmitter<StyleEventDetail>;
+    protected styleChanged(): void;
+    private setValue;
+    componentWillLoad(): void;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    /**
+     * Open the select overlay. The overlay is either an alert, action sheet, or popover,
+     * depending on the `interface` property on the `ion-select`.
+     *
+     * @param event The user interface event that called the open.
+     */
+    open(event?: UIEvent): Promise<any>;
+    private createOverlay;
+    private updateOverlayOptions;
+    private createActionSheetButtons;
+    private createAlertInputs;
+    private createPopoverOptions;
+    private openPopover;
+    private openActionSheet;
+    private openAlert;
+    /**
+     * Close the select interface.
+     */
+    private close;
+    private getLabel;
+    private hasValue;
+    private get childOpts();
+    /**
+     * Returns any plaintext associated with
+     * the label (either prop or slot).
+     * Note: This will not return any custom
+     * HTML. Use the `hasLabel` getter if you
+     * want to know if any slotted label content
+     * was passed.
+     */
+    private get labelText();
+    private getText;
+    private setFocus;
+    private emitStyle;
+    private onClick;
+    private onFocus;
+    private onBlur;
+    private renderLabel;
+    componentDidRender(): void;
+    /**
+     * Gets any content passed into the `label` slot,
+     * not the <slot> definition.
+     */
+    private get labelSlot();
+    /**
+     * Returns `true` if label content is provided
+     * either by a prop or a content. If you want
+     * to get the plaintext value of the label use
+     * the `labelText` getter instead.
+     */
+    private get hasLabel();
+    /**
+     * Renders the border container
+     * when fill="outline".
+     */
+    private renderLabelContainer;
+    private renderSelect;
+    private renderLegacySelect;
+    /**
+     * Renders either the placeholder
+     * or the selected values based on
+     * the state of the select.
+     */
+    private renderSelectText;
+    /**
+     * Renders the chevron icon
+     * next to the select text.
+     */
+    private renderSelectIcon;
+    private get ariaLabel();
+    private renderListbox;
+    render(): any;
 }

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

@@ -1,14 +1,14 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 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.
-   */
-  disabled: boolean;
-  /**
-   * The text value of the option.
-   */
-  value?: any | null;
-  render(): any;
+    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.
+     */
+    disabled: boolean;
+    /**
+     * The text value of the option.
+     */
+    value?: any | null;
+    render(): any;
 }

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

@@ -1,10 +1,10 @@
 export interface SelectPopoverOption {
-  text: string;
-  value: string;
-  disabled: boolean;
-  checked: boolean;
-  cssClass?: string | string[];
-  handler?: (value: any) => boolean | void | {
-    [key: string]: any;
-  };
+    text: string;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+    cssClass?: string | string[];
+    handler?: (value: any) => boolean | void | {
+        [key: string]: any;
+    };
 }