@zeedhi/vuetify 3.0.11 → 3.2.0

package/types/components/zd-iterable/zd-iterable-page-size/ZdIterablePageSize.d.ts

@@ -5,7 +5,7 @@ export declare const ZdIterablePageSizeProps: {
         type: StringConstructor;
     };
     clearable: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     dataText: {
         type: PropType<string | string[]>;
@@ -14,20 +14,21 @@ export declare const ZdIterablePageSizeProps: {
         type: StringConstructor;
     };
     dense: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         default: boolean;
     };
     autocomplete: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showHelper: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showLabel: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     validations: {
         type: PropType<IDictionary<IDictionary<string | number>>>;
+        watch: boolean;
     };
     appendIcon: {
         type: StringConstructor;
@@ -59,11 +60,12 @@ export declare const ZdIterablePageSizeProps: {
     };
     preventLoadOnFocus: {
         type: BooleanConstructor;
-        validator: (prop: unknown) => boolean;
+        validator: (prop: unknown) => prop is boolean | null;
     };
     datasource: {
         type: ObjectConstructor;
         default: () => {};
+        watch: boolean;
     };
     value: {
         type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
@@ -80,10 +82,12 @@ export declare const ZdIterablePageSizeProps: {
     itemAfterSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     itemBeforeSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     manualMode: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -243,16 +247,20 @@ export declare const ZdIterablePageSizeProps: {
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -277,10 +285,12 @@ export declare const ZdIterablePageSizeProps: {
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -292,6 +302,7 @@ export declare const ZdIterablePageSizeProps: {
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -303,6 +314,7 @@ export declare const ZdIterablePageSizeProps: {
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -317,7 +329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     clearable: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     dataText: {
         type: PropType<string | string[]>;
@@ -326,20 +338,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     dense: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         default: boolean;
     };
     autocomplete: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showHelper: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showLabel: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     validations: {
         type: PropType<IDictionary<IDictionary<string | number>>>;
+        watch: boolean;
     };
     appendIcon: {
         type: StringConstructor;
@@ -371,11 +384,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     preventLoadOnFocus: {
         type: BooleanConstructor;
-        validator: (prop: unknown) => boolean;
+        validator: (prop: unknown) => prop is boolean | null;
     };
     datasource: {
         type: ObjectConstructor;
         default: () => {};
+        watch: boolean;
     };
     value: {
         type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
@@ -392,10 +406,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     itemAfterSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     itemBeforeSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     manualMode: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -555,16 +571,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -589,10 +609,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -604,6 +626,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -615,6 +638,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -632,7 +656,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         autocomplete: boolean;
         showHelper: boolean;
         showLabel: boolean;
-        validations: IDictionary<any>;
+        validations: IDictionary;
         iterableComponent: {
             datasource: {
                 data: IDictionary<any>[];
@@ -654,7 +678,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onChangeCurrentRow?: import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined;
                     onChangePagination?: import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined;
                 };
-                initialize: () => void | Promise<void>;
+                initialize: () => Promise<void> | void;
                 destroy: () => void;
                 currentRow: IDictionary<any>;
                 limit: number;
@@ -663,16 +687,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 get: () => Promise<any>;
                 post: (row: IDictionary<any>) => Promise<any>;
                 put: (row: IDictionary<any>) => Promise<any>;
-                delete: (row?: IDictionary<any> | undefined) => Promise<any>;
+                delete: (row?: IDictionary<any>) => Promise<any>;
                 updateData: (data: IDictionary<any>[]) => Promise<any>;
-                getLoadedData: () => IDictionary<any>[];
+                getLoadedData: () => IDictionary[];
                 setSearch: (search: string) => Promise<any>;
                 addFilter: (column: string, value: any) => Promise<any>;
                 removeFilter: (column: string) => Promise<any>;
                 setFilter: (filter: IDictionary<any>) => Promise<any>;
                 clearFilter: () => Promise<any>;
-                setLimit: (limit: number, replaceUrl?: boolean | undefined) => Promise<any>;
-                setPage: (page: number, replaceUrl?: boolean | undefined) => Promise<any>;
+                setLimit: (limit: number, replaceUrl?: boolean) => Promise<any>;
+                setPage: (page: number, replaceUrl?: boolean) => Promise<any>;
                 addOrder: (column: string, value: import("@zeedhi/core").Order) => Promise<any>;
                 removeOrder: (column: string) => Promise<any>;
                 setOrder: (order: string[]) => Promise<any>;
@@ -692,25 +716,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 maxWidth?: string | undefined;
                 minWidth?: string | undefined;
                 mask: string;
-                type?: "action" | undefined;
+                type?: import("@zeedhi/common").ColumnType | undefined;
                 actionFixed: boolean;
                 fixed: boolean;
                 sortable: boolean;
                 loading: boolean;
                 componentProps: any;
-                style: IDictionary<any>;
+                style: IDictionary;
                 xlsType: string;
                 lookupData: any;
                 lookupDataCount: number;
                 overflow: string | number;
-                conditions: IDictionary<any>;
+                conditions: IDictionary;
                 helperText: string;
                 storeData: boolean;
                 setViewGetWidth: (viewGetWidth: () => number) => void;
-                setLookupDataFilter: (filter: IDictionary<any>) => void;
+                setLookupDataFilter: (filter: IDictionary) => void;
                 getWidth: () => number;
-                formatterByRow: (row: IDictionary<any>, cellProps?: IDictionary<any> | undefined) => any;
-                formatter: (value: any, cellProps?: IDictionary<any> | undefined) => any;
+                formatterByRow: (row: IDictionary<any>, cellProps?: IDictionary) => any;
+                formatter: (value: any, cellProps?: IDictionary) => any;
                 getLookupData: (lookupColumn: string, value: any) => any;
                 initialize: () => void;
                 clearLookupData: () => void;
@@ -721,10 +745,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | IDictionary<any> | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -760,21 +784,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
                     parent?: {
-                        addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                        getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                        addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                        getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                         allowDuplicate: boolean;
                         autofocus: boolean;
-                        children: any[];
+                        children: /*elided*/ any[];
                         componentId: number;
                         cssClass: string;
-                        cssStyle: string | IDictionary<any>;
+                        cssStyle: string | IDictionary;
                         events: {
                             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -810,19 +834,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                             } | undefined;
                         };
-                        isVisible: string | boolean;
+                        isVisible: boolean | string;
                         dark: boolean;
                         light: boolean;
                         theme?: string | undefined;
-                        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                        keyMap: import("@zeedhi/core").IKeyMap;
                         name: string;
-                        parent?: any | undefined;
+                        parent?: /*elided*/ any | undefined;
                         tabStop: boolean;
-                        userProperties: IDictionary<any>;
+                        userProperties: IDictionary;
                         fillHeight: boolean;
                     } | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: IDictionary<any> | undefined;
+                    userProperties?: IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 childrenInstances: any[];
@@ -870,14 +894,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 theme?: string | undefined;
                 fillHeight: boolean;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
-                    children: any[];
+                    children: {
+                        [x: string]: any;
+                        allowDuplicate?: boolean | undefined;
+                        autofocus?: boolean | undefined;
+                        children?: /*elided*/ any[] | undefined;
+                        componentId?: number | undefined;
+                        cssClass?: string | undefined;
+                        cssStyle?: (string | IDictionary) | undefined;
+                        events?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        directives?: {
+                            [x: string]: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            touch?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                        } | undefined;
+                        isVisible?: boolean | string | undefined;
+                        dark?: boolean | undefined;
+                        light?: boolean | undefined;
+                        theme?: string | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                        name: string;
+                        parent?: /*elided*/ any | undefined;
+                        tabStop?: boolean | undefined;
+                        userProperties?: IDictionary | undefined;
+                        fillHeight?: boolean | undefined;
+                    }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | IDictionary<any>;
+                    cssStyle: string | IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -913,19 +990,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: IDictionary<any>;
+                    userProperties: IDictionary;
                     fillHeight: boolean;
                 } | undefined;
                 componentId: number;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 isFocused: boolean;
                 tabStop: boolean;
                 userProperties: IDictionary<any>;
@@ -934,24 +1011,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 callEvent: (eventName: string, args: any) => boolean;
                 addChild: (child: import("@zeedhi/common").IComponent) => void;
                 removeChild: (name: string) => void;
-                getChildInstance: <T_6>(name: string) => T_6;
-                addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+                getChildInstance: <T>(name: string) => T;
+                addChildInstance: (instance: import("@zeedhi/common").Component) => void;
                 onCreated: () => void;
                 onBeforeMount: () => void;
                 onMounted: (element: any) => void;
                 onDestroyed: () => void;
-                click: (event?: Event | undefined, element?: any) => void;
+                click: (event?: Event, element?: any) => void;
                 focus: (event: Event, element: any) => void;
                 blur: (event: Event, element: any) => void;
-                mouseenter: (event?: Event | undefined, element?: any) => void;
-                mouseleave: (event?: Event | undefined, element?: any) => void;
-                mouseout: (event?: Event | undefined, element?: any) => void;
-                mouseover: (event?: Event | undefined, element?: any) => void;
+                mouseenter: (event?: Event, element?: any) => void;
+                mouseleave: (event?: Event, element?: any) => void;
+                mouseout: (event?: Event, element?: any) => void;
+                mouseover: (event?: Event, element?: any) => void;
             }[];
             pageSizes: string[];
             events: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
-                changeLayout?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                changeLayout?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -965,11 +1042,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             virtualScrollCache: number;
             searchVisibleOnly: boolean;
             defaultSearchVisibleOnly: boolean;
-            updateData: (data: IDictionary<any>[]) => Promise<any>;
+            updateData: (data: IDictionary[]) => Promise<any>;
             getAppliedConditions: (args: {
-                row: IDictionary<any>;
+                row: IDictionary;
                 column: import("@zeedhi/common").Column;
-                path?: string | undefined;
+                path?: string;
             }) => Partial<import("@zeedhi/common").IComponentRender>;
             getCurrentRowIndex: () => number;
             getPage: () => number;
@@ -981,27 +1058,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly pageText: string;
             readonly paginationLength: number;
             getCellWithAppliedConditions: (columns: import("@zeedhi/common").Column[], row: IDictionary<any>) => IDictionary<IDictionary<any>>;
-            reapplyConditions: (row: IDictionary<any>, columns?: import("@zeedhi/common").Column[] | undefined) => IDictionary<IDictionary<any>>;
+            reapplyConditions: (row: IDictionary<any>, columns?: import("@zeedhi/common").Column[]) => IDictionary<IDictionary<any>>;
             reload: () => Promise<any>;
-            changeData: (data: IDictionary<any>[]) => void;
+            changeData: (data: IDictionary[]) => void;
             onBeforeDestroy: () => void;
-            changeLayout: (event?: Event | undefined, element?: any) => void;
+            changeLayout: (event?: Event, element?: any) => void;
             setSearch: (search: string) => Promise<any>;
-            setCurrentRow: (row: IDictionary<any>) => void;
+            setCurrentRow: (row: IDictionary) => void;
             setOrder: (order: string[]) => Promise<any>;
-            getRowKey: (row: IDictionary<any>) => any;
-            delete: (row: IDictionary<any>) => Promise<any>;
-            getData: () => IDictionary<any>[];
+            getRowKey: (row: IDictionary) => any;
+            delete: (row: IDictionary) => Promise<any>;
+            getData: () => IDictionary[];
             findRow: (key: string | number) => IDictionary<any> | undefined;
             children: {
                 [x: string]: any;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 component: string;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | IDictionary<any> | undefined;
+                cssStyle?: (string | IDictionary) | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1037,21 +1114,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
+                isVisible?: boolean | string | undefined;
                 dark?: boolean | undefined;
                 light?: boolean | undefined;
                 theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                 name: string;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
-                    children: any[];
+                    children: {
+                        [x: string]: any;
+                        allowDuplicate?: boolean | undefined;
+                        autofocus?: boolean | undefined;
+                        children?: /*elided*/ any[] | undefined;
+                        componentId?: number | undefined;
+                        cssClass?: string | undefined;
+                        cssStyle?: (string | IDictionary) | undefined;
+                        events?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        directives?: {
+                            [x: string]: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            touch?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                        } | undefined;
+                        isVisible?: boolean | string | undefined;
+                        dark?: boolean | undefined;
+                        light?: boolean | undefined;
+                        theme?: string | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                        name: string;
+                        parent?: /*elided*/ any | undefined;
+                        tabStop?: boolean | undefined;
+                        userProperties?: IDictionary | undefined;
+                        fillHeight?: boolean | undefined;
+                    }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | IDictionary<any>;
+                    cssStyle: string | IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1087,19 +1217,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: IDictionary<any>;
+                    userProperties: IDictionary;
                     fillHeight: boolean;
                 } | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: IDictionary<any> | undefined;
+                userProperties?: IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[];
             component: string;
@@ -1139,14 +1269,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             theme?: string | undefined;
             fillHeight: boolean;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
+                children: {
+                    [x: string]: any;
+                    allowDuplicate?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    children?: /*elided*/ any[] | undefined;
+                    componentId?: number | undefined;
+                    cssClass?: string | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
+                    events?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    directives?: {
+                        [x: string]: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        touch?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    isVisible?: boolean | string | undefined;
+                    dark?: boolean | undefined;
+                    light?: boolean | undefined;
+                    theme?: string | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                    name: string;
+                    parent?: /*elided*/ any | undefined;
+                    tabStop?: boolean | undefined;
+                    userProperties?: IDictionary | undefined;
+                    fillHeight?: boolean | undefined;
+                }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | IDictionary<any>;
+                cssStyle: string | IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1182,19 +1365,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: IDictionary<any>;
+                userProperties: IDictionary;
                 fillHeight: boolean;
             } | undefined;
             componentId: number;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+            keyMap: import("@zeedhi/core").IKeyMap;
             isFocused: boolean;
             tabStop: boolean;
             userProperties: IDictionary<any>;
@@ -1203,21 +1386,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             callEvent: (eventName: string, args: any) => boolean;
             addChild: (child: import("@zeedhi/common").IComponent) => void;
             removeChild: (name: string) => void;
-            getChildInstance: <T_6>(name: string) => T_6;
-            addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+            getChildInstance: <T>(name: string) => T;
+            addChildInstance: (instance: import("@zeedhi/common").Component) => void;
             onBeforeMount: () => void;
             onMounted: (element: any) => void;
             onDestroyed: () => void;
-            click: (event?: Event | undefined, element?: any) => void;
+            click: (event?: Event, element?: any) => void;
             focus: (event: Event, element: any) => void;
             blur: (event: Event, element: any) => void;
-            mouseenter: (event?: Event | undefined, element?: any) => void;
-            mouseleave: (event?: Event | undefined, element?: any) => void;
-            mouseout: (event?: Event | undefined, element?: any) => void;
-            mouseover: (event?: Event | undefined, element?: any) => void;
+            mouseenter: (event?: Event, element?: any) => void;
+            mouseleave: (event?: Event, element?: any) => void;
+            mouseout: (event?: Event, element?: any) => void;
+            mouseover: (event?: Event, element?: any) => void;
         };
         onMounted: (element: any) => void;
-        selectChange: (value: any, event?: Event | undefined, element?: any) => void;
+        selectChange: (value: any, event?: Event, element?: any) => void;
         changePageSize: (size: number) => void;
         datasource: {
             data: IDictionary<any>[];
@@ -1239,7 +1422,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onChangeCurrentRow?: import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined;
                 onChangePagination?: import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined;
             };
-            initialize: () => void | Promise<void>;
+            initialize: () => Promise<void> | void;
             destroy: () => void;
             currentRow: IDictionary<any>;
             limit: number;
@@ -1248,16 +1431,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             get: () => Promise<any>;
             post: (row: IDictionary<any>) => Promise<any>;
             put: (row: IDictionary<any>) => Promise<any>;
-            delete: (row?: IDictionary<any> | undefined) => Promise<any>;
+            delete: (row?: IDictionary<any>) => Promise<any>;
             updateData: (data: IDictionary<any>[]) => Promise<any>;
-            getLoadedData: () => IDictionary<any>[];
+            getLoadedData: () => IDictionary[];
             setSearch: (search: string) => Promise<any>;
             addFilter: (column: string, value: any) => Promise<any>;
             removeFilter: (column: string) => Promise<any>;
             setFilter: (filter: IDictionary<any>) => Promise<any>;
             clearFilter: () => Promise<any>;
-            setLimit: (limit: number, replaceUrl?: boolean | undefined) => Promise<any>;
-            setPage: (page: number, replaceUrl?: boolean | undefined) => Promise<any>;
+            setLimit: (limit: number, replaceUrl?: boolean) => Promise<any>;
+            setPage: (page: number, replaceUrl?: boolean) => Promise<any>;
             addOrder: (column: string, value: import("@zeedhi/core").Order) => Promise<any>;
             removeOrder: (column: string) => Promise<any>;
             setOrder: (order: string[]) => Promise<any>;
@@ -1281,13 +1464,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         selectValue: IDictionary<any> | null;
         itemAfterSlot: {
             [x: string]: any;
-            children?: any[] | undefined;
+            children?: /*elided*/ any[] | undefined;
             component: string;
             allowDuplicate?: boolean | undefined;
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | IDictionary<any> | undefined;
+            cssStyle?: (string | IDictionary) | undefined;
             events?: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1323,21 +1506,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
+                children: {
+                    [x: string]: any;
+                    allowDuplicate?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    children?: /*elided*/ any[] | undefined;
+                    componentId?: number | undefined;
+                    cssClass?: string | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
+                    events?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    directives?: {
+                        [x: string]: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        touch?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    isVisible?: boolean | string | undefined;
+                    dark?: boolean | undefined;
+                    light?: boolean | undefined;
+                    theme?: string | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                    name: string;
+                    parent?: /*elided*/ any | undefined;
+                    tabStop?: boolean | undefined;
+                    userProperties?: IDictionary | undefined;
+                    fillHeight?: boolean | undefined;
+                }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | IDictionary<any>;
+                cssStyle: string | IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1373,30 +1609,30 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: IDictionary<any>;
+                userProperties: IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: IDictionary<any> | undefined;
+            userProperties?: IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         itemBeforeSlot: {
             [x: string]: any;
-            children?: any[] | undefined;
+            children?: /*elided*/ any[] | undefined;
             component: string;
             allowDuplicate?: boolean | undefined;
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | IDictionary<any> | undefined;
+            cssStyle?: (string | IDictionary) | undefined;
             events?: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1432,21 +1668,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
+                children: {
+                    [x: string]: any;
+                    allowDuplicate?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    children?: /*elided*/ any[] | undefined;
+                    componentId?: number | undefined;
+                    cssClass?: string | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
+                    events?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    directives?: {
+                        [x: string]: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        touch?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    isVisible?: boolean | string | undefined;
+                    dark?: boolean | undefined;
+                    light?: boolean | undefined;
+                    theme?: string | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                    name: string;
+                    parent?: /*elided*/ any | undefined;
+                    tabStop?: boolean | undefined;
+                    userProperties?: IDictionary | undefined;
+                    fillHeight?: boolean | undefined;
+                }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | IDictionary<any>;
+                cssStyle: string | IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1482,19 +1771,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: IDictionary<any>;
+                userProperties: IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: IDictionary<any> | undefined;
+            userProperties?: IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         disabledItems: any[];
@@ -1506,19 +1795,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }[];
         dataValueOutFormName: string;
         loadMoreAmount: number;
-        pushedValue: IDictionary<any> | null;
+        pushedValue: IDictionary | null;
         defaultValue: any;
         onCreated: () => Promise<void>;
         readonly items: IDictionary<any>[];
-        formatter: (value?: string | IDictionary<any> | null | undefined, props?: {
+        formatter: (value?: string | IDictionary<any> | null, props?: {
             dataText: string | any[];
             dataTextSeparator: string;
-        } | undefined) => any;
+        }) => any;
         search: string;
         focus: (event: Event, element: any) => Promise<void>;
         value: any;
-        setValue: (value: any, callEvent?: boolean | undefined) => Promise<void>;
-        selectInput: (value: any, event?: Event | undefined, element?: any) => void;
+        setValue: (value: any, callEvent?: boolean) => Promise<void>;
+        selectInput: (value: any, event?: Event, element?: any) => void;
         updateSearch: (value: string) => Promise<void>;
         updateData: (data: IDictionary<any>[]) => Promise<any>;
         updateItems: (items: (string | number)[]) => Promise<any>;
@@ -1527,7 +1816,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showLoadMore: () => boolean;
         showSkeletonLoaders: () => boolean;
         onBeforeDestroy: () => void;
-        indexOf: (search: string | number | IDictionary<any>, data?: IDictionary<any>[] | undefined) => number;
+        indexOf: (search: IDictionary | string | number, data?: IDictionary[]) => number;
         appendIcon: string;
         appendOuterIcon: string;
         prefix: string;
@@ -1537,7 +1826,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: string;
         valueWithPrefix: boolean;
         valueWithSuffix: boolean;
-        inputMode?: string | undefined;
+        inputMode?: string | undefined | undefined;
         parser: (value: string) => any;
         appendIconClick: (event: Event, element: any) => void;
         appendOuterIconClick: (event: Event, element: any) => void;
@@ -1552,10 +1841,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabled: boolean;
         events: {
             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
-            change?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
-            input?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
-            keydown?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
-            keyup?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+            change?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
+            input?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keydown?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyup?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
             click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
             focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1573,7 +1862,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         placeholder: string;
         readonly: boolean;
         reverse: boolean;
-        rules: ((value?: any) => string | boolean)[];
+        rules: ((value?: any) => boolean | string)[];
         showBorder: boolean;
         autoHintDetails: boolean;
         storePath: string;
@@ -1596,13 +1885,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
                 children?: {
                     [x: string]: any;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     component: string;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | IDictionary<any> | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1638,21 +1927,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
                     parent?: {
-                        addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                        getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                        addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                        getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                         allowDuplicate: boolean;
                         autofocus: boolean;
-                        children: any[];
+                        children: {
+                            [x: string]: any;
+                            allowDuplicate?: boolean | undefined;
+                            autofocus?: boolean | undefined;
+                            children?: /*elided*/ any[] | undefined;
+                            componentId?: number | undefined;
+                            cssClass?: string | undefined;
+                            cssStyle?: (string | IDictionary) | undefined;
+                            events?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            directives?: {
+                                [x: string]: {
+                                    [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                    blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                } | undefined;
+                                touch?: {
+                                    [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                    blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                } | undefined;
+                            } | undefined;
+                            isVisible?: boolean | string | undefined;
+                            dark?: boolean | undefined;
+                            light?: boolean | undefined;
+                            theme?: string | undefined;
+                            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                            name: string;
+                            parent?: /*elided*/ any | undefined;
+                            tabStop?: boolean | undefined;
+                            userProperties?: IDictionary | undefined;
+                            fillHeight?: boolean | undefined;
+                        }[];
                         componentId: number;
                         cssClass: string;
-                        cssStyle: string | IDictionary<any>;
+                        cssStyle: string | IDictionary;
                         events: {
                             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1688,19 +2030,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                             } | undefined;
                         };
-                        isVisible: string | boolean;
+                        isVisible: boolean | string;
                         dark: boolean;
                         light: boolean;
                         theme?: string | undefined;
-                        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                        keyMap: import("@zeedhi/core").IKeyMap;
                         name: string;
-                        parent?: any | undefined;
+                        parent?: /*elided*/ any | undefined;
                         tabStop: boolean;
-                        userProperties: IDictionary<any>;
+                        userProperties: IDictionary;
                         fillHeight: boolean;
                     } | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: IDictionary<any> | undefined;
+                    userProperties?: IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[] | undefined;
                 component: string;
@@ -1708,7 +2050,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 autofocus?: boolean | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | IDictionary<any> | undefined;
+                cssStyle?: (string | IDictionary) | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1744,21 +2086,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
+                isVisible?: boolean | string | undefined;
                 dark?: boolean | undefined;
                 light?: boolean | undefined;
                 theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                 name: string;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
-                    children: any[];
+                    children: {
+                        [x: string]: any;
+                        allowDuplicate?: boolean | undefined;
+                        autofocus?: boolean | undefined;
+                        children?: /*elided*/ any[] | undefined;
+                        componentId?: number | undefined;
+                        cssClass?: string | undefined;
+                        cssStyle?: (string | IDictionary) | undefined;
+                        events?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        directives?: {
+                            [x: string]: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            touch?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                        } | undefined;
+                        isVisible?: boolean | string | undefined;
+                        dark?: boolean | undefined;
+                        light?: boolean | undefined;
+                        theme?: string | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                        name: string;
+                        parent?: /*elided*/ any | undefined;
+                        tabStop?: boolean | undefined;
+                        userProperties?: IDictionary | undefined;
+                        fillHeight?: boolean | undefined;
+                    }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | IDictionary<any>;
+                    cssStyle: string | IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1794,19 +2189,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: IDictionary<any>;
+                    userProperties: IDictionary;
                     fillHeight: boolean;
                 } | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: IDictionary<any> | undefined;
+                userProperties?: IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[];
             align?: string | undefined;
@@ -1819,7 +2214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             maxWidth: string | number;
             events: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent> | undefined)[] | undefined;
-                submit?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent>> | undefined;
+                submit?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent> | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent>> | undefined;
                 click?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent>> | undefined;
                 focus?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent>> | undefined;
@@ -1830,20 +2225,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFormEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFormEvent>> | undefined;
             };
             submitFunction?: (() => void) | undefined;
-            value: IDictionary<any>;
+            value: IDictionary;
             clearForm: () => void;
             registerInput: (component: import("@zeedhi/common").Input) => void;
             readonly childrenProps: {
                 [x: string]: any;
                 children?: {
                     [x: string]: any;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     component: string;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | IDictionary<any> | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1879,21 +2274,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
                     parent?: {
-                        addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                        getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                        addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                        getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                         allowDuplicate: boolean;
                         autofocus: boolean;
-                        children: any[];
+                        children: {
+                            [x: string]: any;
+                            allowDuplicate?: boolean | undefined;
+                            autofocus?: boolean | undefined;
+                            children?: /*elided*/ any[] | undefined;
+                            componentId?: number | undefined;
+                            cssClass?: string | undefined;
+                            cssStyle?: (string | IDictionary) | undefined;
+                            events?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            directives?: {
+                                [x: string]: {
+                                    [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                    blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                } | undefined;
+                                touch?: {
+                                    [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                    blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                    onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                } | undefined;
+                            } | undefined;
+                            isVisible?: boolean | string | undefined;
+                            dark?: boolean | undefined;
+                            light?: boolean | undefined;
+                            theme?: string | undefined;
+                            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                            name: string;
+                            parent?: /*elided*/ any | undefined;
+                            tabStop?: boolean | undefined;
+                            userProperties?: IDictionary | undefined;
+                            fillHeight?: boolean | undefined;
+                        }[];
                         componentId: number;
                         cssClass: string;
-                        cssStyle: string | IDictionary<any>;
+                        cssStyle: string | IDictionary;
                         events: {
                             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1929,26 +2377,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                             } | undefined;
                         };
-                        isVisible: string | boolean;
+                        isVisible: boolean | string;
                         dark: boolean;
                         light: boolean;
                         theme?: string | undefined;
-                        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                        keyMap: import("@zeedhi/core").IKeyMap;
                         name: string;
-                        parent?: any | undefined;
+                        parent?: /*elided*/ any | undefined;
                         tabStop: boolean;
-                        userProperties: IDictionary<any>;
+                        userProperties: IDictionary;
                         fillHeight: boolean;
                     } | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: IDictionary<any> | undefined;
+                    userProperties?: IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[] | undefined;
                 component: string;
-                allowDuplicate?: boolean | undefined;
-                autofocus?: boolean | undefined;
-                componentId?: number | undefined;
-                cssClass?: string | undefined;
+                allowDuplicate?: boolean | undefined | undefined;
+                autofocus?: boolean | undefined | undefined;
+                componentId?: number | undefined | undefined;
+                cssClass?: string | undefined | undefined;
                 cssStyle?: string | IDictionary<any> | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
@@ -1985,21 +2433,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
-                dark?: boolean | undefined;
-                light?: boolean | undefined;
-                theme?: string | undefined;
+                isVisible?: string | boolean | undefined | undefined;
+                dark?: boolean | undefined | undefined;
+                light?: boolean | undefined | undefined;
+                theme?: string | undefined | undefined;
                 keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
                 name: string;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
-                    children: any[];
+                    children: {
+                        [x: string]: any;
+                        allowDuplicate?: boolean | undefined;
+                        autofocus?: boolean | undefined;
+                        children?: /*elided*/ any[] | undefined;
+                        componentId?: number | undefined;
+                        cssClass?: string | undefined;
+                        cssStyle?: (string | IDictionary) | undefined;
+                        events?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        directives?: {
+                            [x: string]: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                            touch?: {
+                                [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                                blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                                onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            } | undefined;
+                        } | undefined;
+                        isVisible?: boolean | string | undefined;
+                        dark?: boolean | undefined;
+                        light?: boolean | undefined;
+                        theme?: string | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                        name: string;
+                        parent?: /*elided*/ any | undefined;
+                        tabStop?: boolean | undefined;
+                        userProperties?: IDictionary | undefined;
+                        fillHeight?: boolean | undefined;
+                    }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | IDictionary<any>;
+                    cssStyle: string | IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -2035,20 +2536,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: IDictionary<any>;
+                    userProperties: IDictionary;
                     fillHeight: boolean;
                 } | undefined;
-                tabStop?: boolean | undefined;
+                tabStop?: boolean | undefined | undefined;
                 userProperties?: IDictionary<any> | undefined;
-                fillHeight?: boolean | undefined;
+                fillHeight?: boolean | undefined | undefined;
             }[];
             readonly childrenGrid: IDictionary<import("@zeedhi/common").IFormGrid>;
             validate: () => Promise<{
@@ -2103,14 +2604,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             theme?: string | undefined;
             fillHeight: boolean;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
+                children: {
+                    [x: string]: any;
+                    allowDuplicate?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    children?: /*elided*/ any[] | undefined;
+                    componentId?: number | undefined;
+                    cssClass?: string | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
+                    events?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    directives?: {
+                        [x: string]: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        touch?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    isVisible?: boolean | string | undefined;
+                    dark?: boolean | undefined;
+                    light?: boolean | undefined;
+                    theme?: string | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                    name: string;
+                    parent?: /*elided*/ any | undefined;
+                    tabStop?: boolean | undefined;
+                    userProperties?: IDictionary | undefined;
+                    fillHeight?: boolean | undefined;
+                }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | IDictionary<any>;
+                cssStyle: string | IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -2146,19 +2700,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: IDictionary<any>;
+                userProperties: IDictionary;
                 fillHeight: boolean;
             } | undefined;
             componentId: number;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+            keyMap: import("@zeedhi/core").IKeyMap;
             isFocused: boolean;
             tabStop: boolean;
             userProperties: IDictionary<any>;
@@ -2167,19 +2721,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             callEvent: (eventName: string, args: any) => boolean;
             addChild: (child: import("@zeedhi/common").IComponent) => void;
             removeChild: (name: string) => void;
-            getChildInstance: <T_6>(name: string) => T_6;
-            addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+            getChildInstance: <T>(name: string) => T;
+            addChildInstance: (instance: import("@zeedhi/common").Component) => void;
             onCreated: () => void;
             onBeforeMount: () => void;
             onBeforeDestroy: () => void;
             onDestroyed: () => void;
-            click: (event?: Event | undefined, element?: any) => void;
+            click: (event?: Event, element?: any) => void;
             focus: (event: Event, element: any) => void;
             blur: (event: Event, element: any) => void;
-            mouseenter: (event?: Event | undefined, element?: any) => void;
-            mouseleave: (event?: Event | undefined, element?: any) => void;
-            mouseout: (event?: Event | undefined, element?: any) => void;
-            mouseover: (event?: Event | undefined, element?: any) => void;
+            mouseenter: (event?: Event, element?: any) => void;
+            mouseleave: (event?: Event, element?: any) => void;
+            mouseout: (event?: Event, element?: any) => void;
+            mouseover: (event?: Event, element?: any) => void;
         } | undefined;
         grid: {
             cols?: string | undefined;
@@ -2196,27 +2750,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'offset-xxl'?: string | undefined;
         };
         validate: () => Promise<string[]>;
-        setViewValidate: (viewValidate: (silent?: boolean | undefined) => Promise<string[]>) => void;
+        setViewValidate: (viewValidate: (silent?: boolean) => Promise<string[]>) => void;
         setViewResetValidation: (viewResetValidation: () => void) => void;
         resetValidation: () => void;
-        addValidation: (name: string, config?: IDictionary<any> | undefined) => void;
+        addValidation: (name: string, config?: IDictionary<any>) => void;
         removeValidation: (name: string) => void;
         clearValidations: () => void;
         displayValue: any;
         isValid: (value?: any) => boolean;
-        change: (event?: Event | undefined, element?: any) => void;
-        input: (event?: Event | undefined, element?: any) => void;
-        keyup: (event?: Event | undefined, element?: any) => void;
-        keydown: (event?: Event | undefined, element?: any) => void;
+        change: (event?: Event, element?: any) => void;
+        input: (event?: Event, element?: any) => void;
+        keyup: (event?: Event, element?: any) => void;
+        keydown: (event?: Event, element?: any) => void;
         children: {
             [x: string]: any;
-            children?: any[] | undefined;
+            children?: /*elided*/ any[] | undefined;
             component: string;
             allowDuplicate?: boolean | undefined;
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | IDictionary<any> | undefined;
+            cssStyle?: (string | IDictionary) | undefined;
             events?: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -2252,21 +2806,74 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
+                children: {
+                    [x: string]: any;
+                    allowDuplicate?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    children?: /*elided*/ any[] | undefined;
+                    componentId?: number | undefined;
+                    cssClass?: string | undefined;
+                    cssStyle?: (string | IDictionary) | undefined;
+                    events?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    directives?: {
+                        [x: string]: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                        touch?: {
+                            [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                            blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                            onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    isVisible?: boolean | string | undefined;
+                    dark?: boolean | undefined;
+                    light?: boolean | undefined;
+                    theme?: string | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                    name: string;
+                    parent?: /*elided*/ any | undefined;
+                    tabStop?: boolean | undefined;
+                    userProperties?: IDictionary | undefined;
+                    fillHeight?: boolean | undefined;
+                }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | IDictionary<any>;
+                cssStyle: string | IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -2302,19 +2909,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: IDictionary<any>;
+                userProperties: IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: IDictionary<any> | undefined;
+            userProperties?: IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         component: string;
@@ -2354,14 +2961,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         theme?: string | undefined;
         fillHeight: boolean;
         parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-            getChildInstance: <T_5 extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T_5;
+            addChildInstance: (component: import("@zeedhi/common").Component) => void;
+            getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
             allowDuplicate: boolean;
             autofocus: boolean;
-            children: any[];
+            children: {
+                [x: string]: any;
+                allowDuplicate?: boolean | undefined;
+                autofocus?: boolean | undefined;
+                children?: /*elided*/ any[] | undefined;
+                componentId?: number | undefined;
+                cssClass?: string | undefined;
+                cssStyle?: (string | IDictionary) | undefined;
+                events?: {
+                    [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                    blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                } | undefined;
+                directives?: {
+                    [x: string]: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                    touch?: {
+                        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
+                        blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onCreated?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeMount?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onMounted?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onBeforeDestroy?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                        onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+                    } | undefined;
+                } | undefined;
+                isVisible?: boolean | string | undefined;
+                dark?: boolean | undefined;
+                light?: boolean | undefined;
+                theme?: string | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
+                name: string;
+                parent?: /*elided*/ any | undefined;
+                tabStop?: boolean | undefined;
+                userProperties?: IDictionary | undefined;
+                fillHeight?: boolean | undefined;
+            }[];
             componentId: number;
             cssClass: string;
-            cssStyle: string | IDictionary<any>;
+            cssStyle: string | IDictionary;
             events: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -2397,19 +3057,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             };
-            isVisible: string | boolean;
+            isVisible: boolean | string;
             dark: boolean;
             light: boolean;
             theme?: string | undefined;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+            keyMap: import("@zeedhi/core").IKeyMap;
             name: string;
-            parent?: any | undefined;
+            parent?: /*elided*/ any | undefined;
             tabStop: boolean;
-            userProperties: IDictionary<any>;
+            userProperties: IDictionary;
             fillHeight: boolean;
         } | undefined;
         componentId: number;
-        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+        keyMap: import("@zeedhi/core").IKeyMap;
         isFocused: boolean;
         tabStop: boolean;
         userProperties: IDictionary<any>;
@@ -2418,22 +3078,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         callEvent: (eventName: string, args: any) => boolean;
         addChild: (child: import("@zeedhi/common").IComponent) => void;
         removeChild: (name: string) => void;
-        getChildInstance: <T_6>(name: string) => T_6;
-        addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+        getChildInstance: <T>(name: string) => T;
+        addChildInstance: (instance: import("@zeedhi/common").Component) => void;
         onBeforeMount: () => void;
         onDestroyed: () => void;
-        click: (event?: Event | undefined, element?: any) => void;
-        mouseenter: (event?: Event | undefined, element?: any) => void;
-        mouseleave: (event?: Event | undefined, element?: any) => void;
-        mouseout: (event?: Event | undefined, element?: any) => void;
-        mouseover: (event?: Event | undefined, element?: any) => void;
+        click: (event?: Event, element?: any) => void;
+        mouseenter: (event?: Event, element?: any) => void;
+        mouseleave: (event?: Event, element?: any) => void;
+        mouseout: (event?: Event, element?: any) => void;
+        mouseover: (event?: Event, element?: any) => void;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iterableComponentName: {
         type: StringConstructor;
     };
     clearable: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     dataText: {
         type: PropType<string | string[]>;
@@ -2442,20 +3102,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     dense: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
         default: boolean;
     };
     autocomplete: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showHelper: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     showLabel: {
-        type: PropType<string | boolean>;
+        type: PropType<boolean | string>;
     };
     validations: {
         type: PropType<IDictionary<IDictionary<string | number>>>;
+        watch: boolean;
     };
     appendIcon: {
         type: StringConstructor;
@@ -2487,11 +3148,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     preventLoadOnFocus: {
         type: BooleanConstructor;
-        validator: (prop: unknown) => boolean;
+        validator: (prop: unknown) => prop is boolean | null;
     };
     datasource: {
         type: ObjectConstructor;
         default: () => {};
+        watch: boolean;
     };
     value: {
         type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
@@ -2508,10 +3170,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     itemAfterSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     itemBeforeSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     manualMode: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -2671,16 +3335,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -2705,10 +3373,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -2720,6 +3390,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -2731,6 +3402,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -2741,6 +3413,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     reverse: string | boolean;
+    label: string;
     allowDuplicate: string | boolean;
     type: string;
     autofocus: string | boolean;
@@ -2756,8 +3429,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tabStop: string | boolean;
     fillHeight: string | boolean;
     value: string | number | Record<string, any>;
-    label: string;
     mask: string;
+    placeholder: string;
     color: string;
     disabled: string | boolean;
     appendIcon: string;
@@ -2773,7 +3446,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hint: string;
     maxLength: string | number;
     persistentHint: string | boolean;
-    placeholder: string;
     readonly: string | boolean;
     autoHintDetails: string | boolean;
     showBorder: string | boolean;