@ionic/core 7.5.7 → 7.5.8-dev.11701293337.112ba209

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

@@ -8,61 +8,61 @@ import type { RouterDirection } from '../router/utils/interface';
  * @part native - The native HTML button, anchor, or div element that wraps all child elements.
  */
 export declare class Card implements ComponentInterface, AnchorInterface, ButtonInterface {
-  private inheritedAriaAttributes;
-  el: HTMLElement;
-  /**
-   * 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`, a button tag will be rendered and the card will be tappable.
-   */
-  button: boolean;
-  /**
-   * The type of the button. Only used when an `onclick` or `button` property is present.
-   */
-  type: 'submit' | 'reset' | 'button';
-  /**
-   * If `true`, the user cannot interact with the card.
-   */
-  disabled: boolean;
-  /**
-   * This attribute instructs browsers to download a URL instead of navigating to
-   * it, so the user will be prompted to save it as a local file. If the attribute
-   * has a value, it is used as the pre-filled file name in the Save prompt
-   * (the user can still change the file name if they want).
-   */
-  download: string | undefined;
-  /**
-   * Contains a URL or a URL fragment that the hyperlink points to.
-   * If this property is set, an anchor tag will be rendered.
-   */
-  href: string | undefined;
-  /**
-   * Specifies the relationship of the target object to the link object.
-   * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
-   */
-  rel: string | undefined;
-  /**
-   * When using a router, it specifies the transition direction when navigating to
-   * another page using `href`.
-   */
-  routerDirection: RouterDirection;
-  /**
-   * When using a router, it specifies the transition animation when navigating to
-   * another page using `href`.
-   */
-  routerAnimation: AnimationBuilder | undefined;
-  /**
-   * Specifies where to display the linked URL.
-   * Only applies when an `href` is provided.
-   * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
-   */
-  target: string | undefined;
-  componentWillLoad(): void;
-  private isClickable;
-  private renderCard;
-  render(): any;
+    private inheritedAriaAttributes;
+    el: HTMLElement;
+    /**
+     * 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`, a button tag will be rendered and the card will be tappable.
+     */
+    button: boolean;
+    /**
+     * The type of the button. Only used when an `onclick` or `button` property is present.
+     */
+    type: 'submit' | 'reset' | 'button';
+    /**
+     * If `true`, the user cannot interact with the card.
+     */
+    disabled: boolean;
+    /**
+     * This attribute instructs browsers to download a URL instead of navigating to
+     * it, so the user will be prompted to save it as a local file. If the attribute
+     * has a value, it is used as the pre-filled file name in the Save prompt
+     * (the user can still change the file name if they want).
+     */
+    download: string | undefined;
+    /**
+     * Contains a URL or a URL fragment that the hyperlink points to.
+     * If this property is set, an anchor tag will be rendered.
+     */
+    href: string | undefined;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
+    /**
+     * When using a router, it specifies the transition direction when navigating to
+     * another page using `href`.
+     */
+    routerDirection: RouterDirection;
+    /**
+     * When using a router, it specifies the transition animation when navigating to
+     * another page using `href`.
+     */
+    routerAnimation: AnimationBuilder | undefined;
+    /**
+     * Specifies where to display the linked URL.
+     * Only applies when an `href` is provided.
+     * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
+     */
+    target: string | undefined;
+    componentWillLoad(): void;
+    private isClickable;
+    private renderCard;
+    render(): any;
 }

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

