@aerogel/core 0.0.0-next.b18f4e0acd39431045c2f444c711303890143193 → 0.0.0-next.b243de4e2590f02709edeebd8c13b74087592c04

package/dist/aerogel-core.d.ts

@@ -6,31 +6,51 @@ import { ComputedRef } from 'vue';
 import { Constructor } from '@noeldemartin/utils';
 import type { DeepReadonly } from 'vue';
 import { DefineComponent } from 'vue';
+import type { DefineStoreOptions } from 'pinia';
 import type { Directive } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { Facade } from '@noeldemartin/utils';
 import type { GetClosureArgs } from '@noeldemartin/utils';
+import type { _GettersTree } from 'pinia';
 import type { InjectionKey } from 'vue';
 import type { JSError } from '@noeldemartin/utils';
 import { MagicObject } from '@noeldemartin/utils';
 import type { MaybeRef } from 'vue';
 import type { ObjectValues } from '@noeldemartin/utils';
 import type { ObjectWithoutEmpty } from '@noeldemartin/utils';
+import type { Pinia } from 'pinia';
 import { PromisedValue } from '@noeldemartin/utils';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
+import type { StateTree } from 'pinia';
+import type { Store } from 'pinia';
+import type { SubPartial } from '@noeldemartin/utils';
 import type { UnwrapNestedRefs } from 'vue';
 import { VNode } from 'vue';
 import type { Writable } from '@noeldemartin/utils';
 
+export declare interface __SetsElement {
+    __setElement(element?: HTMLElement): void;
+}
+
+export declare type AerogelGlobalEvents = Partial<{
+    [Event in EventWithoutPayload]: () => unknown;
+}> & Partial<{
+    [Event in EventWithPayload]: EventListener_2<EventsPayload[Event]>;
+}>;
+
 export declare interface AerogelOptions {
     plugins?: Plugin_2[];
     install?(app: App_2): void | Promise<void>;
 }
 
+export declare interface AerogelTestingRuntime {
+    on: (typeof Events)['on'];
+}
+
 export declare const AGAlertModal: DefineComponent<    {
 title: {
 type?: PropType<string | null> | undefined;
@@ -134,12 +154,24 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+acceptColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 cancelText: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+cancelColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 }, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -161,19 +193,33 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+acceptColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 cancelText: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+cancelColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 }>>, {
 title: string | null;
 acceptText: string | null;
+acceptColor: "primary" | "secondary" | "danger" | "clear";
 cancelText: string | null;
+cancelColor: "primary" | "secondary" | "danger" | "clear";
 }, {}>;
 
-export declare type AGConfirmModalProps = ObjectWithoutEmpty<ExtractPropTypes<typeof confirmModalProps>>;
+export declare type AGConfirmModalProps = SubPartial<ObjectWithoutEmpty<ExtractPropTypes<typeof confirmModalProps>>, 'acceptColor' | 'cancelColor'>;
 
 export declare const AGErrorMessage: DefineComponent<    {
 error: {
@@ -281,6 +327,12 @@ form: Form<FormFieldDefinitions> | null;
 }, {}>;
 
 export declare const AGHeadlessButton: DefineComponent<    {
+as: {
+type?: PropType<Object | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: Object | (() => Object | null) | null;
+};
 href: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
@@ -320,6 +372,12 @@ default: boolean | (() => boolean) | null;
 }, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+as: {
+type?: PropType<Object | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: Object | (() => Object | null) | null;
+};
 href: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
@@ -357,6 +415,7 @@ validator?(value: unknown): boolean;
 default: boolean | (() => boolean) | null;
 };
 }>>, {
+as: Object | null;
 href: string | null;
 url: string | null;
 route: string | null;
@@ -378,17 +437,23 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
-as: {
-type?: PropType<string> | undefined;
+description: {
+type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: string | (() => string) | null;
+default: string | (() => string | null) | null;
 };
 modelValue: {
-type?: PropType<string | number | boolean | null> | undefined;
+type?: PropType<FormFieldValue | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: FormFieldValue | (() => FormFieldValue | null) | null;
+};
+as: {
+type?: PropType<string> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: string | number | boolean | (() => string | number | boolean | null) | null;
+default: string | (() => string) | null;
 };
 }, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
@@ -405,27 +470,38 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
-as: {
-type?: PropType<string> | undefined;
+description: {
+type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: string | (() => string) | null;
+default: string | (() => string | null) | null;
 };
 modelValue: {
-type?: PropType<string | number | boolean | null> | undefined;
+type?: PropType<FormFieldValue | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: string | number | boolean | (() => string | number | boolean | null) | null;
+default: FormFieldValue | (() => FormFieldValue | null) | null;
+};
+as: {
+type?: PropType<string> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string) | null;
 };
 }>> & {
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
 as: string;
-modelValue: string | number | boolean | null;
 name: string | null;
 label: string | null;
+description: string | null;
+modelValue: FormFieldValue | null;
 }, {}>;
 
