voyager-ionic-core 8.7.2 → 8.7.9

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: string;
+    detailIcon: any;
     /**
      * If `true`, the user cannot interact with the item.
      */

package/dist/types/components/picker-column/picker-column.d.ts

@@ -132,12 +132,5 @@ export declare class PickerColumn implements ComponentInterface {
      * Utility to generate the correct text for aria-valuetext.
      */
     private getOptionValueText;
-    /**
-     * Render an element that overlays the column. This element is for assistive
-     * tech to allow users to navigate the column up/down. This element should receive
-     * focus as it listens for synthesized keyboard events as required by the
-     * slider role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/slider_role
-     */
-    private renderAssistiveFocusable;
     render(): any;
 }

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

@@ -27,6 +27,7 @@ export declare class Select implements ComponentInterface {
     private inheritedAttributes;
     private nativeWrapperEl;
     private notchSpacerEl;
+    private validationObserver?;
     private notchController?;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
@@ -39,6 +40,11 @@ export declare class Select implements ComponentInterface {
      * is applied in both cases.
      */
     hasFocus: boolean;
+    /**
+     * Track validation state for proper aria-live announcements.
+     */
+    isInvalid: boolean;
+    private hintTextID?;
     /**
      * The text to display on the cancel button.
      */

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

@@ -6,6 +6,7 @@ import type { TabBarChangedEventDetail } from './tab-bar-interface';
  */
 export declare class TabBar implements ComponentInterface {
     private keyboardCtrl;
+    private didLoad;
     el: HTMLElement;
     keyboardVisible: boolean;
     /**
@@ -34,9 +35,8 @@ export declare class TabBar implements ComponentInterface {
      * when IonTabBar is used.
      */
     ionTabBarLoaded: EventEmitter<void>;
-    componentWillLoad(): void;
+    componentDidLoad(): void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
-    componentDidLoad(): void;
     render(): any;
 }

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

@@ -30,7 +30,9 @@ export declare class Tabs implements NavOutlet {
         tab: string;
     }>;
     componentWillLoad(): Promise<void>;
-    componentWillRender(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    private updateTabBar;
     /**
      * Select a tab by the value of its `tab` property or an element reference. This method is only available for vanilla JavaScript projects. The Angular, React, and Vue implementations of tabs are coupled to each framework's router.
      *

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

@@ -40,6 +40,11 @@ export declare class Textarea implements ComponentInterface {
      * is applied in both cases.
      */
     hasFocus: boolean;
+    /**
+     * Track validation state for proper aria-live announcements
+     */
+    isInvalid: boolean;
+    private validationObserver?;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.

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

@@ -19,7 +19,6 @@ export declare class Toggle implements ComponentInterface {
     private helperTextId;
     private errorTextId;
     private gesture?;
-    private focusEl?;
     private lastDrag;
     private inheritedAttributes;
     private toggleTrack?;

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": string;
+        "toggleIcon": any;
         /**
           * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
           * @default 'end'
@@ -1129,7 +1129,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": string;
+        "closeIcon": any;
         /**
           * 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 +1550,7 @@ export namespace Components {
           * The icon to use when `detail` is set to `true`.
           * @default chevronForward
          */
-        "detailIcon": string;
+        "detailIcon": any;
         /**
           * If `true`, the user cannot interact with the item.
           * @default false
@@ -5305,7 +5305,7 @@ declare namespace LocalJSX {
           * The toggle icon to use. This icon will be rotated when the accordion is expanded or collapsed.
           * @default chevronDown
          */
-        "toggleIcon"?: string;
+        "toggleIcon"?: any;
         /**
           * The slot inside of `ion-item` to place the toggle icon. Defaults to `"end"`.
           * @default 'end'
@@ -6345,7 +6345,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"?: string;
+        "closeIcon"?: any;
         /**
           * 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 +6805,7 @@ declare namespace LocalJSX {
           * The icon to use when `detail` is set to `true`.
           * @default chevronForward
          */
-        "detailIcon"?: string;
+        "detailIcon"?: any;
         /**
           * If `true`, the user cannot interact with the item.
           * @default false

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,5 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -151,7 +152,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -233,6 +240,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -349,6 +364,28 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```
+ * import { Mixin, MixinFactory } from '@stencil/core';
+ *
+ * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
+ * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
+ * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

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

@@ -1,2 +1,3 @@
 export * from './notch-controller';
 export * from './compare-with-utils';
+export * from './validity';

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

@@ -0,0 +1,10 @@
+type FormElement = HTMLIonInputElement | HTMLIonTextareaElement | HTMLIonSelectElement;
+/**
+ * Checks if the form element is in an invalid state based on
+ * Ionic validation classes.
+ *
+ * @param el The form element to check.
+ * @returns `true` if the element is invalid, `false` otherwise.
+ */
+export declare const checkInvalidState: (el: FormElement) => boolean;
+export {};

package/dist/types/utils/transition/index.d.ts

@@ -1,5 +1,14 @@
 import type { NavOptions } from '../../components/nav/nav-interface';
 import type { Animation } from '../animation/animation-interface';
+/**
+ * Executes the main page transition.
+ * It also manages the lifecycle of header visibility (if any)
+ * to prevent visual flickering in iOS. The flickering only
+ * occurs for a condensed header that is placed above the content.
+ *
+ * @param opts Options for the transition.
+ * @returns A promise that resolves when the transition is complete.
+ */
 export declare const transition: (opts: TransitionOptions) => Promise<TransitionResult>;
 export declare const lifecycle: (el: HTMLElement | undefined, eventName: string) => void;
 /**

package/hydrate/index.d.ts

@@ -7,12 +7,14 @@ export declare function createWindowFromHtml(templateHtml: string, uniqueId: str
  * Serialize a value to a string that can be deserialized later.
  * @param {unknown} value - The value to serialize.
  * @returns {string} A string that can be deserialized later.
+ * @deprecated will be removed in v5. Use `@PropSerialize()` decorator instead.
  */
 export declare function serializeProperty(value: unknown): string | number | boolean;
 /**
  * Deserialize a value from a string that was serialized earlier.
  * @param {string} value - The string to deserialize.
  * @returns {unknown} The deserialized value.
+ * @deprecated will be removed in v5. Use `@AttrDeserialize()` decorator instead.
  */
 export declare function deserializeProperty(value: string): any;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;