@aerogel/core 0.0.0-next.d547095ca85c86c1e41f5c7fa170d0ba856c3f4d → 0.0.0-next.d7394c3aa6aac799b0971e63819a8713d05a5123

package/dist/aerogel-core.d.ts

@@ -27,10 +27,15 @@ 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<{
@@ -149,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<    {
@@ -176,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: {
@@ -296,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;
@@ -335,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;
@@ -372,6 +415,7 @@ validator?(value: unknown): boolean;
 default: boolean | (() => boolean) | null;
 };
 }>>, {
+as: Object | null;
 href: string | null;
 url: string | null;
 route: string | null;
@@ -393,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;
@@ -420,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: 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;
 };
 }>> & {
 "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<    {}>>, {}, {}>;
@@ -469,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;
@@ -730,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<    {
@@ -745,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, {
@@ -796,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;
@@ -829,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;
@@ -844,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;
 }, {}>;
 
@@ -972,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<    {
@@ -1017,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: {
@@ -1187,7 +1304,8 @@ export declare const alertModalProps: {
 
 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;
@@ -1215,6 +1333,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: {
@@ -1255,19 +1384,35 @@ 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): FormFieldDefinition<typeof FormFieldTypes.Date>;
+
 declare const _default: Constructor<UnrefServiceState<    {
 logs: ErrorReportLog[];
 startupErrors: ErrorReport[];
@@ -1288,34 +1433,64 @@ 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;
@@ -1343,6 +1518,8 @@ export declare function defineServiceStore<Id extends string, S extends StateTre
 
 export declare function dispatch(job: Job): Promise<void>;
 
+export declare function elementRef(): Ref<HTMLElement | undefined>;
+
 export declare interface ElementSize {
     width: number;
     height: number;
@@ -1450,23 +1627,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;
@@ -1487,6 +1674,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;
 }
@@ -1500,16 +1688,27 @@ export declare const FormFieldTypes: {
     readonly Number: "number";
     readonly Boolean: "boolean";
     readonly Object: "object";
+    readonly Date: "date";
 };
 
 export declare type FormFieldValue = GetFormFieldValue<FormFieldType>;
 
+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 : never;
+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;
     description: string;
@@ -1518,13 +1717,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 {
@@ -1584,6 +1788,18 @@ 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>;
@@ -1595,20 +1811,34 @@ export declare abstract class Job {
 export declare const Lang: Facade<LangService, LangService>;
 
 export declare interface LangProvider {
-    translate(key: string, parameters?: Record<string, unknown>): string;
-    translateWithDefault(key: string, defaultMessage: 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, parameters?: Record<string, unknown>): 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 const loadingModalProps: {
     message: {
         type?: PropType<string | null> | undefined;
@@ -1622,6 +1852,10 @@ 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>;
@@ -1664,6 +1898,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;
 };
@@ -1711,12 +1949,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 {
@@ -1724,7 +1974,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;
@@ -1733,6 +1986,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>;
@@ -1814,6 +2069,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;
@@ -1895,9 +2151,11 @@ 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 translate: (key: string, parameters?: number | Record<string, unknown> | undefined) => string;
 
-export declare const translateWithDefault: (key: string, defaultMessage: string, parameters?: Record<string, unknown>) => string;
+export declare const translateWithDefault: (key: string, defaultMessage: string, parameters?: number | Record<string, unknown>) => string;
 
 export declare const UI: Facade<UIService, UIService>;
 
@@ -1913,7 +2171,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;
@@ -1923,8 +2181,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;
@@ -1933,6 +2191,7 @@ export declare class UIService extends _default_3 {
     protected boot(): Promise<void>;
     private watchModalEvents;
     private watchMountedEvent;
+    private watchWindowMedia;
 }
 
 export declare type UIServices = typeof services_3;