@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786735826.1fad7c0a

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

@@ -3,8 +3,7 @@ import type { ButtonInterface } from "../../utils/element-interface";
 import type { SegmentValue } from '../segment/segment-interface';
 import type { SegmentButtonLayout } from './segment-button-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML button element that wraps all child elements.
  * @part indicator - The indicator displayed on the checked segment button.

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color, StyleEventDetail } from '../../interface';
 import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from './select-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot label - The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML.
  * @slot start - Content to display at the leading edge of the select.
@@ -19,7 +18,9 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
  * @part bottom - The container element for helper text, error text, and counter.
  * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
- * @part inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons.
+ * @part start - The wrapper element for the content in the start slot.
+ * @part control - The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon.
+ * @part end - The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
@@ -29,10 +30,13 @@ export declare class Select implements ComponentInterface {
     private focusEl?;
     private mutationO?;
     private inheritedAttributes;
+    private slotMutationController?;
     private nativeWrapperEl;
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
+    private startContainerController?;
+    private startContainerEl;
     private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
@@ -54,14 +58,6 @@ export declare class Select implements ComponentInterface {
      * The text to display on the cancel button.
      */
     cancelText: string;
-    /**
-     * If `true`, the cancel button will display an icon instead of the `cancelText`.
-     * Only applies when `interface` is set to `"modal"`. Has no effect on `"action-sheet"`,
-     * `"alert"`, or `"popover"` interfaces.
-     * When `cancelIcon` is `true`, the `cancelText` property is ignored for display
-     * but is used as the accessible label for the icon button.
-     */
-    cancelIcon: boolean;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
@@ -83,7 +79,7 @@ export declare class Select implements ComponentInterface {
     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 the `"md"` theme.
+     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -160,41 +156,30 @@ export declare class Select implements ComponentInterface {
      */
     selectedText?: string | null;
     /**
-     * The toggle icon to use. Defaults to `"chevronExpand"` for the `"ios"` theme,
-     * or `"caretDownSharp"` for the `"md"` and `"ionic"` themes.
+     * 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"` theme will be disabled. If undefined, `toggleIcon`
+     * 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;
     /**
-     * If true, screen readers will announce it as a required field. This property
-     * works only for accessibility purposes, it will not prevent the form from
-     * submitting if the value is invalid.
-     */
-    required: boolean;
-    /**
-     * Set to `"soft"` for a select with slightly rounded corners,
-     * `"round"` for a select with fully rounded corners,
-     * or `"rectangular"` for a select without rounded corners.
-     *
-     * Defaults to `"round"` for the `"ionic"` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * The size of the select. If "large" it will increase the height of the select, while
-     * "small" and "medium" provide progressively smaller heights.
-     *
-     * Defaults to `"medium"` for the ionic theme, and  undefined for all other themes.
+     * The shape of the select. If "round" it will have an increased border radius.
      */
-    size?: 'small' | 'medium' | 'large';
+    shape?: 'round';
     /**
      * The value of the select.
      */
     value?: any | null;
+    /**
+     * If true, screen readers will announce it as a required field. This property
+     * works only for accessibility purposes, it will not prevent the form from
+     * submitting if the value is invalid.
+     */
+    required: boolean;
     /**
      * Emitted when the value has changed.
      *
@@ -224,6 +209,7 @@ export declare class Select implements ComponentInterface {
     ionStyle: EventEmitter<StyleEventDetail>;
     protected styleChanged(): void;
     private setValue;
+    private isValueEqual;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -271,7 +257,6 @@ export declare class Select implements ComponentInterface {
     private onClick;
     private onFocus;
     private onBlur;
-    private getSize;
     private renderLabel;
     componentDidRender(): void;
     /**
@@ -287,15 +272,16 @@ export declare class Select implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for re-dispatched clicks (when already expanded) to
+     * prevent double-click events. Allows initial button clicks (from keyboard
+     * or mouse) and slotted content clicks to propagate so event delegation
+     * works for parent handlers.
      */
     private onLabelClick;
     /**
-     * Renders the border container
-     * when fill="outline".
+     * Renders the outline border with a notch for the label.
      */
-    private renderLabelContainer;
+    private renderOutlineContainer;
     /**
      * Wraps text nodes in the select text with span elements
      * so spacing can be added between elements without
@@ -319,21 +305,6 @@ export declare class Select implements ComponentInterface {
     private renderSelectIcon;
     private get ariaLabel();
     private renderListbox;
-    private getShape;
-    /**
-     * Get the icon to use for the expand icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get selectExpandedIcon(): string;
-    /**
-     * Get the icon to use for the collapsed icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get selectCollapsedIcon(): string;
     private getHintTextId;
     /**
      * Renders the helper text or error text values

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

@@ -8,12 +8,6 @@ export declare class SelectModal implements ComponentInterface {
      * The text to display on the cancel button.
      */
     cancelText: string;
-    /**
-     * If `true`, the cancel button will display a close icon instead of the `cancelText`.
-     * When `cancelIcon` is `true`, `cancelText` is not displayed visually but is still used
-     * as the accessible label (`aria-label`) for the button.
-     */
-    cancelIcon: boolean;
     multiple?: boolean;
     options: SelectModalOption[];
     private closeModal;
@@ -21,8 +15,6 @@ export declare class SelectModal implements ComponentInterface {
     private getValues;
     private callOptionHandler;
     private setChecked;
-    private get cancelButtonIcon();
-    private getModalContextClasses;
     private renderRadioOptions;
     private renderCheckboxOptions;
     render(): any;

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

@@ -1,7 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the select option text in LTR, and to the right in RTL.
@@ -30,10 +29,9 @@ export declare class SelectOption implements ComponentInterface {
      * `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL.
      *
      * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
-     * visible effect on radio options in `popover` or `modal` on the `md`
-     * and `ionic` themes (the radio control is hidden there).
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
      *
-     * When unset, the interface picks a default based on theme and control
+     * When unset, the interface picks a default based on mode and control
      * type.
      */
     labelPlacement?: 'start' | 'end';
@@ -47,10 +45,9 @@ export declare class SelectOption implements ComponentInterface {
      * ends of the line with space between the two elements.
      *
      * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
-     * visible effect on radio options in `popover` or `modal` on the `md`
-     * and `ionic` themes (the radio control is hidden there).
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
      *
-     * When unset, the interface picks a default based on theme and control
+     * When unset, the interface picks a default based on mode and control
      * type.
      */
     justify?: 'start' | 'end' | 'space-between';

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

@@ -1,9 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { SelectPopoverOption } from './select-popover-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
  * @internal
  */
 export declare class SelectPopover implements ComponentInterface {

package/dist/types/components/skeleton-text/skeleton-text.d.ts

@@ -1,9 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { StyleEventDetail } from '../../interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class SkeletonText implements ComponentInterface {
     el: HTMLElement;
     /**

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

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 import type { SpinnerTypes } from './spinner-configs';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Spinner implements ComponentInterface {
     /**
      * The color to use from your application's color palette.
@@ -25,17 +21,6 @@ export declare class Spinner implements ComponentInterface {
      * If `true`, the spinner's animation will be paused.
      */
     paused: boolean;
-    /**
-     * Set to `"xsmall"` for the smallest size.
-     * Set to `"small"` for a smaller size.
-     * Set to `"medium"` for a medium size.
-     * Set to `"large"` for a large size.
-     * Set to `"xlarge"` for the largest size.
-     *
-     * Defaults to `"xsmall"` for the `ionic` theme, undefined for all other themes.
-     */
-    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     private getName;
-    private getSize;
     render(): any;
 }

package/dist/types/components/split-pane/split-pane.d.ts

@@ -1,8 +1,4 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class SplitPane implements ComponentInterface {
     private rmL?;
     el: HTMLElement;

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

@@ -1,9 +1,5 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ComponentRef, FrameworkDelegate } from '../../interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Tab implements ComponentInterface {
     private loadPromise?;
     el: HTMLIonTabElement;

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

@@ -1,5 +1,4 @@
 export type TabButtonLayout = 'icon-top' | 'icon-start' | 'icon-end' | 'icon-bottom' | 'icon-hide' | 'label-hide';
-export type TabBarScrollEffect = 'hide';
 export interface TabBarChangedEventDetail {
     tab?: string;
 }

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

@@ -1,17 +1,13 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
-import type { TabBarChangedEventDetail, TabBarScrollEffect } from './tab-bar-interface';
+import type { TabBarChangedEventDetail } from './tab-bar-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class TabBar implements ComponentInterface {
     private keyboardCtrl;
     private keyboardCtrlPromise;
     private didLoad;
-    private scrollHideCtrl?;
-    private scrollHideCtrlPromise;
-    private hasWarnedFooter;
     el: HTMLElement;
     keyboardVisible: boolean;
     /**
@@ -25,42 +21,12 @@ export declare class TabBar implements ComponentInterface {
      */
     selectedTab?: string;
     selectedTabChanged(): void;
-    /**
-     * Describes the scroll effect that will be applied to the tab bar.
-     * `"hide"` slides the tab bar out of view when scrolling down and back in
-     * when scrolling up.
-     *
-     * Note: `"hide"` is ignored when the tab bar is nested inside an
-     * `ion-footer` to avoid leaving an empty footer visible on screen.
-     * Set `scroll-effect="hide"` on the footer instead so the entire
-     * footer hides together.
-     */
-    scrollEffect?: TabBarScrollEffect;
-    scrollEffectChanged(): void;
     /**
      * If `true`, the tab bar will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * 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;
-    /**
-     * Set to `"compact"` to display a width based on the items
-     * inside the tab bar. This value will only work for the
-     * `ionic` theme.
-     *
-     * Set to `"full"` to display a full width tab bar.
-     *
-     * Defaults to `"full"`.
-     */
-    expand: 'compact' | 'full';
-    /**
-     * Set to `"soft"` for a tab bar with slightly rounded corners,
-     * `"round"` for a tab bar with fully rounded corners, or
-     * `"rectangular"` for a tab bar without rounded corners.
-     *
-     * Defaults to `"round"` for the `"ionic"` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /** @internal */
     ionTabBarChanged: EventEmitter<TabBarChangedEventDetail>;
     /**
@@ -71,11 +37,7 @@ export declare class TabBar implements ComponentInterface {
      */
     ionTabBarLoaded: EventEmitter<void>;
     componentDidLoad(): void;
-    private checkScrollEffect;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
-    private setupScrollEffect;
-    private destroyScrollEffect;
-    private getShape;
     render(): any;
 }

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AnchorInterface } from "../../utils/element-interface";
 import type { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from '../tab-bar/tab-bar-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML anchor element that wraps all child elements.
  */
@@ -40,14 +39,6 @@ export declare class TabButton implements ComponentInterface, AnchorInterface {
      * The selected tab component
      */
     selected: boolean;
-    /**
-     * Set to `"soft"` for a tab-button with slightly rounded corners,
-     * `"round"` for a tab-button with fully rounded corners, or `"rectangular"`
-     * for a tab-button without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * A tab id must be provided for each `ion-tab`. It's used internally to reference
      * the selected tab or by the router to switch between them.
@@ -66,12 +57,10 @@ export declare class TabButton implements ComponentInterface, AnchorInterface {
     ionTabButtonClick: EventEmitter<TabButtonClickEventDetail>;
     onTabBarChanged(ev: CustomEvent<TabBarChangedEventDetail>): void;
     componentWillLoad(): void;
-    private getShape;
     private selectTab;
     private get hasLabel();
     private get hasIcon();
     private onKeyUp;
     private onClick;
-    private canActivate;
     render(): any;
 }

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

@@ -1,9 +1,6 @@
 import type { EventEmitter } from '../../stencil-public-runtime';
 import type { NavOutlet, RouteID, RouteWrite } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot top - Content is placed at the top of the screen.
  * @slot bottom - Content is placed at the bottom of the screen.

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

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Text implements ComponentInterface {
     /**

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

@@ -2,22 +2,11 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot label - The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
  * @slot start - Content to display at the leading edge of the textarea. (EXPERIMENTAL)
  * @slot end - Content to display at the trailing edge of the textarea. (EXPERIMENTAL)
- *
- * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, and native textarea).
- * @part container - The inner wrapper element that directly contains the native textarea element.
- * @part label - The label text describing the textarea.
- * @part native - The native textarea element.
- * @part supporting-text - Supporting text displayed beneath the textarea label.
- * @part helper-text - Supporting text displayed beneath the textarea label when the textarea is valid.
- * @part error-text - Supporting text displayed beneath the textarea label when the textarea is invalid and touched.
- * @part counter - The character counter displayed when the counter property is set.
- * @part bottom - The container element for helper text, error text, and counter.
  */
 export declare class Textarea implements ComponentInterface {
     private nativeInput?;
@@ -34,15 +23,16 @@ export declare class Textarea implements ComponentInterface {
     private textareaWrapper?;
     private inheritedAttributes;
     private originalIonInput?;
-    private notchSpacerEl;
     private slotMutationController?;
     private notchController?;
+    private notchSpacerEl;
+    private startContainerController?;
+    private startContainerEl;
     /**
      * The value of the textarea when the textarea is focused.
      */
     private focusedValue?;
     el: HTMLIonTextareaElement;
-    internals: ElementInternals;
     /**
      * The `hasFocus` state ensures the focus class is
      * added regardless of how the element is focused.
@@ -87,13 +77,9 @@ export declare class Textarea implements ComponentInterface {
      * If `true`, the user cannot interact with the textarea.
      */
     disabled: boolean;
-    /**
-     * Update element internals when disabled prop changes
-     */
-    protected disabledChanged(): void;
     /**
      * 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 when the theme is `"md"`.
+     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -196,27 +182,13 @@ export declare class Textarea implements ComponentInterface {
      */
     labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
     /**
-     * Set to `"soft"` for a textarea with slightly rounded corners,
-     * `"round"` for a textarea with fully rounded corners, or `"rectangular"`
-     * for a textarea without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * The size of the textarea. If "large" it will increase the height of the textarea, while
-     * "small" and "medium" provide progressively smaller heights. The default size is "medium".
-     * This property only applies to the `"ionic"` theme.
+     * The shape of the textarea. If "round" it will have an increased border radius.
      */
-    size?: 'small' | 'medium' | 'large';
+    shape?: 'round';
     /**
      * Update the native input element when the value changes
      */
     protected valueChanged(): void;
-    /**
-     * Update native input and element internals when required prop changes
-     */
-    protected requiredChanged(): void;
     /**
      * dir is a globally enumerated attribute.
      * As a result, creating these as properties
@@ -289,23 +261,6 @@ export declare class Textarea implements ComponentInterface {
     private checkClearOnEdit;
     private hasValue;
     private getValue;
-    /**
-     * Called when the form state is restored.
-     * Restores the component's value.
-     */
-    formStateRestoreCallback(value: string): void;
-    /**
-     * Called when the form is reset.
-     * Resets the component's value.
-     */
-    formResetCallback(): void;
-    /**
-     * Updates the form value and reports validity state to the browser via
-     * ElementInternals. This should be called when the component loads, when
-     * the required prop changes, when the disabled prop changes, and when the value
-     * changes to ensure the form value stays in sync and validation state is updated.
-     */
-    private updateElementInternals;
     private onInput;
     private onChange;
     private onFocus;
@@ -324,17 +279,20 @@ export declare class Textarea implements ComponentInterface {
      * the `labelText` getter instead.
      */
     private get hasLabel();
-    private getFill;
-    private getShape;
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for clicks on the textarea's own content (label text,
+     * textarea field) to prevent double-click events. Allows clicks on slotted
+     * content to propagate so event delegation works for parent handlers.
+     *
+     * Only slots belonging directly to this textarea should be considered.
+     * The textarea itself may have a slot attribute when placed in an item
+     * or toolbar, which does not make its content slotted content.
      */
     private onLabelClick;
     /**
-     * Renders the border container when fill="outline".
+     * Renders the outline border with a notch for the label.
      */
-    private renderLabelContainer;
+    private renderOutlineContainer;
     /**
      * Renders the helper text or error text values
      */

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

@@ -1,8 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Thumbnail implements ComponentInterface {
     render(): any;
 }

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

@@ -1,9 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class ToolbarTitle implements ComponentInterface {
     el: HTMLElement;
     /**

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

@@ -1,4 +1,4 @@
-import type { Mode } from '../../../interface';
+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
@@ -14,7 +14,7 @@ import type { ToastAnimationPosition, ToastPosition } from '../toast-interface';
  * @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 platform (md or ios).
+ * @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;