voyager-ionic-core 8.4.3 → 8.5.0

package/dist/types/components/modal/gestures/sheet.d.ts

@@ -29,7 +29,7 @@ export interface MoveSheetToBreakpointOptions {
      */
     animated: boolean;
 }
-export declare const createSheetGesture: (baseEl: HTMLIonModalElement, backdropEl: HTMLIonBackdropElement, wrapperEl: HTMLElement, initialBreakpoint: number, backdropBreakpoint: number, animation: Animation, breakpoints: number[] | undefined, getCurrentBreakpoint: () => number, onDismiss: () => void, onBreakpointChange: (breakpoint: number) => void) => {
+export declare const createSheetGesture: (baseEl: HTMLIonModalElement, backdropEl: HTMLIonBackdropElement, wrapperEl: HTMLElement, initialBreakpoint: number, backdropBreakpoint: number, animation: Animation, breakpoints: number[] | undefined, expandToScroll: boolean, getCurrentBreakpoint: () => number, onDismiss: () => void, onBreakpointChange: (breakpoint: number) => void) => {
     gesture: import("@utils/gesture").Gesture;
     moveSheetToBreakpoint: (options: MoveSheetToBreakpointOptions) => Promise<void>;
 };

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

@@ -28,6 +28,7 @@ export interface ModalAnimationOptions {
     presentingEl?: HTMLElement;
     currentBreakpoint?: number;
     backdropBreakpoint?: number;
+    expandToScroll: boolean;
 }
 export interface ModalBreakpointChangeEventDetail {
     breakpoint: number;

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

@@ -61,6 +61,20 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      * For example: [0, .25, .5, 1]
      */
     breakpoints?: number[];
+    /**
+     * 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;
     /**
      * A decimal value between 0 and 1 that indicates the
      * initial point the modal will open at when creating a

package/dist/types/components/radio-group/radio-group.d.ts

@@ -2,6 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { RadioGroupChangeEventDetail, RadioGroupCompareFn } from './radio-group-interface';
 export declare class RadioGroup implements ComponentInterface {
     private inputId;
+    private helperTextId;
+    private errorTextId;
     private labelId;
     private label?;
     el: HTMLElement;
@@ -24,6 +26,14 @@ export declare class RadioGroup implements ComponentInterface {
      * the value of the radio group.
      */
     value?: any | null;
+    /**
+     * The helper text to display at the top of the radio group.
+     */
+    helperText?: string;
+    /**
+     * The error text to display at the top of the radio group.
+     */
+    errorText?: string;
     valueChanged(value: any | undefined): void;
     /**
      * Emitted when the value has changed.
@@ -54,5 +64,10 @@ export declare class RadioGroup implements ComponentInterface {
     onKeydown(ev: KeyboardEvent): void;
     /** @internal */
     setFocus(): Promise<void>;
+    /**
+     * Renders the helper text or error text values
+     */
+    private renderHintText;
+    private getHintTextID;
     render(): any;
 }

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/segment-button/segment-button.d.ts

@@ -36,7 +36,8 @@ export declare class SegmentButton implements ComponentInterface, ButtonInterfac
      */
     value: SegmentValue;
     valueChanged(): void;
-    connectedCallback(): void;
+    private waitForSegmentContent;
+    connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     private get hasLabel();

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`.
      */
@@ -137,6 +150,12 @@ export declare class Select implements ComponentInterface {
      * 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.
      *
@@ -239,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/textarea/textarea.d.ts

@@ -174,6 +174,14 @@ export declare class Textarea implements ComponentInterface {
      * Update the native input element when the value changes
      */
     protected valueChanged(): void;
+    /**
+     * dir is a globally enumerated attribute.
+     * As a result, creating these as properties
+     * can have unintended side effects. Instead, we
+     * listen for attribute changes and inherit them
+     * to the inner `<textarea>` element.
+     */
+    onDirChanged(newValue: string): void;
     /**
      * The `ionChange` event is fired when the user modifies the textarea's value.
      * Unlike the `ionInput` event, the `ionChange` event is fired when

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.
@@ -76,6 +89,12 @@ export declare class Toggle implements ComponentInterface {
      * Setting this property will change the toggle `display` to `block`.
      */
     alignment?: 'start' | 'center';
+    /**
+     * 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 user switches the toggle on or off.
      *
@@ -109,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/toolbar/toolbar.d.ts

@@ -8,6 +8,10 @@ import type { Color, StyleEventDetail } from '../../interface';
  * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode.
  * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode.
  * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL.
+ *
+ * @part background - The background of the toolbar, covering the entire area behind the toolbar content.
+ * @part container - The container that wraps all toolbar content, including the default slot and named slot content.
+ * @part content - The container for the default slot, wrapping content provided without a named slot.
  */
 export declare class Toolbar implements ComponentInterface {
     private childrenStyles;

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.
          */
@@ -643,6 +651,10 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "name": 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;
         "setFocus": () => Promise<void>;
         /**
           * 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>`.
@@ -1731,6 +1743,10 @@ export namespace Components {
           * Animation to use when the modal is presented.
          */
         "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. 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;
         /**
           * If `true`, focus will not be allowed to move outside of this overlay. If `false`, focus will be allowed to move outside of the overlay.  In most scenarios this property should remain set to `true`. Setting this property to `false` can cause severe accessibility issues as users relying on assistive technologies may be able to move focus into a confusing state. We recommend only setting this to `false` when absolutely necessary.  Developers may want to consider disabling focus trapping if this overlay presents a non-Ionic overlay from a 3rd party library. Developers would disable focus trapping on the Ionic overlay when presenting the 3rd party overlay and then re-enable focus trapping when dismissing the 3rd party overlay and moving focus back to the Ionic overlay.
          */
@@ -2299,6 +2315,14 @@ export namespace Components {
           * This property allows developers to specify a custom function or property name for comparing objects when determining the selected option in the ion-radio-group. When not specified, the default behavior will use strict equality (===) for comparison.
          */
         "compareWith"?: string | RadioGroupCompareFn | null;
+        /**
+          * The error text to display at the top of the radio group.
+         */
+        "errorText"?: string;
+        /**
+          * The helper text to display at the top of the radio group.
+         */
+        "helperText"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -2755,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.
          */
@@ -2763,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`.
          */
@@ -2808,6 +2840,10 @@ export namespace Components {
           * The text to display when the select is empty.
          */
         "placeholder"?: 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;
         /**
           * The text to display instead of the selected option's value.
          */
@@ -3264,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`.
          */
@@ -3280,6 +3324,10 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "name": 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;
         /**
           * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
          */
@@ -5386,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.
          */
@@ -5418,6 +5474,10 @@ declare namespace LocalJSX {
           * Emitted when the checkbox has focus.
          */
         "onIonFocus"?: (event: IonCheckboxCustomEvent<void>) => void;
+        /**
+          * 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;
         /**
           * 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>`.
          */
@@ -6474,6 +6534,10 @@ declare namespace LocalJSX {
           * Animation to use when the modal is presented.
          */
         "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. 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;
         /**
           * If `true`, focus will not be allowed to move outside of this overlay. If `false`, focus will be allowed to move outside of the overlay.  In most scenarios this property should remain set to `true`. Setting this property to `false` can cause severe accessibility issues as users relying on assistive technologies may be able to move focus into a confusing state. We recommend only setting this to `false` when absolutely necessary.  Developers may want to consider disabling focus trapping if this overlay presents a non-Ionic overlay from a 3rd party library. Developers would disable focus trapping on the Ionic overlay when presenting the 3rd party overlay and then re-enable focus trapping when dismissing the 3rd party overlay and moving focus back to the Ionic overlay.
          */
@@ -6962,6 +7026,14 @@ declare namespace LocalJSX {
           * This property allows developers to specify a custom function or property name for comparing objects when determining the selected option in the ion-radio-group. When not specified, the default behavior will use strict equality (===) for comparison.
          */
         "compareWith"?: string | RadioGroupCompareFn | null;
+        /**
+          * The error text to display at the top of the radio group.
+         */
+        "errorText"?: string;
+        /**
+          * The helper text to display at the top of the radio group.
+         */
+        "helperText"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -7454,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.
          */
@@ -7462,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`.
          */
@@ -7522,6 +7602,10 @@ declare namespace LocalJSX {
           * The text to display when the select is empty.
          */
         "placeholder"?: 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;
         /**
           * The text to display instead of the selected option's value.
          */
@@ -7985,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`.
          */
@@ -8013,6 +8105,10 @@ declare namespace LocalJSX {
           * Emitted when the toggle has focus.
          */
         "onIonFocus"?: (event: IonToggleCustomEvent<void>) => void;
+        /**
+          * 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;
         /**
           * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
          */

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

@@ -1,6 +1,7 @@
 import type { SpinnerTypes } from '../components/spinner/spinner-configs';
 import type { TabButtonLayout } from '../components/tab-bar/tab-bar-interface';
 import type { AnimationBuilder, Mode } from '../interface';
+import type { LogLevel } from './logging';
 import type { PlatformConfig } from './platform';
 export interface IonicConfig {
     /**
@@ -179,6 +180,14 @@ export interface IonicConfig {
      * Note that the `hardwareBackButton` config option must also be `true`.
      */
     experimentalCloseWatcher?: boolean;
+    /**
+     * Configures the logging level for Ionic Framework:
+     *
+     * - `'OFF'`: No errors or warnings are logged.
+     * - `'ERROR'`: Logs only errors.
+     * - `'WARN'`: Logs errors and warnings.
+     */
+    logLevel?: LogLevel;
     keyboardHeight?: number;
     inputShims?: boolean;
     scrollPadding?: boolean;
@@ -189,9 +198,6 @@ export interface IonicConfig {
     _forceStatusbarPadding?: boolean;
     _testing?: boolean;
     _zoneGate?: (h: () => any) => any;
-    _ael?: (el: any, name: string, cb: any, opts: any) => any;
-    _rel?: (el: any, name: string, cb: any, opts: any) => any;
-    _ce?: (eventName: string, opts: any) => any;
 }
 type FocusManagerPriority = 'content' | 'heading' | 'banner';
 export declare const setupConfig: (config: IonicConfig) => any;

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

@@ -104,3 +104,8 @@ export declare const shallowEqualStringMap: (map1: {
 } | undefined, map2: {
     [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/logging/index.d.ts

@@ -1,3 +1,8 @@
+export declare const enum LogLevel {
+    OFF = "OFF",
+    ERROR = "ERROR",
+    WARN = "WARN"
+}
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -5,7 +10,14 @@
  * @param message - The string message to be logged to the console.
  */
 export declare const printIonWarning: (message: string, ...params: any[]) => void;
-export declare const printIonError: (message: string, ...params: any) => void;
+/**
+ * Logs an error to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ * @param params - Additional arguments to supply to the console.error.
+ */
+export declare const printIonError: (message: string, ...params: any[]) => void;
 /**
  * Prints an error informing developers that an implementation requires an element to be used
  * within a specific selector.

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: {