@@ -3,5 +3,5 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardContent implements ComponentInterface {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/card-header/card-header.d.ts

@@ -4,17 +4,17 @@ import type { Color } from '../../interface';
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardHeader implements ComponentInterface {
-  /**
-   * 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`, the card header will be translucent.
-   * Only applies when the mode is `"ios"` and the device supports
-   * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
-   */
-  translucent: boolean;
-  render(): any;
+    /**
+     * 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`, the card header will be translucent.
+     * Only applies when the mode is `"ios"` and the device supports
+     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+     */
+    translucent: boolean;
+    render(): any;
 }

package/dist/types/components/card-subtitle/card-subtitle.d.ts

@@ -4,11 +4,11 @@ import type { Color } from '../../interface';
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardSubtitle implements ComponentInterface {
-  /**
-   * 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;
-  render(): any;
+    /**
+     * 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;
+    render(): any;
 }

package/dist/types/components/card-title/card-title.d.ts

@@ -4,11 +4,11 @@ import type { Color } from '../../interface';
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardTitle implements ComponentInterface {
-  /**
-   * 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;
-  render(): any;
+    /**
+     * 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;
+    render(): any;
 }

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

@@ -1,8 +1,8 @@
 export interface CheckboxChangeEventDetail<T = any> {
-  value: T;
-  checked: boolean;
+    value: T;
+    checked: boolean;
 }
 export interface CheckboxCustomEvent<T = any> extends CustomEvent {
-  detail: CheckboxChangeEventDetail<T>;
-  target: HTMLIonCheckboxElement;
+    detail: CheckboxChangeEventDetail<T>;
+    target: HTMLIonCheckboxElement;
 }

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

@@ -10,115 +10,115 @@ import type { CheckboxChangeEventDetail } from './checkbox-interface';
  * @part mark - The checkmark used to indicate the checked state.
  */
 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.
-   * 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;
-  /**
-   * The name of the control, which is submitted with the form data.
-   */
-  name: string;
-  /**
-   * If `true`, the checkbox is selected.
-   */
-  checked: boolean;
-  /**
-   * If `true`, the checkbox will visually appear as indeterminate.
-   */
-  indeterminate: boolean;
-  /**
-   * If `true`, the user cannot interact with the checkbox.
-   */
-  disabled: boolean;
-  /**
-   * The value of the checkbox does not mean if it's checked or not, use the `checked`
-   * property for that.
-   *
-   * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
-   * it's only used when the checkbox participates in a native `<form>`.
-   */
-  value: any | null;
-  /**
-   * Where to place the label relative to the checkbox.
-   * `"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' | 'stacked';
-  /**
-   * How to pack the label and checkbox within a line.
-   * `"start"`: The label and checkbox will appear on the left in LTR and
-   * on the right in RTL.
-   * `"end"`: The label and checkbox will appear on the right in LTR and
-   * on the left in RTL.
-   * `"space-between"`: The label and checkbox will appear on opposite
-   * 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
-   * 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.
-   * This event will not emit when programmatically
-   * setting the checked property.
-   */
-  ionChange: EventEmitter<CheckboxChangeEventDetail>;
-  /**
-   * Emitted when the checkbox has focus.
-   */
-  ionFocus: EventEmitter<void>;
-  /**
-   * 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
-   * the ionChange event. Use this to update the
-   * checked state in response to user-generated
-   * actions such as a click.
-   */
-  private setChecked;
-  private toggleChecked;
-  private onFocus;
-  private onBlur;
-  private onClick;
-  render(): any;
-  private renderCheckbox;
-  private renderLegacyCheckbox;
-  private getSVGPath;
+    private inputId;
+    private focusEl?;
+    private legacyFormController;
+    private inheritedAttributes;
+    private hasLoggedDeprecationWarning;
+    el: HTMLIonCheckboxElement;
+    /**
+     * 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;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name: string;
+    /**
+     * If `true`, the checkbox is selected.
+     */
+    checked: boolean;
+    /**
+     * If `true`, the checkbox will visually appear as indeterminate.
+     */
+    indeterminate: boolean;
+    /**
+     * If `true`, the user cannot interact with the checkbox.
+     */
+    disabled: boolean;
+    /**
+     * The value of the checkbox does not mean if it's checked or not, use the `checked`
+     * property for that.
+     *
+     * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
+     * it's only used when the checkbox participates in a native `<form>`.
+     */
+    value: any | null;
+    /**
+     * Where to place the label relative to the checkbox.
+     * `"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' | 'stacked';
+    /**
+     * How to pack the label and checkbox within a line.
+     * `"start"`: The label and checkbox will appear on the left in LTR and
+     * on the right in RTL.
+     * `"end"`: The label and checkbox will appear on the right in LTR and
+     * on the left in RTL.
+     * `"space-between"`: The label and checkbox will appear on opposite
+     * 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
+     * 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.
+     * This event will not emit when programmatically
+     * setting the checked property.
+     */
+    ionChange: EventEmitter<CheckboxChangeEventDetail>;
+    /**
+     * Emitted when the checkbox has focus.
+     */
+    ionFocus: EventEmitter<void>;
+    /**
+     * 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
+     * the ionChange event. Use this to update the
+     * checked state in response to user-generated
+     * actions such as a click.
+     */
+    private setChecked;
+    private toggleChecked;
+    private onFocus;
+    private onBlur;
+    private onClick;
+    render(): any;
+    private renderCheckbox;
+    private renderLegacyCheckbox;
+    private getSVGPath;
 }

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

@@ -4,19 +4,19 @@ import type { Color } from '../../interface';
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Chip implements ComponentInterface {
-  /**
-   * 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;
-  /**
-   * Display an outline style button.
-   */
-  outline: boolean;
-  /**
-   * If `true`, the user cannot interact with the chip.
-   */
-  disabled: boolean;
-  render(): any;
+    /**
+     * 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;
+    /**
+     * Display an outline style button.
+     */
+    outline: boolean;
+    /**
+     * If `true`, the user cannot interact with the chip.
+     */
+    disabled: boolean;
+    render(): any;
 }