+export declare const AGHeadlessInputDescription: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
 export declare const AGHeadlessInputError: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
@@ -454,6 +530,10 @@ export declare const AGHeadlessInputLabel: DefineComponent<    {}, (_ctx: any, _
 [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
 
+export declare const AGHeadlessInputTextArea: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
 export declare const AGHeadlessModal: DefineComponent<    {
 cancellable: {
 type?: PropType<boolean> | undefined;
@@ -715,6 +795,18 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+description: {
+type?: PropType<string | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+modelValue: {
+type?: PropType<FormFieldValue | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: FormFieldValue | (() => FormFieldValue | null) | null;
+};
 }, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -730,9 +822,23 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+description: {
+type?: PropType<string | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+modelValue: {
+type?: PropType<FormFieldValue | null> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: FormFieldValue | (() => FormFieldValue | null) | null;
+};
 }>>, {
 name: string | null;
 label: string | null;
+description: string | null;
+modelValue: FormFieldValue | null;
 }, {}>;
 
 export declare const AGLink: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
@@ -781,10 +887,10 @@ validator?(value: unknown): boolean;
 default: string | (() => string | null) | null;
 };
 langParams: {
-type?: PropType<Record<string, unknown> | null> | undefined;
+type?: PropType<number | Record<string, unknown> | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: Record<string, unknown> | (() => Record<string, unknown> | null) | null;
+default: number | Record<string, unknown> | (() => number | Record<string, unknown> | null) | null;
 };
 text: {
 type?: PropType<string | null> | undefined;
@@ -814,10 +920,10 @@ validator?(value: unknown): boolean;
 default: string | (() => string | null) | null;
 };
 langParams: {
-type?: PropType<Record<string, unknown> | null> | undefined;
+type?: PropType<number | Record<string, unknown> | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
-default: Record<string, unknown> | (() => Record<string, unknown> | null) | null;
+default: number | Record<string, unknown> | (() => number | Record<string, unknown> | null) | null;
 };
 text: {
 type?: PropType<string | null> | undefined;
@@ -829,7 +935,7 @@ default: string | (() => string | null) | null;
 as: string | null;
 inline: boolean;
 langKey: string | null;
-langParams: Record<string, unknown> | null;
+langParams: number | Record<string, unknown> | null;
 text: string | null;
 }, {}>;
 
@@ -957,12 +1063,24 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+acceptColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 cancelText: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+cancelColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 }, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -1002,22 +1120,36 @@ validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+acceptColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 cancelText: {
 type?: PropType<string | null> | undefined;
 validator?(value: unknown): boolean;
 } & {
 default: string | (() => string | null) | null;
 };
+cancelColor: {
+type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+validator?(value: unknown): boolean;
+} & {
+default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+};
 }>>, {
 title: string | null;
 label: string | null;
 defaultValue: string | null;
 placeholder: string | null;
 acceptText: string | null;
+acceptColor: "primary" | "secondary" | "danger" | "clear";
 cancelText: string | null;
+cancelColor: "primary" | "secondary" | "danger" | "clear";
 }, {}>;
 
-export declare type AGPromptModalProps = ObjectWithoutEmpty<ExtractPropTypes<typeof promptModalProps>>;
+export declare type AGPromptModalProps = SubPartial<ObjectWithoutEmpty<ExtractPropTypes<typeof promptModalProps>>, 'acceptColor' | 'cancelColor'>;
 
 export declare const AGSelect: DefineComponent<    {
 name: {
@@ -1170,9 +1302,10 @@ export declare const alertModalProps: {
     };
 };
 
-export declare const App: Facade<AppService, Constructor<AppService>>;
+export declare const App: Facade<AppService, AppService>;
 
-export declare class AppService extends _default_2 {
+export declare class AppService extends _default_3 {
+    readonly name: string;
     readonly ready: PromisedValue<void>;
     readonly mounted: PromisedValue<void>;
     isReady(): boolean;
@@ -1190,7 +1323,9 @@ declare type BaseProp<T> = {
     validator?(value: unknown): boolean;
 };
 
-export declare function booleanInput(defaultValue?: boolean): FormFieldDefinition<typeof FormFieldTypes.Boolean>;
+export declare function booleanInput(defaultValue?: boolean, options?: {
+    rules?: string;
+}): FormFieldDefinition<typeof FormFieldTypes.Boolean>;
 
 export declare function booleanProp(defaultValue?: boolean): OptionalProp<boolean>;
 
@@ -1200,6 +1335,17 @@ export declare function bootstrap(rootComponent: Component, options?: AerogelOpt
 
 export declare function bootstrapApplication(app: App_2, options?: AerogelOptions): Promise<void>;
 
+declare const Cache_2: Facade<CacheService, CacheService>;
+export { Cache_2 as Cache }
+
+export declare class CacheService extends Service {
+    private cache?;
+    get(url: string): Promise<Response | null>;
+    store(url: string, response: Response): Promise<void>;
+    replace(url: string, response: Response): Promise<void>;
+    protected open(): Promise<Cache>;
+}
+
 export declare type Color = (typeof Colors)[keyof typeof Colors];
 
 export declare const Colors: {
@@ -1240,19 +1386,37 @@ export declare const confirmModalProps: {
     } & {
         default: string | (() => string | null) | null;
     };
+    acceptColor: {
+        type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+    };
     cancelText: {
         type?: PropType<string | null> | undefined;
         validator?(value: unknown): boolean;
     } & {
         default: string | (() => string | null) | null;
     };
+    cancelColor: {
+        type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+    };
 };
 
 export declare interface ConfirmOptions {
     acceptText?: string;
+    acceptColor?: Color;
     cancelText?: string;
+    cancelColor?: Color;
 }
 
+export declare function dateInput(defaultValue?: Date, options?: {
+    rules?: string;
+}): FormFieldDefinition<typeof FormFieldTypes.Date>;
+
 declare const _default: Constructor<UnrefServiceState<    {
 logs: ErrorReportLog[];
 startupErrors: ErrorReport[];
@@ -1273,57 +1437,100 @@ startupErrors: ErrorReport[];
 }>>>>;
 
 declare const _default_2: Constructor<UnrefServiceState<    {
+locale: string | null;
+locales: string[];
+fallbackLocale: string;
+}>> & Constructor<    {}> & Constructor<Service<UnrefServiceState<    {
+locale: string | null;
+locales: string[];
+fallbackLocale: string;
+}>, {}, Partial<UnrefServiceState<    {
+locale: string | null;
+locales: string[];
+fallbackLocale: string;
+}>>>>;
+
+declare const _default_3: Constructor<UnrefServiceState<    {
 plugins: Record<string, Plugin_2>;
 environment: string;
+version: string;
 sourceUrl: string | undefined;
 }>> & Constructor<    {
 development: boolean;
 testing: boolean;
+versionName: string;
+versionUrl: string;
 }> & Constructor<Service<UnrefServiceState<    {
 plugins: Record<string, Plugin_2>;
 environment: string;
+version: string;
 sourceUrl: string | undefined;
 }>, {
 development: boolean;
 testing: boolean;
+versionName: string;
+versionUrl: string;
 }, Partial<UnrefServiceState<    {
 plugins: Record<string, Plugin_2>;
 environment: string;
+version: string;
 sourceUrl: string | undefined;
 }>>>>;
 
-declare const _default_3: Constructor<UnrefServiceState<    {
+declare const _default_4: Constructor<UnrefServiceState<    {
 modals: Modal<unknown>[];
 snackbars: Snackbar[];
-}>> & Constructor<    {}> & Constructor<Service<UnrefServiceState<    {
+layout: Layout;
+}>> & Constructor<    {
+mobile: boolean;
+desktop: boolean;
+}> & Constructor<Service<UnrefServiceState<    {
 modals: Modal<unknown>[];
 snackbars: Snackbar[];
-}>, {}, Partial<UnrefServiceState<    {
+layout: Layout;
+}>, {
+mobile: boolean;
+desktop: boolean;
+}, Partial<UnrefServiceState<    {
 modals: Modal<unknown>[];
 snackbars: Snackbar[];
+layout: Layout;
 }>>>>;
 
 export declare type DefaultServices = typeof defaultServices;
 
 declare const defaultServices: {
-    $app: Facade<AppService, Constructor<AppService>>;
-    $events: Facade<EventsService, Constructor<EventsService>>;
+    $app: Facade<AppService, AppService>;
+    $events: Facade<EventsService, EventsService>;
 };
 
 export declare type DefaultServiceState = any;
 
 export declare function defineDirective(directive: Directive): Directive;
 
+export declare function defineFormValidationRule<T>(rule: string, validator: FormFieldValidator<T>): void;
+
 export declare function definePlugin<T extends Plugin_2>(plugin: T): T;
 
 export declare function defineServiceState<State extends ServiceState = ServiceState, ComputedState extends ServiceState = {}>(options: {
     name: string;
-    initialState: State;
+    initialState: State | (() => State);
     persist?: (keyof State)[];
     computed?: ComputedStateDefinition<State, ComputedState>;
     serialize?: (state: Partial<State>) => Partial<State>;
 }): Constructor<UnrefServiceState<State>> & Constructor<ComputedState> & Constructor<Service<UnrefServiceState<State>, ComputedState, Partial<UnrefServiceState<State>>>>;
 
+export declare function defineServiceStore<Id extends string, S extends StateTree = {}, G extends _GettersTree<S> = {}, A = {}>(name: Id, options: Omit<DefineStoreOptions<Id, S, G, A>, 'id'>): Store<Id, S, G, A>;
+
+export declare function dispatch(job: Job): Promise<void>;
+
+export declare function elementRef(): Ref<HTMLElement | undefined>;
+
+export declare interface ElementSize {
+    width: number;
+    height: number;
+}
+
 export declare function enumProp<Enum extends Record<string, unknown>>(enumeration: Enum, defaultValue?: Enum[keyof Enum]): OptionalProp<Enum[keyof Enum]>;
 
 export declare type ErrorHandler = (error: ErrorSource) => boolean;
@@ -1350,7 +1557,7 @@ export declare const errorReportModalProps: {
     };
 };
 
-export declare const Errors: Facade<ErrorsService, Constructor<ErrorsService>>;
+export declare const Errors: Facade<ErrorsService, ErrorsService>;
 
 export declare type ErrorSource = string | Error | JSError | unknown;
 
@@ -1363,7 +1570,6 @@ declare class ErrorsService extends _default {
     report(error: ErrorSource, message?: string): Promise<void>;
     see(report: ErrorReport): void;
     seeAll(): void;
-    getErrorMessage(error: ErrorSource): string;
     private logError;
     private createErrorReport;
     private createStartupErrorReport;
@@ -1375,23 +1581,42 @@ export declare type ErrorsServices = typeof services;
 declare type EventListener_2<T = unknown> = (payload: T) => unknown;
 export { EventListener_2 as EventListener }
 
-export declare const Events: Facade<EventsService, Constructor<EventsService>>;
+declare interface EventListenerOptions_2 {
+    priority: number;
+}
+export { EventListenerOptions_2 as EventListenerOptions }
+
+export declare const EventListenerPriorities: {
+    readonly Low: -256;
+    readonly Default: 0;
+    readonly High: 256;
+};
+
+export declare const Events: Facade<EventsService, EventsService>;
 
 export declare interface EventsPayload {
 }
 
 export declare class EventsService extends Service {
     private listeners;
+    protected boot(): Promise<void>;
     emit<Event extends EventWithoutPayload>(event: Event): Promise<void>;
     emit<Event extends EventWithPayload>(event: Event, payload: EventsPayload[Event]): Promise<void>;
     emit<Event extends string>(event: UnknownEvent<Event>, payload?: unknown): Promise<void>;
     on<Event extends EventWithoutPayload>(event: Event, listener: () => unknown): () => void;
+    on<Event extends EventWithoutPayload>(event: Event, options: Partial<EventListenerOptions_2>, listener: () => unknown): () => void;
     on<Event extends EventWithPayload>(event: Event, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
+    on<Event extends EventWithPayload>(event: Event, options: Partial<EventListenerOptions_2>, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
     on<Event extends string>(event: UnknownEvent<Event>, listener: EventListener_2): () => void;
+    on<Event extends string>(event: UnknownEvent<Event>, options: Partial<EventListenerOptions_2>, listener: EventListener_2): () => void;
     once<Event extends EventWithoutPayload>(event: Event, listener: () => unknown): () => void;
+    once<Event extends EventWithoutPayload>(event: Event, options: Partial<EventListenerOptions_2>, listener: () => unknown): () => void;
     once<Event extends EventWithPayload>(event: Event, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
+    once<Event extends EventWithPayload>(event: Event, options: Partial<EventListenerOptions_2>, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
     once<Event extends string>(event: UnknownEvent<Event>, listener: EventListener_2): () => void;
+    once<Event extends string>(event: UnknownEvent<Event>, options: Partial<EventListenerOptions_2>, listener: EventListener_2): () => void;
     off(event: string, listener: EventListener_2): void;
+    protected registerListener(event: string, options: Partial<EventListenerOptions_2>, handler: EventListener_2): void;
 }
 
 export declare type EventWithoutPayload = {
@@ -1408,23 +1633,33 @@ export declare function extractModalProps<T extends ExtractPropTypes<typeof moda
 
 export declare function extractSelectProps<T extends ExtractPropTypes<typeof selectProps>>(props: T): Pick<T, keyof typeof selectProps>;
 
-declare class Form<Fields extends FormFieldDefinitions = FormFieldDefinitions> extends MagicObject {
+export declare type FocusFormListener = (input: string) => unknown;
+
+export declare class Form<Fields extends FormFieldDefinitions = FormFieldDefinitions> extends MagicObject {
     errors: DeepReadonly<UnwrapNestedRefs<FormErrors<Fields>>>;
     private _fields;
     private _data;
     private _submitted;
     private _errors;
+    private _listeners;
     constructor(fields: Fields);
     get valid(): boolean;
     get submitted(): boolean;
     setFieldValue<T extends keyof Fields>(field: T, value: FormData_2<Fields>[T]): void;
     getFieldValue<T extends keyof Fields>(field: T): GetFormFieldValue<Fields[T]['type']>;
+    getFieldRules<T extends keyof Fields>(field: T): string[];
+    data(): FormData_2<Fields>;
     validate(): boolean;
     reset(options?: {
         keepData?: boolean;
         keepErrors?: boolean;
     }): void;
     submit(): boolean;
+    on(event: 'focus', listener: FocusFormListener): () => void;
+    on(event: 'submit', listener: SubmitFormListener): () => void;
+    off(event: 'focus', listener: FocusFormListener): void;
+    off(event: 'submit', listener: SubmitFormListener): void;
+    focus(input: string): Promise<void>;
     protected __get(property: string): unknown;
     protected __set(property: string, value: unknown): void;
     private getFieldErrors;
@@ -1445,6 +1680,7 @@ export declare type FormErrors<T> = {
 
 export declare interface FormFieldDefinition<TType extends FormFieldType = FormFieldType, TRules extends string = string> {
     type: TType;
+    trim?: boolean;
     default?: GetFormFieldValue<TType>;
     rules?: TRules;
 }
@@ -1458,11 +1694,28 @@ export declare const FormFieldTypes: {
     readonly Number: "number";
     readonly Boolean: "boolean";
     readonly Object: "object";
+    readonly Date: "date";
 };
 
+export declare type FormFieldValidator<T = unknown> = (value: T) => string | string[] | undefined;
+
 export declare type FormFieldValue = GetFormFieldValue<FormFieldType>;
 
-export declare type GetFormFieldValue<TType> = TType extends typeof FormFieldTypes.String ? string : TType extends typeof FormFieldTypes.Number ? number : TType extends typeof FormFieldTypes.Boolean ? boolean : TType extends typeof FormFieldTypes.Object ? object : never;
+export declare function getCurrentLayout(): Layout;
+
+export declare function getElement(value: unknown): HTMLElement | undefined;
+
+export declare function getErrorMessage(error: ErrorSource): string;
+
+export declare type GetFormFieldValue<TType> = TType extends typeof FormFieldTypes.String ? string : TType extends typeof FormFieldTypes.Number ? number : TType extends typeof FormFieldTypes.Boolean ? boolean : TType extends typeof FormFieldTypes.Object ? object : TType extends typeof FormFieldTypes.Date ? Date : never;
+
+export declare function getPiniaStore(): Pinia;
+
+export declare interface HasElement {
+    $el: Readonly<Ref<HTMLElement | undefined>>;
+}
+
+export declare function hasElement(value: unknown): value is UnwrapNestedRefs<HasElement>;
 
 export declare interface IAGErrorReportModalButtonsDefaultSlotProps {
     id: string;
@@ -1472,13 +1725,18 @@ export declare interface IAGErrorReportModalButtonsDefaultSlotProps {
     handler?(): void;
 }
 
-export declare interface IAGHeadlessInput {
+export declare interface IAGHeadlessButton extends HasElement {
+}
+
+export declare interface IAGHeadlessInput extends HasElement {
     id: string;
     name: ComputedRef<string | null>;
     label: ComputedRef<string | null>;
-    value: ComputedRef<string | number | boolean | null>;
+    description: ComputedRef<string | boolean | null>;
+    value: ComputedRef<FormFieldValue | null>;
+    required: ComputedRef<boolean | null>;
     errors: DeepReadonly<Ref<string[] | null>>;
-    update(value: string | number | boolean | null): void;
+    update(value: FormFieldValue | null): void;
 }
 
 export declare interface IAGHeadlessModal extends IAGModal {
@@ -1538,27 +1796,59 @@ export declare const inputProps: {
     } & {
         default: string | (() => string | null) | null;
     };
+    description: {
+        type?: PropType<string | null> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: string | (() => string | null) | null;
+    };
+    modelValue: {
+        type?: PropType<FormFieldValue | null> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: FormFieldValue | (() => FormFieldValue | null) | null;
+    };
 };
 
 export declare function installPlugins(plugins: Plugin_2[], ...args: GetClosureArgs<Plugin_2['install']>): Promise<void>;
 
-export declare const Lang: Facade<LangService, Constructor<LangService>>;
+export declare abstract class Job {
+    abstract run(): Promise<void>;
+}
+
+export declare const Lang: Facade<LangService, LangService>;
 
 export declare interface LangProvider {
-    translate(key: string, parameters?: Record<string, unknown>): string;
+    getLocale(): string;
+    setLocale(locale: string): Promise<void>;
+    getFallbackLocale(): string;
+    setFallbackLocale(fallbackLocale: string): Promise<void>;
+    getLocales(): string[];
+    translate(key: string, parameters?: Record<string, unknown> | number): string;
+    translateWithDefault(key: string, defaultMessage: string, parameters?: Record<string, unknown> | number): string;
 }
 
-declare class LangService extends Service {
+declare class LangService extends _default_2 {
     private provider;
     constructor();
-    setProvider(provider: LangProvider): void;
-    translate(key: string, parameters?: Record<string, unknown>): string;
-    translateWithDefault(key: string, defaultMessage: string): string;
-    translateWithDefault(key: string, parameters: Record<string, unknown>, defaultMessage: string): string;
+    setProvider(provider: LangProvider): Promise<void>;
+    translate(key: string, parameters?: Record<string, unknown> | number): string;
+    translateWithDefault(key: string, defaultMessage: string, parameters?: Record<string, unknown> | number): string;
+    getBrowserLocale(): string;
+    protected boot(): Promise<void>;
 }
 
 export declare type LangServices = typeof services_2;
 
+export declare type Layout = (typeof Layouts)[keyof typeof Layouts];
+
+export declare const Layouts: {
+    readonly Mobile: "mobile";
+    readonly Desktop: "desktop";
+};
+
+export declare function listenerProp<T extends Function = Function>(): OptionalProp<T | null>;
+
 export declare const loadingModalProps: {
     message: {
         type?: PropType<string | null> | undefined;
@@ -1568,8 +1858,14 @@ export declare const loadingModalProps: {
     };
 };
 
+export declare type MeasureDirectiveListener = (size: ElementSize) => unknown;
+
 export declare function mixedProp<T>(type?: PropType<T>): OptionalProp<T | null>;
 
+export declare function mixedProp<T>(type: PropType<T>, defaultValue: T): OptionalProp<T>;
+
+export declare const MOBILE_BREAKPOINT = 768;
+
 declare interface Modal<T = unknown> {
     id: string;
     properties: Record<string, unknown>;
@@ -1600,7 +1896,9 @@ export declare const modalProps: {
 
 declare type ModalResult<TComponent> = TComponent extends ModalComponent<Record<string, unknown>, infer TResult> ? TResult : never;
 
-export declare function numberInput(defaultValue?: number): FormFieldDefinition<typeof FormFieldTypes.Number>;
+export declare function numberInput(defaultValue?: number, options?: {
+    rules?: string;
+}): FormFieldDefinition<typeof FormFieldTypes.Number>;
 
 export declare function numberProp(): OptionalProp<number | null>;
 
@@ -1612,6 +1910,10 @@ export declare function objectProp<T>(defaultValue: () => T): OptionalProp<T>;
 
 export declare function onCleanMounted(operation: () => Function): void;
 
+export declare function onFormFocus(input: {
+    name: string | null;
+}, listener: () => unknown): void;
+
 declare type OptionalProp<T> = BaseProp<T> & {
     default: T | (() => T) | null;
 };
@@ -1659,12 +1961,24 @@ export declare const promptModalProps: {
     } & {
         default: string | (() => string | null) | null;
     };
+    acceptColor: {
+        type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+    };
     cancelText: {
         type?: PropType<string | null> | undefined;
         validator?(value: unknown): boolean;
     } & {
         default: string | (() => string | null) | null;
     };
+    cancelColor: {
+        type?: PropType<"primary" | "secondary" | "danger" | "clear"> | undefined;
+        validator?(value: unknown): boolean;
+    } & {
+        default: "primary" | "secondary" | "danger" | "clear" | (() => "primary" | "secondary" | "danger" | "clear") | null;
+    };
 };
 
 export declare interface PromptOptions {
@@ -1672,7 +1986,10 @@ export declare interface PromptOptions {
     defaultValue?: string;
     placeholder?: string;
     acceptText?: string;
+    acceptColor?: Color;
     cancelText?: string;
+    cancelColor?: Color;
+    trim?: boolean;
 }
 
 export declare function removeInteractiveClasses(classes: string): string;
@@ -1681,6 +1998,8 @@ export declare function requiredArrayProp<T>(): RequiredProp<T[]>;
 
 export declare function requiredBooleanInput(defaultValue?: boolean): FormFieldDefinition<typeof FormFieldTypes.Boolean, 'required'>;
 
+export declare function requiredDateInput(defaultValue?: Date): FormFieldDefinition<typeof FormFieldTypes.Date>;
+
 export declare function requiredEnumProp<Enum extends Record<string, unknown>>(enumeration: Enum): RequiredProp<Enum[keyof Enum]>;
 
 export declare function requiredMixedProp<T>(type?: PropType<T>): RequiredProp<T>;
@@ -1699,6 +2018,8 @@ export declare function requiredStringInput(defaultValue?: string): FormFieldDef
 
 export declare function requiredStringProp(): RequiredProp<string>;
 
+export declare function resetPiniaStore(): Pinia;
+
 export declare const selectEmits: readonly ["update:modelValue"];
 
 export declare const selectProps: {
@@ -1739,10 +2060,11 @@ export declare class Service<State extends ServiceState = DefaultServiceState, C
     protected _name: string;
     private _booted;
     private _computedStateKeys;
-    private _store?;
+    private _store;
     constructor();
     get booted(): PromisedValue<void>;
     launch(): Promise<void>;
+    hasPersistedState(): boolean;
     hasState<P extends keyof State>(property: P): boolean;
     getState(): State;
     getState<P extends keyof State>(property: P): State[P];
@@ -1759,6 +2081,7 @@ export declare class Service<State extends ServiceState = DefaultServiceState, C
     protected frameworkBoot(): Promise<void>;
     protected boot(): Promise<void>;
     protected initializePersistedState(): void;
+    protected requireStore(): Store<string, State, ComputedState, {}>;
 }
 
 export declare type ServiceConstructor<T extends Service = Service> = Constructor<T> & typeof Service;
@@ -1767,15 +2090,15 @@ export declare interface Services extends DefaultServices {
 }
 
 declare const services: {
-    $errors: Facade<ErrorsService, Constructor<ErrorsService>>;
+    $errors: Facade<ErrorsService, ErrorsService>;
 };
 
 declare const services_2: {
-    $lang: Facade<LangService, Constructor<LangService>>;
+    $lang: Facade<LangService, LangService>;
 };
 
 declare const services_3: {
-    $ui: Facade<UIService, Constructor<UIService>>;
+    $ui: Facade<UIService, UIService>;
 };
 
 export declare type ServiceState = Record<string, any>;
@@ -1834,20 +2157,21 @@ export declare const snackbarProps: {
     };
 };
 
-export declare function stringInput(defaultValue?: string): FormFieldDefinition<typeof FormFieldTypes.String>;
+export declare function stringInput(defaultValue?: string, options?: {
+    rules?: string;
+}): FormFieldDefinition<typeof FormFieldTypes.String>;
 
 export declare function stringProp(): OptionalProp<string | null>;
 
 export declare function stringProp(defaultValue: string): OptionalProp<string>;
 
-export declare const translate: (key: string, parameters?: Record<string, unknown> | undefined) => string;
+export declare type SubmitFormListener = () => unknown;
 
-export declare const translateWithDefault: {
-    (key: string, defaultMessage: string): string;
-    (key: string, parameters: Record<string, unknown>, defaultMessage: string): string;
-};
+export declare const translate: (key: string, parameters?: number | Record<string, unknown> | undefined) => string;
+
+export declare const translateWithDefault: (key: string, defaultMessage: string, parameters?: number | Record<string, unknown>) => string;
 
-export declare const UI: Facade<UIService, Constructor<UIService>>;
+export declare const UI: Facade<UIService, UIService>;
 
 export declare type UIComponent = ObjectValues<typeof UIComponents>;
 
@@ -1861,7 +2185,7 @@ export declare const UIComponents: {
     readonly StartupCrash: "startup-crash";
 };
 
-export declare class UIService extends _default_3 {
+export declare class UIService extends _default_4 {
     private modalCallbacks;
     private components;
     requireComponent(name: UIComponent): Component;
@@ -1871,8 +2195,8 @@ export declare class UIService extends _default_3 {
     confirm(title: string, message: string, options?: ConfirmOptions): Promise<boolean>;
     prompt(message: string, options?: PromptOptions): Promise<string | null>;
     prompt(title: string, message: string, options?: PromptOptions): Promise<string | null>;
-    loading<T>(operation: Promise<T>): Promise<T>;
-    loading<T>(message: string, operation: Promise<T>): Promise<T>;
+    loading<T>(operation: Promise<T> | (() => T)): Promise<T>;
+    loading<T>(message: string, operation: Promise<T> | (() => T)): Promise<T>;
     showSnackbar(message: string, options?: ShowSnackbarOptions): void;
     hideSnackbar(id: string): void;
     registerComponent(name: UIComponent, component: Component): void;
@@ -1881,6 +2205,7 @@ export declare class UIService extends _default_3 {
     protected boot(): Promise<void>;
     private watchModalEvents;
     private watchMountedEvent;
+    private watchViewportBreakpoints;
 }
 
 export declare type UIServices = typeof services_3;
@@ -1951,9 +2276,14 @@ export declare function useSnackbar(props: ExtractPropTypes<typeof snackbarProps
 
 export declare function useSnackbarProps(): typeof snackbarProps;
 
+export declare function validate(value: unknown, rule: string): string[];
+
+export declare const validators: Record<string, FormFieldValidator>;
+
 export { }
 
     export interface EventsPayload {
+        'application-ready': void;
         'application-mounted': void;
     }
 
@@ -1961,6 +2291,10 @@ export { }
         directives?: Record<string, Directive>;
     }
 
+    export interface EventsPayload {
+        error: { error: ErrorSource; message?: string };
+    }
+
     export interface AerogelOptions {
         handleError?(error: ErrorSource): boolean;
     }
@@ -1975,6 +2309,11 @@ declare module '@vue/runtime-core' {
     }
 }
 
+declare global {
+    // eslint-disable-next-line no-var
+    var __aerogelEvents__: AerogelGlobalEvents | undefined;
+}
+
     export interface AerogelOptions {
         services?: Record<string, Service>;
     }
@@ -1983,12 +2322,19 @@ declare module '@vue/runtime-core' {
     interface ComponentCustomProperties extends Services {}
 }
 
+declare global {
+    // eslint-disable-next-line no-var
+    var testingRuntime: AerogelTestingRuntime | undefined;
+}
+
     export interface EventsPayload {
-        'modal-will-close': { modal: Modal; result?: unknown };
-        'modal-closed': { modal: Modal; result?: unknown };
         'close-modal': { id: string; result?: unknown };
         'hide-modal': { id: string };
+        'hide-overlays-backdrop': void;
+        'modal-closed': { modal: Modal; result?: unknown };
+        'modal-will-close': { modal: Modal; result?: unknown };
         'show-modal': { id: string };
+        'show-overlays-backdrop': void;
     }
 
     export interface AerogelOptions {