@ionic/core 8.4.4-dev.11741632207.1cb10db6 → 8.4.4-dev.11741648084.118e26ac

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

@@ -62,12 +62,12 @@ export declare class Range implements ComponentInterface {
      * Minimum integer value of the range.
      */
     min: number;
-    protected minChanged(): void;
+    protected minChanged(newValue: number): void;
     /**
      * Maximum integer value of the range.
      */
     max: number;
-    protected maxChanged(): void;
+    protected maxChanged(newValue: number): void;
     /**
      * If `true`, a pin with integer value is shown when the knob
      * is pressed.
@@ -90,6 +90,7 @@ export declare class Range implements ComponentInterface {
      * Specifies the value granularity.
      */
     step: number;
+    protected stepChanged(newValue: number): void;
     /**
      * If `true`, tick marks are displayed based on the step value.
      * Only applies when `snaps` is `true`.

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

@@ -13,9 +13,14 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part icon - The select icon container.
  * @part container - The container for the selected text or placeholder.
  * @part label - The label text describing the select.
+ * @part supporting-text - Supporting text displayed beneath the select.
+ * @part helper-text - Supporting text displayed beneath the select when the select is valid.
+ * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
+    private helperTextId;
+    private errorTextId;
     private overlay?;
     private focusEl?;
     private mutationO?;
@@ -53,6 +58,14 @@ export declare class Select implements ComponentInterface {
      * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
+    /**
+     * Text that is placed under the select and displayed when an error is detected.
+     */
+    errorText?: string;
+    /**
+     * Text that is placed under the select and displayed when no error is detected.
+     */
+    helperText?: string;
     /**
      * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
      */
@@ -245,5 +258,15 @@ export declare class Select implements ComponentInterface {
     private renderSelectIcon;
     private get ariaLabel();
     private renderListbox;
+    private getHintTextID;
+    /**
+     * Renders the helper text or error text values
+     */
+    private renderHintText;
+    /**
+     * Responsible for rendering helper text, and error text. This element
+     * should only be rendered if hint text is set.
+     */
+    private renderBottomContent;
     render(): any;
 }

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

@@ -9,9 +9,14 @@ import type { ToggleChangeEventDetail } from './toggle-interface';
  * @part track - The background track of the toggle.
  * @part handle - The toggle handle, or knob, used to change the checked state.
  * @part label - The label text describing the toggle.
+ * @part supporting-text - Supporting text displayed beneath the toggle label.
+ * @part helper-text - Supporting text displayed beneath the toggle label when the toggle is valid.
+ * @part error-text - Supporting text displayed beneath the toggle label when the toggle is invalid and touched.
  */
 export declare class Toggle implements ComponentInterface {
     private inputId;
+    private helperTextId;
+    private errorTextId;
     private gesture?;
     private focusEl?;
     private lastDrag;
@@ -38,6 +43,14 @@ export declare class Toggle implements ComponentInterface {
      * If `true`, the user cannot interact with the toggle.
      */
     disabled: boolean;
+    /**
+     * Text that is placed under the toggle label and displayed when an error is detected.
+     */
+    errorText?: string;
+    /**
+     * Text that is placed under the toggle label and displayed when no error is detected.
+     */
+    helperText?: string;
     /**
      * The value of the toggle does not mean if it's checked or not, use the `checked`
      * property for that.
@@ -115,5 +128,11 @@ export declare class Toggle implements ComponentInterface {
     private renderOnOffSwitchLabels;
     private renderToggleControl;
     private get hasLabel();
+    private getHintTextID;
+    /**
+     * Responsible for rendering helper text and error text.
+     * This element should only be rendered if hint text is set.
+     */
+    private renderHintText;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -623,6 +623,14 @@ export namespace Components {
           * If `true`, the user cannot interact with the checkbox.
          */
         "disabled": boolean;
+        /**
+          * Text that is placed under the checkbox label and displayed when an error is detected.
+         */
+        "errorText"?: string;
+        /**
+          * Text that is placed under the checkbox label and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * If `true`, the checkbox will visually appear as indeterminate.
          */
@@ -1736,7 +1744,7 @@ export namespace Components {
          */
         "enterAnimation"?: AnimationBuilder;
         /**
-          * Controls whether scrolling or dragging within the sheet modal expands it to a larger breakpoint. This only takes effect when `breakpoints` and `initialBreakpoint` are set.  If `true`, scrolling or dragging anywhere in the modal will first expand it to the next breakpoint. Once fully expanded, scrolling will affect the content. If `false`, scrolling will always affect the content, and the modal will only expand when dragging the header or handle.
+          * Controls whether scrolling or dragging within the sheet modal expands it to a larger breakpoint. This only takes effect when `breakpoints` and `initialBreakpoint` are set.  If `true`, scrolling or dragging anywhere in the modal will first expand it to the next breakpoint. Once fully expanded, scrolling will affect the content. If `false`, scrolling will always affect the content. The modal will only expand when dragging the header or handle. The modal will close when dragging the header or handle. It can also be closed when dragging the content, but only if the content is scrolled to the top.
          */
         "expandToScroll": boolean;
         /**
@@ -2771,6 +2779,10 @@ export namespace Components {
           * If `true`, the user cannot interact with the select.
          */
         "disabled": boolean;
+        /**
+          * Text that is placed under the select and displayed when an error is detected.
+         */
+        "errorText"?: 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.
          */
@@ -2779,6 +2791,10 @@ export namespace Components {
           * 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';
+        /**
+          * Text that is placed under the select and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
@@ -3284,6 +3300,14 @@ export namespace Components {
           * Enables the on/off accessibility switch labels within the toggle.
          */
         "enableOnOffLabels": boolean | undefined;
+        /**
+          * Text that is placed under the toggle label and displayed when an error is detected.
+         */
+        "errorText"?: string;
+        /**
+          * Text that is placed under the toggle label and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`.
          */
@@ -5410,6 +5434,14 @@ declare namespace LocalJSX {
           * If `true`, the user cannot interact with the checkbox.
          */
         "disabled"?: boolean;
+        /**
+          * Text that is placed under the checkbox label and displayed when an error is detected.
+         */
+        "errorText"?: string;
+        /**
+          * Text that is placed under the checkbox label and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * If `true`, the checkbox will visually appear as indeterminate.
          */
@@ -6503,7 +6535,7 @@ declare namespace LocalJSX {
          */
         "enterAnimation"?: AnimationBuilder;
         /**
-          * Controls whether scrolling or dragging within the sheet modal expands it to a larger breakpoint. This only takes effect when `breakpoints` and `initialBreakpoint` are set.  If `true`, scrolling or dragging anywhere in the modal will first expand it to the next breakpoint. Once fully expanded, scrolling will affect the content. If `false`, scrolling will always affect the content, and the modal will only expand when dragging the header or handle.
+          * Controls whether scrolling or dragging within the sheet modal expands it to a larger breakpoint. This only takes effect when `breakpoints` and `initialBreakpoint` are set.  If `true`, scrolling or dragging anywhere in the modal will first expand it to the next breakpoint. Once fully expanded, scrolling will affect the content. If `false`, scrolling will always affect the content. The modal will only expand when dragging the header or handle. The modal will close when dragging the header or handle. It can also be closed when dragging the content, but only if the content is scrolled to the top.
          */
         "expandToScroll"?: boolean;
         /**
@@ -7494,6 +7526,10 @@ declare namespace LocalJSX {
           * If `true`, the user cannot interact with the select.
          */
         "disabled"?: boolean;
+        /**
+          * Text that is placed under the select and displayed when an error is detected.
+         */
+        "errorText"?: 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.
          */
@@ -7502,6 +7538,10 @@ declare namespace LocalJSX {
           * 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';
+        /**
+          * Text that is placed under the select and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
@@ -8029,6 +8069,14 @@ declare namespace LocalJSX {
           * Enables the on/off accessibility switch labels within the toggle.
          */
         "enableOnOffLabels"?: boolean | undefined;
+        /**
+          * Text that is placed under the toggle label and displayed when an error is detected.
+         */
+        "errorText"?: string;
+        /**
+          * Text that is placed under the toggle label and displayed when no error is detected.
+         */
+        "helperText"?: string;
         /**
           * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`.
          */

package/dist/types/utils/helpers.d.ts

@@ -105,3 +105,7 @@ export declare const shallowEqualStringMap: (map1: {
     [k: string]: any;
 } | undefined) => boolean;
 export declare const getNextSiblingOfType: <T extends Element>(element: Element) => T | null;
+/**
+ * Checks input for usable number. Not NaN and not Infinite.
+ */
+export declare const isSafeNumber: (input: unknown) => input is number;

package/dist/types/utils/native/capacitor.d.ts

@@ -1,2 +1,8 @@
 import type { CapacitorGlobal } from '@capacitor/core';
-export declare const getCapacitor: () => CapacitorGlobal | undefined;
+type CustomCapacitorGlobal = CapacitorGlobal & {
+    Plugins: {
+        [key: string]: any;
+    };
+};
+export declare const getCapacitor: () => CustomCapacitorGlobal | undefined;
+export {};

package/dist/types/utils/test/platform.utils.d.ts

@@ -11,7 +11,7 @@ export declare const PlatformConfiguration: {
     };
     Capacitor: {
         Capacitor: {
-            isNative: boolean;
+            isNativePlatform: () => boolean;
         };
     };
     PWA: {