@anzusystems/common-admin 0.0.32 → 0.0.33

package/dist/common-admin.es.d.ts

@@ -12,6 +12,7 @@ import type { DefineComponent } from 'vue';
 import type { ExtractPropTypes } from 'vue';
 import type { I18n } from 'vue-i18n';
 import type { InjectionKey } from 'vue';
+import type { JSXComponent } from 'vue';
 import type { Method } from 'axios';
 import type { PropType } from 'vue';
 import type { Ref } from 'vue/dist/vue';
@@ -22,6 +23,7 @@ import type { UnwrapRef } from 'vue';
 import { useI18n } from 'vue-i18n';
 import type { ValidationRuleWithoutParams } from '@vuelidate/core';
 import type { ValidationRuleWithParams } from '@vuelidate/core';
+import type { VNodeChild } from 'vue';
 import type { VNodeProps } from 'vue';
 
 export declare const AActionCloseButton: DefineComponent<{
@@ -505,10 +507,26 @@ export declare const AActionSaveButton: DefineComponent<{
 }, {
     loading: boolean | undefined;
     dataCy: string | undefined;
-    icon: boolean | undefined;
     buttonT: string | undefined;
     buttonClass: string | undefined;
     disabled: boolean | undefined;
+    icon: boolean | undefined;
+}>;
+
+export declare const AAdminSwitcher: DefineComponent<{
+    configUrl: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    configUrl: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>>, {
+    configUrl: string | undefined;
 }>;
 
 export declare const AAlerts: DefineComponent<{
@@ -606,6 +624,123 @@ export declare const ABooleanValue: DefineComponent<{
     invertColor: boolean | undefined;
 }>;
 
+export declare const ACachedChip: DefineComponent<{
+    id: {
+        type: PropType<string | number | null | undefined>;
+        required: true;
+        default: null;
+    };
+    containerClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    getCachedFn: {
+        type: PropType<(id: any) => any>;
+        required: true;
+    };
+    displayTextPath: {
+        type: PropType<string>;
+        required: true;
+    };
+    route: {
+        type: PropType<string>;
+        required: true;
+    };
+    disableClick: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    openInNew: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    forceRounded: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    textOnly: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    fallbackIdText: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    id: {
+        type: PropType<string | number | null | undefined>;
+        required: true;
+        default: null;
+    };
+    containerClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    getCachedFn: {
+        type: PropType<(id: any) => any>;
+        required: true;
+    };
+    displayTextPath: {
+        type: PropType<string>;
+        required: true;
+    };
+    route: {
+        type: PropType<string>;
+        required: true;
+    };
+    disableClick: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    openInNew: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    forceRounded: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    textOnly: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    fallbackIdText: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    id: string | number | null | undefined;
+    containerClass: string | undefined;
+    disableClick: boolean | undefined;
+    openInNew: boolean | undefined;
+    size: string | undefined;
+    forceRounded: boolean | undefined;
+    textOnly: boolean | undefined;
+    fallbackIdText: boolean | undefined;
+}>;
+
 export declare const ACard: DefineComponent<{
     loading: {
         type: PropType<boolean | undefined>;
@@ -649,6 +784,8 @@ export declare const ACardLoader: DefineComponent<{
     loading: boolean | undefined;
 }>;
 
+export declare const AChipNoLink: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+
 export declare const Acl: DefineComponent<{
     permission: {
         type: PropType<`${string}_${string}_${string}`>;
@@ -716,38 +853,206 @@ export declare const ACopyText: DefineComponent<{
     notifyT: string | undefined;
 }>;
 
-export declare const ADatatable: DefineComponent<{
-    data: {
-        type: PropType<any>;
+export declare const ACreateDialog: DefineComponent<{
+    modelValue: {
+        type: PropType<boolean>;
         required: true;
     };
-    columns: {
-        type: PropType<UseTableColumns>;
+    buttonClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<number | undefined>;
+        required: false;
+        default: undefined;
+    };
+    dataCy: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    v: {
+        type: PropType<any>;
+        required: false;
+        default: undefined;
+    };
+    callCreate: {
+        type: PropType<() => Promise<any>>;
         required: true;
     };
-    actions: {
+    disableRedirect: {
         type: PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "rowClick"[], "rowClick", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    data: {
-        type: PropType<any>;
+    redirectRouteName: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: undefined;
+    };
+    redirectParamName: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "onConfirm" | "onOpen" | "onClose" | "onError" | "onSuccess")[], "update:modelValue" | "onConfirm" | "onOpen" | "onClose" | "onError" | "onSuccess", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<boolean>;
         required: true;
     };
-    columns: {
-        type: PropType<UseTableColumns>;
+    buttonClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<number | undefined>;
+        required: false;
+        default: undefined;
+    };
+    dataCy: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    v: {
+        type: PropType<any>;
+        required: false;
+        default: undefined;
+    };
+    callCreate: {
+        type: PropType<() => Promise<any>>;
         required: true;
     };
-    actions: {
+    disableRedirect: {
         type: PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
+    redirectRouteName: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: undefined;
+    };
+    redirectParamName: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
 }>> & {
-    onRowClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnConfirm?: ((...args: any[]) => any) | undefined;
+    onOnOpen?: ((...args: any[]) => any) | undefined;
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onOnError?: ((...args: any[]) => any) | undefined;
+    onOnSuccess?: ((...args: any[]) => any) | undefined;
 }, {
-    actions: boolean | undefined;
+    dataCy: string | undefined;
+    v: any;
+    buttonClass: string | undefined;
+    maxWidth: number | undefined;
+    disableRedirect: boolean | undefined;
+    redirectRouteName: string | undefined;
+    redirectParamName: string | undefined;
+}>;
+
+export declare const ADatatableConfigButton: DefineComponent<{
+    columnsAll: {
+        type: PropType<ColumnInternalValues[]>;
+        required: true;
+    };
+    columnsHidden: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    buttonT: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    buttonClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    dataCy: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:columnsHidden"[], "update:columnsHidden", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    columnsAll: {
+        type: PropType<ColumnInternalValues[]>;
+        required: true;
+    };
+    columnsHidden: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    buttonT: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    buttonClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    dataCy: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:columnsHidden"?: ((...args: any[]) => any) | undefined;
+}, {
+    dataCy: string | undefined;
+    buttonT: string | undefined;
+    buttonClass: string | undefined;
+}>;
+
+export declare const ADatatableOrdering: DefineComponent<{
+    variant: {
+        type: PropType<"default" | "most-relevant" | undefined>;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    customOptions: {
+        type: PropType<DatatableOrderingOptions | undefined>;
+        required: false;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "sortByChange")[], "update:modelValue" | "sortByChange", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    variant: {
+        type: PropType<"default" | "most-relevant" | undefined>;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    customOptions: {
+        type: PropType<DatatableOrderingOptions | undefined>;
+        required: false;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSortByChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number | undefined;
+    variant: "default" | "most-relevant" | undefined;
+    customOptions: DatatableOrderingOptions | undefined;
 }>;
 
 export declare const ADatatablePagination: DefineComponent<{
@@ -812,6 +1117,14 @@ export declare const ADatetime: DefineComponent<{
     edgeDateValue: string | undefined;
 }>;
 
+declare type AddToCachedArgs<T extends DocId | IntegerId> = Array<T | null | undefined> | Array<Array<T | null | undefined> | T | null | undefined>;
+
+export declare const ADialogToolbar: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "onCancel"[], "onCancel", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
+    onOnCancel?: ((...args: any[]) => any) | undefined;
+}, {}>;
+
+export declare const AEmptyRouterView: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+
 export declare const AFilterAdvancedButton: DefineComponent<{
     tooltipT: {
         type: PropType<string | undefined>;
@@ -866,6 +1179,20 @@ export declare const AFilterBooleanGroup: DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
+export declare const AFilterBooleanSelect: DefineComponent<{
+    modelValue: {
+        type: PropType<Filter<any>>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Filter<any>>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+
 export declare const AFilterDatetimePicker: DefineComponent<{
     modelValue: {
         type: PropType<Filter<any>>;
@@ -1345,38 +1672,183 @@ export declare const AFormRemoteAutocomplete: DefineComponent<{
         type: PropType<FetchItemsByIdsType>;
         required: true;
     };
-    innerFilter: {
-        type: PropType<FilterBag>;
+    innerFilter: {
+        type: PropType<FilterBag>;
+        required: true;
+    };
+    filterByField: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    disableInitFetch: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    lazyLoader: {
+        type: PropType<LazyLoaderType | undefined>;
+        required: false;
+        default: undefined;
+    };
+    chips: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    loading: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "searchChange" | "searchChangeDebounced")[], "update:modelValue" | "blur" | "focus" | "searchChange" | "searchChangeDebounced", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | number | string[] | number[] | null>;
+        required: true;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: undefined;
+    };
+    multiple: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    clearable: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    v: {
+        type: PropType<any>;
+        required: false;
+        default: null;
+    };
+    errorMessage: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: undefined;
+    };
+    hideDetails: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hideLabel: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    fetchItems: {
+        type: PropType<FetchItemsType>;
+        required: true;
+    };
+    fetchItemsByIds: {
+        type: PropType<FetchItemsByIdsType>;
+        required: true;
+    };
+    innerFilter: {
+        type: PropType<FilterBag>;
+        required: true;
+    };
+    filterByField: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    disableInitFetch: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    lazyLoader: {
+        type: PropType<LazyLoaderType | undefined>;
+        required: false;
+        default: undefined;
+    };
+    chips: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    loading: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onSearchChange?: ((...args: any[]) => any) | undefined;
+    onSearchChangeDebounced?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean | undefined;
+    loading: boolean | undefined;
+    label: string | undefined;
+    errorMessage: string | undefined;
+    v: any;
+    hideLabel: boolean | undefined;
+    clearable: boolean | undefined;
+    multiple: boolean | undefined;
+    hideDetails: boolean | undefined;
+    filterByField: string | undefined;
+    disableInitFetch: boolean | undefined;
+    lazyLoader: LazyLoaderType | undefined;
+    chips: boolean | undefined;
+}>;
+
+export declare const AFormRemoteCheckbox: DefineComponent<{
+    modelValue: {
+        type: PropType<boolean>;
+        required: true;
+    };
+    callbackToTrue: {
+        type: PropType<() => Promise<boolean>>;
+        required: true;
+    };
+    callbackToFalse: {
+        type: PropType<() => Promise<boolean>>;
         required: true;
     };
-    filterByField: {
+    label: {
         type: PropType<string | undefined>;
         required: false;
-        default: string;
+        default: undefined;
     };
-    disableInitFetch: {
+    hideDetails: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
-    };
-    lazyLoader: {
-        type: PropType<LazyLoaderType | undefined>;
-        required: false;
         default: undefined;
     };
-    chips: {
+    hideLabel: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
+        default: undefined;
     };
-    loading: {
-        type: PropType<boolean | undefined>;
+    v: {
+        type: PropType<any>;
         required: false;
-        default: boolean;
+        default: null;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "searchChange" | "searchChangeDebounced")[], "update:modelValue" | "blur" | "focus" | "searchChange" | "searchChangeDebounced", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: {
-        type: PropType<string | number | string[] | number[] | null>;
+        type: PropType<boolean>;
+        required: true;
+    };
+    callbackToTrue: {
+        type: PropType<() => Promise<boolean>>;
+        required: true;
+    };
+    callbackToFalse: {
+        type: PropType<() => Promise<boolean>>;
         required: true;
     };
     label: {
@@ -1384,27 +1856,44 @@ export declare const AFormRemoteAutocomplete: DefineComponent<{
         required: false;
         default: undefined;
     };
-    required: {
+    hideDetails: {
         type: PropType<boolean | undefined>;
         required: false;
         default: undefined;
     };
-    multiple: {
-        type: PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    clearable: {
+    hideLabel: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
+        default: undefined;
     };
     v: {
         type: PropType<any>;
         required: false;
         default: null;
     };
-    errorMessage: {
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string | undefined;
+    v: any;
+    hideLabel: boolean | undefined;
+    hideDetails: boolean | undefined;
+}>;
+
+export declare const AFormRemoteSwitch: DefineComponent<{
+    modelValue: {
+        type: PropType<boolean>;
+        required: true;
+    };
+    callbackToTrue: {
+        type: PropType<() => Promise<boolean>>;
+        required: true;
+    };
+    callbackToFalse: {
+        type: PropType<() => Promise<boolean>>;
+        required: true;
+    };
+    label: {
         type: PropType<string | undefined>;
         required: false;
         default: undefined;
@@ -1412,70 +1901,58 @@ export declare const AFormRemoteAutocomplete: DefineComponent<{
     hideDetails: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
+        default: undefined;
     };
     hideLabel: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
+        default: undefined;
     };
-    fetchItems: {
-        type: PropType<FetchItemsType>;
+    v: {
+        type: PropType<any>;
+        required: false;
+        default: null;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<boolean>;
         required: true;
     };
-    fetchItemsByIds: {
-        type: PropType<FetchItemsByIdsType>;
+    callbackToTrue: {
+        type: PropType<() => Promise<boolean>>;
         required: true;
     };
-    innerFilter: {
-        type: PropType<FilterBag>;
+    callbackToFalse: {
+        type: PropType<() => Promise<boolean>>;
         required: true;
     };
-    filterByField: {
+    label: {
         type: PropType<string | undefined>;
         required: false;
-        default: string;
+        default: undefined;
     };
-    disableInitFetch: {
+    hideDetails: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
-    };
-    lazyLoader: {
-        type: PropType<LazyLoaderType | undefined>;
-        required: false;
         default: undefined;
     };
-    chips: {
+    hideLabel: {
         type: PropType<boolean | undefined>;
         required: false;
-        default: boolean;
+        default: undefined;
     };
-    loading: {
-        type: PropType<boolean | undefined>;
+    v: {
+        type: PropType<any>;
         required: false;
-        default: boolean;
+        default: null;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onSearchChange?: ((...args: any[]) => any) | undefined;
-    onSearchChangeDebounced?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean | undefined;
-    loading: boolean | undefined;
     label: string | undefined;
-    errorMessage: string | undefined;
     v: any;
     hideLabel: boolean | undefined;
-    clearable: boolean | undefined;
-    multiple: boolean | undefined;
     hideDetails: boolean | undefined;
-    filterByField: string | undefined;
-    disableInitFetch: boolean | undefined;
-    lazyLoader: LazyLoaderType | undefined;
-    chips: boolean | undefined;
 }>;
 
 export declare const AFormTextarea: DefineComponent<{
@@ -1885,9 +2362,9 @@ export declare const AIconGroup: DefineComponent<{
         default: string;
     };
 }>>, {
+    size: string | undefined;
     secondaryIcon: string | null | undefined;
     secondaryText: string | null | undefined;
-    size: string | undefined;
 }>;
 
 export declare const AJobStatusChip: DefineComponent<{
@@ -1906,6 +2383,18 @@ export declare const ALanguageSelect: DefineComponent<{}, {}, {}, {}, {}, Compon
     onAfterChange?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
+export declare const ALogData: DefineComponent<{
+    data: {
+        type: PropType<any>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: PropType<any>;
+        required: true;
+    };
+}>>, {}>;
+
 export declare const ALogLevelChip: DefineComponent<{
     level: {
         type: PropType<LogLevel>;
@@ -1967,44 +2456,6 @@ export declare interface AnzuUserAndTimeTrackingAware extends CreatedByAware {
     modifiedBy: IntegerIdNullable;
 }
 
-export declare const APageTitle: DefineComponent<{
-    heading: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-    icon: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: undefined;
-    };
-    dataCy: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    heading: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-    icon: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: undefined;
-    };
-    dataCy: {
-        type: PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-}>>, {
-    dataCy: string | undefined;
-    heading: string | undefined;
-    icon: string | undefined;
-}>;
-
 export declare const APermissionGrantEditor: DefineComponent<{
     availableGrants: {
         type: PropType<Grant[]>;
@@ -2110,6 +2561,11 @@ export declare const ARow: DefineComponent<{
         required: false;
         default: string;
     };
+    titleClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: {
         type: PropType<string | undefined>;
@@ -2126,10 +2582,16 @@ export declare const ARow: DefineComponent<{
         required: false;
         default: string;
     };
+    titleClass: {
+        type: PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
 }>>, {
     value: string | number | null | undefined;
     title: string | undefined;
     dataCy: string | undefined;
+    titleClass: string | undefined;
 }>;
 
 export declare const arrayFlatten: <T>(input: NestedArray<T>, acc?: T[]) => T[];
@@ -2267,10 +2729,10 @@ export declare const ATableCopyIdButton: DefineComponent<{
     };
 }>>, {
     dataCy: string | undefined;
-    notifyT: string | undefined;
-    size: "small" | "x-small" | undefined;
     buttonT: string | undefined;
     buttonClass: string | undefined;
+    size: "small" | "x-small" | undefined;
+    notifyT: string | undefined;
     iconT: string | undefined;
 }>;
 
@@ -2406,6 +2868,41 @@ export declare const ATableEditButton: DefineComponent<{
 
 export declare const AThemeSelect: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 
+export declare const ATimeTrackingFields: DefineComponent<{
+    data: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideCreatedAt: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hideModifiedAt: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: PropType<any>;
+        required: true;
+    };
+    hideCreatedAt: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hideModifiedAt: {
+        type: PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    hideCreatedAt: boolean | undefined;
+    hideModifiedAt: boolean | undefined;
+}>;
+
 export declare const AUserAndTimeTrackingFields: DefineComponent<{
     data: {
         type: PropType<any>;
@@ -2471,15 +2968,36 @@ export declare const browserHistoryReplaceUrlByRouter: (router: Router, to: Rout
 
 export declare const browserHistoryReplaceUrlByString: (path: string) => void;
 
+declare type CachedItem<T extends object> = T & {
+    _loaded: boolean;
+};
+
 /**
  * Use only for objects with some primitives like number, string, boolean, null. Not supported: function, undefined, symbol, ...
  */
 export declare const cloneDeep: <T>(object: T) => T;
 
+declare type ColumnConfig = {
+    key: string;
+    title?: string;
+    sortable?: boolean;
+    fixed?: boolean;
+};
+
+declare type ColumnInternalValues = {
+    key: string;
+    title?: string;
+    sortable: boolean;
+    fixed: boolean;
+};
+
 export declare const COMMON_CONFIG: Immutable<typeof commonConfig>;
 
 declare const commonConfig: {
     CHIP: {
+        CLASS: {
+            NO_LINK: string;
+        };
         ICON: {
             LINK: string;
             LINK_EXTERNAL: string;
@@ -2487,6 +3005,19 @@ declare const commonConfig: {
     };
 };
 
+export declare function createDatatableColumnsConfig(config: ColumnConfig[], hidden: string[], system?: string | undefined, subject?: string | undefined, disableActions?: boolean, customPagination?: Pagination | undefined): {
+    columnsAll: {
+        key: string;
+        title?: string | undefined;
+        sortable: boolean;
+        fixed: boolean;
+    }[];
+    columnsVisible: ComputedRef<any>;
+    columnsHidden: Ref_2<string[]>;
+    updateSortBy: (sortBy: any) => void;
+    pagination: Pagination;
+};
+
 export declare interface CreatedByAware {
     createdBy: IntegerIdNullable;
 }
@@ -2498,13 +3029,20 @@ export declare type CustomAclResolver<T extends AclValue = AclValue> = undefined
     canOwner?: (subject: object) => boolean;
 };
 
-export declare type DatatableColumnConfig = {
-    name: string;
-    label?: string;
-    type?: 'default' | 'datetime';
-    getLabel?: (system: string | undefined, subject: string | undefined) => string | undefined;
+export declare type DatatableOrderingOption = {
+    id: number;
+    titleT: string;
+    sortBy?: DatatableSortBy;
+    customData?: any;
 };
 
+export declare type DatatableOrderingOptions = Array<DatatableOrderingOption>;
+
+export declare type DatatableSortBy = {
+    key: string;
+    order: 'asc' | 'desc';
+} | null | undefined;
+
 export declare const dateModifyMinutes: (minutes?: number, date?: null | Date) => Date | undefined;
 
 export declare const dateNow: () => Date;
@@ -2531,6 +3069,23 @@ export declare const dateToUtc: (date: dayjs.ConfigType) => string;
 
 export declare const DefaultLanguageSymbol: unique symbol;
 
+/**
+ * @template I Identifier type
+ * @template T Source type
+ * @template M Minimal type
+ */
+export declare function defineCached<I extends DocId | IntegerId, T extends Record<DocId | IntegerId, any>, M extends Record<DocId | IntegerId, any>>(mapFullToMinimal: (source: T) => M, mapIdToMinimal: (id: I) => M, fetchCallback: (ids: I[]) => Promise<T[]>, idProp?: string): {
+    cache: Ref_2<Map<I, CachedItem<M>>>;
+    toFetch: Ref_2<Set<I>>;
+    fetch: () => void;
+    add: (...args: AddToCachedArgs<I>) => void;
+    addManual: (data: T) => void;
+    addManualMinimal: (data: M) => void;
+    has: (id: I | null | undefined) => boolean;
+    get: (id: I | null | undefined) => CachedItem<M> | undefined;
+    isLoaded: (id: I | null | undefined) => boolean;
+};
+
 export declare type DocId = string;
 
 export declare type DocIdNullable = string | null;
@@ -2661,6 +3216,8 @@ export declare enum JobStatus {
     Default = "waiting"
 }
 
+declare type Join<K, P> = K extends string | number ? P extends string | number ? `${K}${'' extends P ? '' : '.'}${P}` : never : never;
+
 declare type Kebab<T extends string, A extends string = ''> = T extends `${infer F}${infer R}` ? Kebab<R, `${A}${F extends Lowercase<F> ? '' : '-'}${Lowercase<F>}`> : A;
 
 declare interface Language {
@@ -3454,6 +4011,14 @@ export declare const objectGetValues: <T>(obj: {
     [key: string]: T;
 }) => T[];
 
+export declare type ObjectLeaves<T, D extends number = 10> = [D] extends [never] ? never : T extends object ? {
+    [K in keyof T]-?: Join<K, ObjectLeaves<T[K], Prev[D]>>;
+}[keyof T] : '';
+
+export declare type ObjectPaths<T, D extends number = 10> = [D] extends [never] ? never : T extends object ? {
+    [K in keyof T]-?: K extends string | number ? `${K}` | Join<K, ObjectPaths<T[K], Prev[D]>> : never;
+}[keyof T] : '';
+
 export declare const objectSetValueByPath: (obj: any, path: string, value: any, splitChar?: string) => void;
 
 export declare interface OwnerAware {
@@ -3529,6 +4094,8 @@ export declare type PluginOptions<T extends AclValue = AclValue> = {
 
 export declare const prettyBytes: (bytes: number, decimals?: number) => string;
 
+declare type Prev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, ...0[]];
+
 declare type RecordWasType = 'created' | 'deleted' | 'updated' | 'published' | 'unpublished' | 'enabled' | 'disabled';
 
 export declare interface ResourceNameSystemAware {
@@ -3627,7 +4194,841 @@ export declare function useApiQueryBuilder(): {
     queryBuild: () => string;
 };
 
-export declare function useDatatableColumns(config: DatatableColumnConfig[]): UseTableColumns;
+export declare const useCommonVuetifyConfig: () => {
+    commonAliases: () => {
+        ABtnPrimary: DefineComponent<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        } & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            active: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        }>;
+        ABtnSecondary: DefineComponent<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        } & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            active: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        }>;
+        ABtnTertiary: DefineComponent<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        } & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            active: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        }>;
+        ABtnIcon: DefineComponent<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        } & {
+            location?: ("top center" | "top" | "bottom" | "start" | "end" | "left" | "right" | "center" | "center center" | "top start" | "top end" | "top left" | "top right" | "bottom start" | "bottom end" | "bottom left" | "bottom right" | "bottom center" | "start top" | "start bottom" | "start center" | "end top" | "end bottom" | "end center" | "left top" | "left bottom" | "left center" | "right top" | "right bottom" | "right center") | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            icon?: boolean | (string | JSXComponent<any>) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+                loader?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+                loader?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => VNodeChild) | undefined;
+        } & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            active: boolean;
+            block: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            stacked: boolean;
+            ripple: boolean;
+        }>;
+        AChipNoLink: DefineComponent<{
+            replace: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: string | JSXComponent<any>;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        } & {
+            link?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            value?: any;
+            text?: string | undefined;
+            onClick?: (((...args: any[]) => any) | ((...args: any[]) => any)[]) | undefined;
+            onClickOnce?: (((...args: any[]) => any) | ((...args: any[]) => any)[]) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                label?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                label?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                label?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:label"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+        }, () => false | JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            'click:close': (e: MouseEvent) => true;
+            'update:modelValue': (value: boolean) => true;
+            'group:selected': (val: {
+                value: boolean;
+            }) => true;
+            click: (e: MouseEvent | KeyboardEvent) => true;
+        }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+            replace: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: string | JSXComponent<any>;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        } & {
+            link?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            value?: any;
+            text?: string | undefined;
+            onClick?: (((...args: any[]) => any) | ((...args: any[]) => any)[]) | undefined;
+            onClickOnce?: (((...args: any[]) => any) | ((...args: any[]) => any)[]) | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: (string | JSXComponent<any>) | undefined;
+            appendIcon?: (string | JSXComponent<any>) | undefined;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+        } & {
+            $children?: {} | VNodeChild | {
+                default?: (() => VNodeChild) | undefined;
+                label?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => VNodeChild) | undefined;
+                label?: (() => VNodeChild) | undefined;
+                prepend?: (() => VNodeChild) | undefined;
+                append?: (() => VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => VNodeChild) | undefined;
+                label?: false | (() => VNodeChild) | undefined;
+                prepend?: false | (() => VNodeChild) | undefined;
+                append?: false | (() => VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => VNodeChild) | undefined;
+            "v-slot:label"?: false | (() => VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => VNodeChild) | undefined;
+        } & {
+            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+            "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+        }, {
+            replace: boolean;
+            link: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "comfortable" | null;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: string | JSXComponent<any>;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        }>;
+    };
+    commonDefaults: () => {
+        global: {};
+        VTextField: {
+            variant: string;
+            density: string;
+            color: string;
+        };
+        VTextarea: {
+            variant: string;
+            density: string;
+            color: string;
+        };
+        VSelect: {
+            variant: string;
+            density: string;
+            color: string;
+        };
+        VAutocomplete: {
+            variant: string;
+            density: string;
+            color: string;
+        };
+        VCombobox: {
+            variant: string;
+            density: string;
+            color: string;
+        };
+        VSwitch: {
+            color: string;
+        };
+        VCard: {
+            variant: string;
+        };
+        VProgressCircular: {
+            color: string;
+        };
+        VBtn: {
+            variant: string;
+        };
+        ABtnPrimary: {
+            variant: string;
+            color: string;
+        };
+        ABtnSecondary: {
+            variant: string;
+            color: string;
+        };
+        ABtnTertiary: {
+            variant: string;
+            color: string;
+        };
+        ABtnIcon: {
+            variant: string;
+            icon: boolean;
+        };
+    };
+    commonTheme: () => {
+        defaultTheme: string;
+        variations: {
+            colors: never[];
+            lighten: number;
+            darken: number;
+        };
+        themes: {
+            light: {
+                dark: boolean;
+                colors: {
+                    background: string;
+                    surface: string;
+                    'on-surface': string;
+                    primary: string;
+                    secondary: string;
+                    'on-secondary': string;
+                    success: string;
+                    'on-success': string;
+                    warning: string;
+                    error: string;
+                    info: string;
+                };
+                variables: {};
+            };
+            dark: {
+                dark: boolean;
+                colors: {
+                    background: string;
+                    surface: string;
+                    primary: string;
+                    secondary: string;
+                    'on-secondary': string;
+                    success: string;
+                    warning: string;
+                    error: string;
+                    info: string;
+                };
+                variables: {};
+            };
+        };
+    };
+};
 
 export declare function useErrors(): {
     isAnzuFatalError: (error: any) => error is AnzuFatalError;
@@ -3735,11 +5136,6 @@ export declare function usePermissionGroupFactory(): {
     createPermissionGroup: () => PermissionGroup;
 };
 
-declare interface UseTableColumns {
-    availableColumns: Ref_2<DatatableColumnConfig[]>;
-    get: (name: string) => DatatableColumnConfig | undefined;
-}
-
 export declare function useTheme(): {
     settings: Readonly<Ref_2<ThemeSettings>>;
     theme: Readonly<Ref_2<Theme>>;
@@ -3792,7 +5188,7 @@ declare function useValidateMaxLength(): (max: number | Ref_2<number>) => Valida
     max: number;
 }, any>;
 
-declare function useValidateMaxValue(): (max: string | number | Ref_2<number> | Ref_2<string>) => ValidationRuleWithParams<{
+declare function useValidateMaxValue(): (max: string | number | Ref_2<string> | Ref_2<number>) => ValidationRuleWithParams<{
     max: number;
 }, any>;
 
@@ -3800,7 +5196,7 @@ declare function useValidateMinLength(): (min: number | Ref_2<number>) => Valida
     min: number;
 }, any>;
 
-declare function useValidateMinValue(): (min: string | number | Ref_2<number> | Ref_2<string>) => ValidationRuleWithParams<{
+declare function useValidateMinValue(): (min: string | number | Ref_2<string> | Ref_2<number>) => ValidationRuleWithParams<{
     min: number;
 }, any>;