voyager-ionic-core 8.7.9 → 8.7.13

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

@@ -19,6 +19,7 @@ export declare class Checkbox implements ComponentInterface {
     private helperTextId;
     private errorTextId;
     private inheritedAttributes;
+    private validationObserver?;
     el: HTMLIonCheckboxElement;
     /**
      * The color to use from your application's color palette.
@@ -90,6 +91,11 @@ export declare class Checkbox implements ComponentInterface {
      * submitting if the value is invalid.
      */
     required: boolean;
+    /**
+     * Track validation state for proper aria-live announcements.
+     */
+    isInvalid: boolean;
+    private hintTextId?;
     /**
      * Emitted when the checked property has changed as a result of a user action such as a click.
      *
@@ -104,7 +110,9 @@ export declare class Checkbox implements ComponentInterface {
      * Emitted when the checkbox loses focus.
      */
     ionBlur: EventEmitter<void>;
+    connectedCallback(): void;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
     /** @internal */
     setFocus(): Promise<void>;
     /**
@@ -124,7 +132,7 @@ export declare class Checkbox implements ComponentInterface {
      * otherwise, two clicks will be triggered.
      */
     private onDivLabelClick;
-    private getHintTextID;
+    private getHintTextId;
     /**
      * Responsible for rendering helper text and error text.
      * This element should only be rendered if hint text is set.

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

@@ -101,6 +101,13 @@ export declare class Content implements ComponentInterface {
     onResize(): void;
     private shouldForceOverscroll;
     private resize;
+    /**
+     * Recalculate content dimensions. Called by overlays (e.g., popover) when
+     * sibling elements like headers or footers have finished rendering and their
+     * heights are available, ensuring accurate offset-top calculations.
+     * @internal
+     */
+    recalculateDimensions(): Promise<void>;
     private readDimensions;
     private onScroll;
     /**

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

@@ -387,6 +387,16 @@ export declare class Datetime implements ComponentInterface {
      */
     private destroyInteractionListeners;
     private initializeListeners;
+    /**
+     * TODO(FW-6931): Remove this fallback upon solving the root cause
+     * Fallback to ensure the datetime becomes ready even if
+     * IntersectionObserver never reports it as intersecting.
+     *
+     * This is primarily used in environments where the observer
+     * might not fire as expected, such as when running under
+     * synthetic tests that stub IntersectionObserver.
+     */
+    private ensureReadyIfVisible;
     componentDidLoad(): void;
     /**
      * When the presentation is changed, all calendar content is recreated,

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

@@ -82,7 +82,7 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
      * is pressed. Only applies if it is the main button inside of a fab containing a
      * fab list.
      */
-    closeIcon: any;
+    closeIcon: string;
     /**
      * Emitted when the button has focus.
      */

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

@@ -38,7 +38,7 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
     /**
      * The icon to use when `detail` is set to `true`.
      */
-    detailIcon: any;
+    detailIcon: string;
     /**
      * If `true`, the user cannot interact with the item.
      */

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

@@ -36,6 +36,7 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     private resizeTimeout?;
     private parentRemovalObserver?;
     private cachedOriginalParent?;
+    private cachedPageParent?;
     lastFocus?: HTMLElement;
     animation?: Animation;
     presented: boolean;
@@ -289,6 +290,19 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     present(): Promise<void>;
     private initSwipeToClose;
     private initSheetGesture;
+    /**
+     * For sheet modals that allow background interaction, sets up pointer-events
+     * passthrough on child route page wrappers and nested router outlets.
+     */
+    private setupChildRoutePassthrough;
+    /**
+     * Finds the ion-page ancestor of the modal's original parent location.
+     */
+    private getOriginalPageParent;
+    /**
+     * Removes passthrough styles added by setupChildRoutePassthrough.
+     */
+    private cleanupChildRoutePassthrough;
     private sheetOnDismiss;
     /**
      * Dismiss the modal overlay after it has been presented.

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

@@ -20,6 +20,7 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
     private destroyTriggerInteraction?;
     private destroyKeyboardInteraction?;
     private destroyDismissInteraction?;
+    private headerResizeObserver?;
     private inline;
     private workingDelegate?;
     private focusDescendantOnPresent;
@@ -284,6 +285,12 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
      * @param event The event to position the popover relative to.
      */
     present(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent): Promise<void>;
+    /**
+     * Watch the header for height changes and trigger content dimension
+     * recalculation when the header has a height > 0. This sets the offset-top
+     * of the content to the height of the header correctly.
+     */
+    private recalculateContentOnHeaderReady;
     /**
      * Dismiss the popover overlay after it has been presented.
      * This is a no-op if the overlay has not been presented yet. If you want

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

@@ -6,7 +6,13 @@ export declare class RadioGroup implements ComponentInterface {
     private errorTextId;
     private labelId;
     private label?;
+    private validationObserver?;
     el: HTMLElement;
+    /**
+     * Track validation state for proper aria-live announcements.
+     */
+    isInvalid: boolean;
+    private hintTextId?;
     /**
      * If `true`, the radios can be deselected.
      */
@@ -52,6 +58,8 @@ export declare class RadioGroup implements ComponentInterface {
     componentDidLoad(): void;
     private setRadioTabindex;
     connectedCallback(): Promise<void>;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
     private getRadios;
     /**
      * Emits an `ionChange` event.
@@ -68,6 +76,6 @@ export declare class RadioGroup implements ComponentInterface {
      * Renders the helper text or error text values
      */
     private renderHintText;
-    private getHintTextID;
+    private getHintTextId;
     render(): any;
 }

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

@@ -44,7 +44,7 @@ export declare class Select implements ComponentInterface {
      * Track validation state for proper aria-live announcements.
      */
     isInvalid: boolean;
-    private hintTextID?;
+    private hintTextId?;
     /**
      * The text to display on the cancel button.
      */
@@ -278,7 +278,7 @@ export declare class Select implements ComponentInterface {
     private renderSelectIcon;
     private get ariaLabel();
     private renderListbox;
-    private getHintTextID;
+    private getHintTextId;
     /**
      * Renders the helper text or error text values
      */

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

@@ -23,8 +23,14 @@ export declare class Toggle implements ComponentInterface {
     private inheritedAttributes;
     private toggleTrack?;
     private didLoad;
+    private validationObserver?;
     el: HTMLIonToggleElement;
     activated: boolean;
+    /**
+     * Track validation state for proper aria-live announcements.
+     */
+    isInvalid: boolean;
+    private hintTextId?;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
@@ -134,7 +140,7 @@ export declare class Toggle implements ComponentInterface {
     private renderOnOffSwitchLabels;
     private renderToggleControl;
     private get hasLabel();
-    private getHintTextID;
+    private getHintTextId;
     /**
      * Responsible for rendering helper text and error text.
      * This element should only be rendered if hint text is set.

package/dist/types/components.d.ts

@@ -101,7 +101,7 @@ export namespace Components {
           * The toggle icon to use. This icon will be rotated when the accordion is expanded or collapsed.
           * @default chevronDown
          */
-        "toggleIcon": any;
+        "toggleIcon": string;
         /**
           * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
           * @default 'end'
@@ -868,6 +868,10 @@ export namespace Components {
           * Get the element where the actual scrolling takes place. This element can be used to subscribe to `scroll` events or manually modify `scrollTop`. However, it's recommended to use the API provided by `ion-content`:  i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events and `scrollToPoint()` to scroll the content into a certain point.
          */
         "getScrollElement": () => Promise<HTMLElement>;
+        /**
+          * Recalculate content dimensions. Called by overlays (e.g., popover) when sibling elements like headers or footers have finished rendering and their heights are available, ensuring accurate offset-top calculations.
+         */
+        "recalculateDimensions": () => Promise<void>;
         /**
           * Scroll by a specified X/Y distance in the component.
           * @param x The amount to scroll by on the horizontal axis.
@@ -1129,7 +1133,7 @@ export namespace Components {
           * The icon name to use for the close icon. This will appear when the fab button is pressed. Only applies if it is the main button inside of a fab containing a fab list.
           * @default close
          */
-        "closeIcon": any;
+        "closeIcon": string;
         /**
           * 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).
          */
@@ -1550,7 +1554,7 @@ export namespace Components {
           * The icon to use when `detail` is set to `true`.
           * @default chevronForward
          */
-        "detailIcon": any;
+        "detailIcon": string;
         /**
           * If `true`, the user cannot interact with the item.
           * @default false
@@ -5305,7 +5309,7 @@ declare namespace LocalJSX {
           * The toggle icon to use. This icon will be rotated when the accordion is expanded or collapsed.
           * @default chevronDown
          */
-        "toggleIcon"?: any;
+        "toggleIcon"?: string;
         /**
           * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
           * @default 'end'
@@ -6345,7 +6349,7 @@ declare namespace LocalJSX {
           * The icon name to use for the close icon. This will appear when the fab button is pressed. Only applies if it is the main button inside of a fab containing a fab list.
           * @default close
          */
-        "closeIcon"?: any;
+        "closeIcon"?: string;
         /**
           * 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).
          */
@@ -6805,7 +6809,7 @@ declare namespace LocalJSX {
           * The icon to use when `detail` is set to `true`.
           * @default chevronForward
          */
-        "detailIcon"?: any;
+        "detailIcon"?: string;
         /**
           * If `true`, the user cannot interact with the item.
           * @default false

package/dist/types/utils/forms/validity.d.ts

@@ -1,4 +1,4 @@
-type FormElement = HTMLIonInputElement | HTMLIonTextareaElement | HTMLIonSelectElement;
+type FormElement = HTMLIonInputElement | HTMLIonTextareaElement | HTMLIonSelectElement | HTMLIonCheckboxElement | HTMLIonToggleElement | HTMLElement;
 /**
  * Checks if the form element is in an invalid state based on
  * Ionic validation classes.