@ionic/core 7.7.2-dev.11707932366.16baf005 → 7.7.2-dev.11707941206.120570b8

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

@@ -19,10 +19,12 @@ export declare class Select implements ComponentInterface {
     private overlay?;
     private focusEl?;
     private mutationO?;
+    private legacyFormController;
     private inheritedAttributes;
     private nativeWrapperEl;
     private notchSpacerEl;
     private notchController?;
+    private hasLoggedDeprecationWarning;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -98,6 +100,16 @@ export declare class Select implements ComponentInterface {
      * 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.
      */
@@ -186,6 +198,7 @@ export declare class Select implements ComponentInterface {
      * Close the select interface.
      */
     private close;
+    private getLabel;
     private hasValue;
     private get childOpts();
     /**
@@ -222,6 +235,8 @@ export declare class Select implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
+    private renderSelect;
+    private renderLegacySelect;
     /**
      * Renders either the placeholder
      * or the selected values based on

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

@@ -28,22 +28,10 @@ export declare class SplitPane implements ComponentInterface {
         visible: boolean;
     }>;
     visibleChanged(visible: boolean): void;
-    /**
-     * @internal
-     */
-    isVisible(): Promise<boolean>;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     protected updateState(): void;
-    /**
-     * Attempt to find the main content
-     * element inside of the split pane.
-     * If found, set it as the main node.
-     *
-     * We assume that the main node
-     * is available in the DOM on split
-     * pane load.
-     */
-    private styleMainElement;
+    private isPane;
+    private styleChildren;
     render(): any;
 }

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

@@ -21,9 +21,11 @@ export declare class Textarea implements ComponentInterface {
     private textareaWrapper?;
     private inheritedAttributes;
     private originalIonInput?;
+    private legacyFormController;
     private notchSpacerEl;
     private slotMutationController?;
     private notchController?;
+    private hasLoggedDeprecationWarning;
     /**
      * The value of the textarea when the textarea is focused.
      */
@@ -60,6 +62,7 @@ export declare class Textarea implements ComponentInterface {
      * If `true`, the user cannot interact with the textarea.
      */
     disabled: boolean;
+    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 in `md` mode.
@@ -164,6 +167,16 @@ export declare class Textarea implements ComponentInterface {
      * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
      */
     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 default slot that contains
+     * the label text. 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;
     /**
      * The shape of the textarea. If "round" it will have an increased border radius.
      */
@@ -216,6 +229,7 @@ export declare class Textarea implements ComponentInterface {
      * Returns the native `<textarea>` element used under the hood.
      */
     getInputElement(): Promise<HTMLTextAreaElement>;
+    private emitStyle;
     /**
      * Emits an `ionChange` event.
      *
@@ -232,6 +246,7 @@ export declare class Textarea implements ComponentInterface {
      * Check if we need to clear the text input if clearOnEdit is enabled
      */
     private checkClearOnEdit;
+    private focusChange;
     private hasValue;
     private getValue;
     private onInput;
@@ -239,6 +254,7 @@ export declare class Textarea implements ComponentInterface {
     private onFocus;
     private onBlur;
     private onKeyDown;
+    private renderLegacyTextarea;
     private renderLabel;
     /**
      * Gets any content passed into the `label` slot,
@@ -267,5 +283,6 @@ export declare class Textarea implements ComponentInterface {
      * be rendered if hint text is set or counter is enabled.
      */
     private renderBottomContent;
+    private renderTextarea;
     render(): any;
 }

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

@@ -29,6 +29,10 @@ export interface ToastButton {
     icon?: string;
     side?: 'start' | 'end';
     role?: LiteralUnion<'cancel', string>;
+    /**
+     * @deprecated Use the toast button's CSS Shadow Parts instead.
+     */
+    cssClass?: string | string[];
     htmlAttributes?: {
         [key: string]: any;
     };

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

@@ -1,5 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { Color } from '../../interface';
+import type { Color, StyleEventDetail } from '../../interface';
 import type { ToggleChangeEventDetail } from './toggle-interface';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
@@ -15,9 +15,11 @@ export declare class Toggle implements ComponentInterface {
     private gesture?;
     private focusEl?;
     private lastDrag;
+    private legacyFormController;
     private inheritedAttributes;
     private toggleTrack?;
     private didLoad;
+    private hasLoggedDeprecationWarning;
     el: HTMLIonToggleElement;
     activated: boolean;
     /**
@@ -58,6 +60,16 @@ export declare class Toggle implements ComponentInterface {
      * `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
      */
     labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
+    /**
+     * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
+     * Ionic will only opt components in to the modern form markup when they are
+     * using either the `aria-label` attribute or the default slot that contains
+     * the label text. 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;
     /**
      * How to pack the label and toggle within a line.
      * `"start"`: The label and toggle will appear on the left in LTR and
@@ -87,6 +99,11 @@ export declare class Toggle implements ComponentInterface {
      * Emitted when the toggle loses focus.
      */
     ionBlur: EventEmitter<void>;
+    /**
+     * Emitted when the styles change.
+     * @internal
+     */
+    ionStyle: EventEmitter<StyleEventDetail>;
     disabledChanged(): void;
     private toggleChecked;
     connectedCallback(): Promise<void>;
@@ -94,6 +111,7 @@ export declare class Toggle implements ComponentInterface {
     private setupGesture;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    private emitStyle;
     private onStart;
     private onMove;
     private onEnd;
@@ -107,4 +125,6 @@ export declare class Toggle implements ComponentInterface {
     private renderToggleControl;
     private get hasLabel();
     render(): any;
+    private renderToggle;
+    private renderLegacyToggle;
 }