@zeedhi/vuetify 3.0.11 → 3.2.0

package/types/components/zd-tree-grid/ZdTreeGrid.d.ts

@@ -38,6 +38,7 @@ export declare const ZdTreeGridProps: {
     footerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     cellSelection: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -50,6 +51,7 @@ export declare const ZdTreeGridProps: {
     disableSelection: {
         type: (StringConstructor | FunctionConstructor)[];
         default: undefined;
+        watch: boolean;
     };
     dragColumns: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -58,6 +60,7 @@ export declare const ZdTreeGridProps: {
     errorSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     fillHeight: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -102,6 +105,7 @@ export declare const ZdTreeGridProps: {
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noDataText: {
         type: StringConstructor;
@@ -115,6 +119,7 @@ export declare const ZdTreeGridProps: {
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultsText: {
         type: StringConstructor;
@@ -155,6 +160,7 @@ export declare const ZdTreeGridProps: {
             component: string;
             cssClass: string;
         }[];
+        watch: boolean;
     };
     width: {
         type: (NumberConstructor | StringConstructor)[];
@@ -173,17 +179,21 @@ export declare const ZdTreeGridProps: {
             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;
     };
     datasource: {
         type: ObjectConstructor;
         defaut(): {};
+        watch: boolean;
     };
     pageSizes: {
         type: (StringConstructor | {
@@ -194,10 +204,12 @@ export declare const ZdTreeGridProps: {
             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(): string[];
@@ -223,16 +235,20 @@ export declare const ZdTreeGridProps: {
             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)[];
@@ -257,10 +273,12 @@ export declare const ZdTreeGridProps: {
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -272,6 +290,7 @@ export declare const ZdTreeGridProps: {
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -283,6 +302,7 @@ export declare const ZdTreeGridProps: {
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -320,6 +340,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     footerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     cellSelection: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -332,6 +353,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     disableSelection: {
         type: (StringConstructor | FunctionConstructor)[];
         default: undefined;
+        watch: boolean;
     };
     dragColumns: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -340,6 +362,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     errorSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     fillHeight: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -384,6 +407,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noDataText: {
         type: StringConstructor;
@@ -397,6 +421,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultsText: {
         type: StringConstructor;
@@ -437,6 +462,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             component: string;
             cssClass: string;
         }[];
+        watch: boolean;
     };
     width: {
         type: (NumberConstructor | StringConstructor)[];
@@ -455,17 +481,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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;
     };
     datasource: {
         type: ObjectConstructor;
         defaut(): {};
+        watch: boolean;
     };
     pageSizes: {
         type: (StringConstructor | {
@@ -476,10 +506,12 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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(): string[];
@@ -505,16 +537,20 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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)[];
@@ -539,10 +575,12 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -554,6 +592,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -565,6 +604,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -591,13 +631,13 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             getChildren: (row: IDictionary<any>) => IDictionary<any>[];
             buildTree: () => void;
             findDataIndex: (data: IDictionary<any>[], value: any) => number;
-            getParentRow: (row: IDictionary<any>) => IDictionary<any>;
+            getParentRow: (row: IDictionary) => IDictionary;
             resetTree: () => void;
             navigateToggle: (collapse: boolean) => void;
-            toggleExpand: (row: IDictionary<any>, rowIndex?: number | undefined) => Promise<IDictionary<any>[] | undefined>;
+            toggleExpand: (row: IDictionary<any>, rowIndex?: number) => Promise<IDictionary<any>[] | undefined>;
             isOpened: (row: IDictionary<any>) => boolean;
-            clearRow: (row: IDictionary<any>) => IDictionary<any>;
-            hasChildOnDemand: (row: IDictionary<any>) => boolean;
+            clearRow: (row: IDictionary) => IDictionary;
+            hasChildOnDemand: (row: IDictionary) => boolean;
             initialize: () => void;
             previousOpenedRow: (rowIdx: number) => number;
             nextOpenedRow: (rowIdx: number) => number;
@@ -605,17 +645,17 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         currentColumn: {
             children: {
                 [x: string]: any;
-                conditions?: IDictionary<any> | undefined;
+                conditions?: IDictionary | undefined;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
                 children?: {
                     [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;
@@ -651,21 +691,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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<IComponent>) => void;
-                        getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                        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;
@@ -701,24 +741,24 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                                 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;
                 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;
@@ -754,21 +794,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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<IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                    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;
@@ -804,33 +897,33 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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;
             }[];
             readonly childrenProps: {
                 [x: string]: any;
-                allowDuplicate?: boolean | undefined;
-                autofocus?: boolean | undefined;
+                allowDuplicate?: boolean | undefined | undefined;
+                autofocus?: boolean | undefined | undefined;
                 children?: {
                     [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;
@@ -866,21 +959,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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<IComponent>) => void;
-                        getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                        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;
@@ -916,23 +1009,23 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                                 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;
-                componentId?: number | undefined;
-                cssClass?: string | 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;
@@ -969,21 +1062,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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<IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                    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;
@@ -1019,20 +1165,20 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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;
             }[];
             getColumnWithoutConditions: (component: any) => any;
             checkOutValues: (component: any, row: IDictionary<any>, newRow: IDictionary<any>) => void;
@@ -1042,25 +1188,25 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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;
@@ -1112,14 +1258,67 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             theme?: string | undefined;
             fillHeight: boolean;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -1155,19 +1354,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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>;
@@ -1176,42 +1375,42 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             callEvent: (eventName: string, args: any) => boolean;
             addChild: (child: IComponent) => void;
             removeChild: (name: string) => void;
-            getChildInstance: <T_1>(name: string) => T_1;
-            addChildInstance: (instance: import("@zeedhi/common").Component<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;
         } | null;
         selectedRows: IDictionary<any>[];
         selectionState: {
             allSelected: boolean;
             except: IDictionary<any>[];
         };
-        rowStyleConditions?: ((row: IDictionary<any>) => IDictionary<any>) | undefined;
+        rowStyleConditions?: ((row: IDictionary) => IDictionary) | undefined;
         selectAllPages: boolean;
         selectable: boolean;
         disableSelection?: ((args: {
             row: IDictionary<any>;
-            component: import("@zeedhi/common").IGrid<GridColumn>;
+            component: import("@zeedhi/common").IGrid;
         }) => boolean) | undefined;
         cellSelection: boolean;
         toolbarSlot: {
             [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;
@@ -1247,21 +1446,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -1297,30 +1549,30 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
         }[];
         footerSlot: {
             [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;
@@ -1356,21 +1608,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -1406,31 +1711,31 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
         }[];
         noResultsText: string;
         noResultSlot: {
             [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;
@@ -1466,45 +1771,26 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
-                componentId: number;
-                cssClass: string;
-                cssStyle: string | IDictionary<any>;
-                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;
-                };
-                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?: {
+                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;
@@ -1515,31 +1801,103 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
-                };
-                isVisible: string | boolean;
-                dark: boolean;
-                light: boolean;
-                theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    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;
+                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;
+                };
+                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;
+                };
+                isVisible: boolean | string;
+                dark: boolean;
+                light: boolean;
+                theme?: string | undefined;
+                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;
         }[];
         errorSlot: {
             [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;
@@ -1575,21 +1933,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -1625,19 +2036,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
         }[];
         dense: boolean;
@@ -1653,13 +2064,13 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         noDataText: string;
         noDataSlot: {
             [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;
@@ -1695,21 +2106,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -1745,19 +2209,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
         }[];
         resizeColumns: boolean;
@@ -1776,51 +2240,51 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         onCreated: () => void;
         onMounted: (element: HTMLElement) => void;
         onBeforeDestroy: () => void;
-        toggleExpand: (row: IDictionary<any>, rowIndex?: number | undefined) => Promise<IDictionary<any>[] | undefined>;
+        toggleExpand: (row: IDictionary<any>, rowIndex?: number) => Promise<IDictionary<any>[] | undefined>;
         navigateToggle: (collapse: boolean) => void;
-        getChildren: (row: IDictionary<any>) => IDictionary<any>[];
+        getChildren: (row: IDictionary) => IDictionary[];
         findDataIndex: (data: IDictionary<any>[], value: any) => number;
-        getParentRow: (row: IDictionary<any>) => IDictionary<any>;
+        getParentRow: (row: IDictionary) => IDictionary;
         buildTreeStructure: () => void;
         resetTree: () => void;
         filterRootData: () => Promise<any>;
         getConditionalProps: ({ row, column }: {
-            row: IDictionary<any>;
+            row: IDictionary;
             column: GridColumn;
         }) => Partial<IComponentRender>;
         navigatePageUp: () => void;
         navigatePageDown: () => void;
-        setViewNavigate: (viewNavigate: (direction: import("@zeedhi/common").Direction, event?: Event | undefined) => void) => void;
+        setViewNavigate: (viewNavigate: (direction: import("@zeedhi/common").Direction, event?: Event) => void) => void;
         navigateLeft: (params: import("@zeedhi/core").IEventParam<any>) => void;
         navigateRight: (params: import("@zeedhi/core").IEventParam<any>) => void;
         navigateUp: () => void;
         navigateDown: () => void;
         navigateDatasource: (direction: import("@zeedhi/common").VerticalDirection) => void;
         createColumn: (column: import("@zeedhi/common").IGridColumn) => GridColumn;
-        rowClick: (row: IDictionary<any>, event: Event, element?: HTMLElement | undefined) => void;
-        cellClick: (row: IDictionary<any>, column: GridColumn, event: Event, element?: HTMLElement | undefined) => void;
-        selectClick: (row: IDictionary<any>, isSelected: boolean, event: Event, element?: HTMLElement | undefined) => void;
-        selectAllClick: (isSelected: boolean, event: Event, element?: HTMLElement | undefined) => void;
+        rowClick: (row: IDictionary<any>, event: Event, element?: HTMLElement) => void;
+        cellClick: (row: IDictionary<any>, column: GridColumn, event: Event, element?: HTMLElement) => void;
+        selectClick: (row: IDictionary<any>, isSelected: boolean, event: Event, element?: HTMLElement) => void;
+        selectAllClick: (isSelected: boolean, event: Event, element?: HTMLElement) => void;
         selectAll: (isSelected: boolean) => void;
-        toggleRow: (row: IDictionary<any>) => void;
-        selectRow: (row: IDictionary<any>, select: boolean) => void;
-        callDisableSelection: (row: IDictionary<any>) => boolean;
+        toggleRow: (row: IDictionary) => void;
+        selectRow: (row: IDictionary, select: boolean) => void;
+        callDisableSelection: (row: IDictionary) => boolean;
         changeOrder: (sortBy: {
             key: string;
-            order: "desc" | "asc";
+            order: "asc" | "desc";
         }[]) => Promise<void>;
-        selectCell: (row: IDictionary<any>, column: GridColumn) => void;
-        reapplyRowStyleConditions: (row: IDictionary<any>) => IDictionary<any>;
-        getRowStyleConditions: (row: IDictionary<any>) => IDictionary<any>;
+        selectCell: (row: IDictionary, column: GridColumn) => void;
+        reapplyRowStyleConditions: (row: IDictionary) => IDictionary;
+        getRowStyleConditions: (row: IDictionary) => IDictionary;
         deleteRows: () => Promise<any[]>;
-        getActionComponent: (actionComponent: IComponent, column: GridColumn, row: IDictionary<any>, parentPath?: string | undefined) => IComponent;
-        changeData: (data?: IDictionary<any>[] | undefined) => void;
+        getActionComponent: (actionComponent: IComponent, column: GridColumn, row: IDictionary, parentPath?: string) => IComponent;
+        changeData: (data?: IDictionary<any>[]) => void;
         selectChildren: (row: IDictionary<any>) => void;
         unselectChildren: (row: IDictionary<any>) => void;
-        buildTree: (doGet?: boolean | undefined) => void;
+        buildTree: (doGet?: boolean) => void;
         setViewUpdateScrollData: (fn: () => void) => void;
         updateScrollData: () => void;
-        updateData: (data: IDictionary<any>[]) => Promise<any>;
+        updateData: (data: IDictionary[]) => Promise<any>;
         datasource: {
             data: IDictionary<any>[];
             defaultLimit: number;
@@ -1841,7 +2305,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                 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;
@@ -1850,16 +2314,16 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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>;
@@ -1875,17 +2339,17 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         columns: {
             children: {
                 [x: string]: any;
-                conditions?: IDictionary<any> | undefined;
+                conditions?: IDictionary | undefined;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
                 children?: {
                     [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;
@@ -1921,21 +2385,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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<IComponent>) => void;
-                        getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                        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;
@@ -1971,24 +2435,24 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                                 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;
                 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;
@@ -2024,21 +2488,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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<IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                    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;
@@ -2074,33 +2591,33 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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;
             }[];
             readonly childrenProps: {
                 [x: string]: any;
-                allowDuplicate?: boolean | undefined;
-                autofocus?: boolean | undefined;
+                allowDuplicate?: boolean | undefined | undefined;
+                autofocus?: boolean | undefined | undefined;
                 children?: {
                     [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;
@@ -2136,21 +2653,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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<IComponent>) => void;
-                        getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                        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;
@@ -2186,23 +2703,23 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                                 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;
-                componentId?: number | undefined;
-                cssClass?: string | 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;
@@ -2239,21 +2756,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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<IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                    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;
@@ -2289,20 +2859,20 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                             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;
             }[];
             getColumnWithoutConditions: (component: any) => any;
             checkOutValues: (component: any, row: IDictionary<any>, newRow: IDictionary<any>) => void;
@@ -2312,25 +2882,25 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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;
@@ -2382,23 +2952,76 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             theme?: string | undefined;
             fillHeight: boolean;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
-                children: any[];
-                componentId: number;
-                cssClass: string;
-                cssStyle: string | IDictionary<any>;
-                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;
+                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;
+                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;
                 };
                 directives: {
@@ -2425,19 +3048,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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>;
@@ -2446,24 +3069,24 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             callEvent: (eventName: string, args: any) => boolean;
             addChild: (child: IComponent) => void;
             removeChild: (name: string) => void;
-            getChildInstance: <T_1>(name: string) => T_1;
-            addChildInstance: (instance: import("@zeedhi/common").Component<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;
@@ -2478,9 +3101,9 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         searchVisibleOnly: boolean;
         defaultSearchVisibleOnly: boolean;
         getAppliedConditions: (args: {
-            row: IDictionary<any>;
+            row: IDictionary;
             column: Column;
-            path?: string | undefined;
+            path?: string;
         }) => Partial<IComponentRender>;
         getCurrentRowIndex: () => number;
         getPage: () => number;
@@ -2490,25 +3113,25 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         readonly pageText: string;
         readonly paginationLength: number;
         getCellWithAppliedConditions: (columns: Column[], row: IDictionary<any>) => IDictionary<IDictionary<any>>;
-        reapplyConditions: (row: IDictionary<any>, columns?: Column[] | undefined) => IDictionary<IDictionary<any>>;
+        reapplyConditions: (row: IDictionary<any>, columns?: Column[]) => IDictionary<IDictionary<any>>;
         reload: () => Promise<any>;
-        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;
@@ -2544,21 +3167,74 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -2594,19 +3270,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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;
@@ -2646,14 +3322,67 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         theme?: string | undefined;
         fillHeight: boolean;
         parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+            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;
@@ -2689,19 +3418,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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>;
@@ -2710,19 +3439,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         callEvent: (eventName: string, args: any) => boolean;
         addChild: (child: IComponent) => void;
         removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<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;
+        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;
     };
-    root: Readonly<import("vue").ShallowRef<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null>>;
+    root: Readonly<import("vue").ShallowRef<ComponentPublicInstance | null>>;
     computedData: import("vue").ComputedRef<IDictionary<any>[]>;
     isOpened: (row: IDictionary) => boolean;
     isIndeterminate: (row: IDictionary<any>) => boolean;
@@ -2747,25 +3476,25 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         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;
@@ -2776,10 +3505,10 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             [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;
@@ -2815,21 +3544,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+                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;
@@ -2865,19 +3594,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                         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[];
@@ -2925,14 +3654,67 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         theme?: string | undefined;
         fillHeight: boolean;
         parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
+            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;
@@ -2968,19 +3750,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
                     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>;
@@ -2989,19 +3771,19 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
         callEvent: (eventName: string, args: any) => boolean;
         addChild: (child: IComponent) => void;
         removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<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;
     }[]>;
     sortBy: import("vue").ComputedRef<{
         key: string;
@@ -3009,14 +3791,14 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     }[]>;
     updateSortBy: (sortBy: {
         key: string;
-        order: "desc" | "asc";
+        order: "asc" | "desc";
     }[]) => void;
     selectRowClick: (row: IDictionary<any>, isSelected: boolean, event: Event) => void;
     selectAllClick: (event: Event) => void;
     allselectedState: import("vue").ComputedRef<0 | 1 | 2>;
     cellFocusIn: ({ row, column }: {
-        row: IDictionary<any>;
-        column?: GridColumn | undefined;
+        row: IDictionary;
+        column?: GridColumn;
     }) => void;
     isCurrentRow: (row: IDictionary<any>) => any;
     cssColorVars: import("vue").ComputedRef<{
@@ -3025,274 +3807,12 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     }>;
     getActions: import("../zd-grid/ZdGrid").GetActions;
     cellFocus: ({ row, column }: {
-        row: IDictionary<any>;
+        row: IDictionary;
         column: GridColumn;
     }) => void;
     isCurrent: ({ row, column }: {
-        row: IDictionary<any>;
-        column?: {
-            align: import("@zeedhi/common").ColumnAlign;
-            label: string;
-            width?: string | undefined;
-            maxWidth?: string | undefined;
-            minWidth?: string | undefined;
-            mask: string;
-            type?: "action" | undefined;
-            actionFixed: boolean;
-            fixed: boolean;
-            sortable: boolean;
-            loading: boolean;
-            componentProps: any;
-            style: IDictionary<any>;
-            xlsType: string;
-            lookupData: any;
-            lookupDataCount: number;
-            overflow: string | number;
-            conditions: IDictionary<any>;
-            helperText: string;
-            storeData: boolean;
-            setViewGetWidth: (viewGetWidth: () => number) => void;
-            setLookupDataFilter: (filter: IDictionary<any>) => void;
-            getWidth: () => number;
-            formatterByRow: (row: IDictionary<any>, cellProps?: IDictionary<any> | undefined) => any;
-            formatter: (value: any, cellProps?: IDictionary<any> | undefined) => any;
-            getLookupData: (lookupColumn: string, value: any) => any;
-            initialize: () => void;
-            clearLookupData: () => void;
-            onBeforeDestroy: () => void;
-            allowDuplicate: boolean;
-            autofocus: boolean;
-            children: {
-                [x: string]: any;
-                allowDuplicate?: boolean | undefined;
-                autofocus?: boolean | undefined;
-                children?: any[] | undefined;
-                componentId?: number | undefined;
-                cssClass?: string | 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;
-                    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?: string | boolean | undefined;
-                dark?: boolean | undefined;
-                light?: boolean | undefined;
-                theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
-                name: string;
-                parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-                    allowDuplicate: boolean;
-                    autofocus: boolean;
-                    children: any[];
-                    componentId: number;
-                    cssClass: string;
-                    cssStyle: string | IDictionary<any>;
-                    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;
-                    };
-                    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;
-                    };
-                    isVisible: string | boolean;
-                    dark: boolean;
-                    light: boolean;
-                    theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-                    name: string;
-                    parent?: any | undefined;
-                    tabStop: boolean;
-                    userProperties: IDictionary<any>;
-                    fillHeight: boolean;
-                } | undefined;
-                tabStop?: boolean | undefined;
-                userProperties?: IDictionary<any> | undefined;
-                fillHeight?: boolean | undefined;
-            }[];
-            childrenInstances: any[];
-            cssClass: string;
-            cssStyle: string | IDictionary<string>;
-            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;
-            };
-            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;
-            };
-            isVisible: boolean;
-            name: string;
-            dark: boolean;
-            light: boolean;
-            theme?: string | undefined;
-            fillHeight: boolean;
-            parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-                allowDuplicate: boolean;
-                autofocus: boolean;
-                children: any[];
-                componentId: number;
-                cssClass: string;
-                cssStyle: string | IDictionary<any>;
-                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;
-                };
-                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;
-                };
-                isVisible: string | boolean;
-                dark: boolean;
-                light: boolean;
-                theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-                name: string;
-                parent?: any | undefined;
-                tabStop: boolean;
-                userProperties: IDictionary<any>;
-                fillHeight: boolean;
-            } | undefined;
-            componentId: number;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-            isFocused: boolean;
-            tabStop: boolean;
-            userProperties: IDictionary<any>;
-            setViewFocus: (viewFocus: () => void) => void;
-            setFocus: () => void;
-            callEvent: (eventName: string, args: any) => boolean;
-            addChild: (child: IComponent) => void;
-            removeChild: (name: string) => void;
-            getChildInstance: <T_1>(name: string) => T_1;
-            addChildInstance: (instance: import("@zeedhi/common").Component<IComponent>) => void;
-            onCreated: () => void;
-            onBeforeMount: () => void;
-            onMounted: (element: any) => void;
-            onDestroyed: () => void;
-            click: (event?: Event | undefined, 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;
-        } | undefined;
+        row: IDictionary;
+        column?: UnwrapRef<Column>;
     }) => boolean;
     hasFooterSlot: boolean;
     headers: import("vue").ComputedRef<{
@@ -3309,534 +3829,10 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     changeData: () => void;
     fixedLeft: IDictionary<any>;
     resizeClickHandler: ({ event }: import("../..").ResizeParams) => void;
-    resizeMouseDownHandler: (column: {
-        align: import("@zeedhi/common").ColumnAlign;
-        label: string;
-        width?: string | undefined;
-        maxWidth?: string | undefined;
-        minWidth?: string | undefined;
-        mask: string;
-        type?: "action" | undefined;
-        actionFixed: boolean;
-        fixed: boolean;
-        sortable: boolean;
-        loading: boolean;
-        componentProps: any;
-        style: IDictionary<any>;
-        xlsType: string;
-        lookupData: any;
-        lookupDataCount: number;
-        overflow: string | number;
-        conditions: IDictionary<any>;
-        helperText: string;
-        storeData: boolean;
-        setViewGetWidth: (viewGetWidth: () => number) => void;
-        setLookupDataFilter: (filter: IDictionary<any>) => void;
-        getWidth: () => number;
-        formatterByRow: (row: IDictionary<any>, cellProps?: IDictionary<any> | undefined) => any;
-        formatter: (value: any, cellProps?: IDictionary<any> | undefined) => any;
-        getLookupData: (lookupColumn: string, value: any) => any;
-        initialize: () => void;
-        clearLookupData: () => void;
-        onBeforeDestroy: () => void;
-        allowDuplicate: boolean;
-        autofocus: boolean;
-        children: {
-            [x: string]: any;
-            allowDuplicate?: boolean | undefined;
-            autofocus?: boolean | undefined;
-            children?: any[] | undefined;
-            componentId?: number | undefined;
-            cssClass?: string | 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;
-                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?: string | boolean | undefined;
-            dark?: boolean | undefined;
-            light?: boolean | undefined;
-            theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
-            name: string;
-            parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-                allowDuplicate: boolean;
-                autofocus: boolean;
-                children: any[];
-                componentId: number;
-                cssClass: string;
-                cssStyle: string | IDictionary<any>;
-                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;
-                };
-                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;
-                };
-                isVisible: string | boolean;
-                dark: boolean;
-                light: boolean;
-                theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-                name: string;
-                parent?: any | undefined;
-                tabStop: boolean;
-                userProperties: IDictionary<any>;
-                fillHeight: boolean;
-            } | undefined;
-            tabStop?: boolean | undefined;
-            userProperties?: IDictionary<any> | undefined;
-            fillHeight?: boolean | undefined;
-        }[];
-        childrenInstances: any[];
-        cssClass: string;
-        cssStyle: string | IDictionary<string>;
-        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;
-        };
-        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;
-        };
-        isVisible: boolean;
-        name: string;
-        dark: boolean;
-        light: boolean;
-        theme?: string | undefined;
-        fillHeight: boolean;
-        parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-            allowDuplicate: boolean;
-            autofocus: boolean;
-            children: any[];
-            componentId: number;
-            cssClass: string;
-            cssStyle: string | IDictionary<any>;
-            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;
-            };
-            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;
-            };
-            isVisible: string | boolean;
-            dark: boolean;
-            light: boolean;
-            theme?: string | undefined;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-            name: string;
-            parent?: any | undefined;
-            tabStop: boolean;
-            userProperties: IDictionary<any>;
-            fillHeight: boolean;
-        } | undefined;
-        componentId: number;
-        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-        isFocused: boolean;
-        tabStop: boolean;
-        userProperties: IDictionary<any>;
-        setViewFocus: (viewFocus: () => void) => void;
-        setFocus: () => void;
-        callEvent: (eventName: string, args: any) => boolean;
-        addChild: (child: IComponent) => void;
-        removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<IComponent>) => void;
-        onCreated: () => void;
-        onBeforeMount: () => void;
-        onMounted: (element: any) => void;
-        onDestroyed: () => void;
-        click: (event?: Event | undefined, 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;
-    }, { event, el }: import("../..").ResizeParams) => void;
+    resizeMouseDownHandler: (column: UnwrapRef<Column>, { event, el }: import("../..").ResizeParams) => void;
     hasToolbarSlot: boolean;
     fixedRight: IDictionary<any>;
-    calcWidth: (column: {
-        align: import("@zeedhi/common").ColumnAlign;
-        label: string;
-        width?: string | undefined;
-        maxWidth?: string | undefined;
-        minWidth?: string | undefined;
-        mask: string;
-        type?: "action" | undefined;
-        actionFixed: boolean;
-        fixed: boolean;
-        sortable: boolean;
-        loading: boolean;
-        componentProps: any;
-        style: IDictionary<any>;
-        xlsType: string;
-        lookupData: any;
-        lookupDataCount: number;
-        overflow: string | number;
-        conditions: IDictionary<any>;
-        helperText: string;
-        storeData: boolean;
-        setViewGetWidth: (viewGetWidth: () => number) => void;
-        setLookupDataFilter: (filter: IDictionary<any>) => void;
-        getWidth: () => number;
-        formatterByRow: (row: IDictionary<any>, cellProps?: IDictionary<any> | undefined) => any;
-        formatter: (value: any, cellProps?: IDictionary<any> | undefined) => any;
-        getLookupData: (lookupColumn: string, value: any) => any;
-        initialize: () => void;
-        clearLookupData: () => void;
-        onBeforeDestroy: () => void;
-        allowDuplicate: boolean;
-        autofocus: boolean;
-        children: {
-            [x: string]: any;
-            allowDuplicate?: boolean | undefined;
-            autofocus?: boolean | undefined;
-            children?: any[] | undefined;
-            componentId?: number | undefined;
-            cssClass?: string | 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;
-                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?: string | boolean | undefined;
-            dark?: boolean | undefined;
-            light?: boolean | undefined;
-            theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
-            name: string;
-            parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-                allowDuplicate: boolean;
-                autofocus: boolean;
-                children: any[];
-                componentId: number;
-                cssClass: string;
-                cssStyle: string | IDictionary<any>;
-                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;
-                };
-                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;
-                };
-                isVisible: string | boolean;
-                dark: boolean;
-                light: boolean;
-                theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-                name: string;
-                parent?: any | undefined;
-                tabStop: boolean;
-                userProperties: IDictionary<any>;
-                fillHeight: boolean;
-            } | undefined;
-            tabStop?: boolean | undefined;
-            userProperties?: IDictionary<any> | undefined;
-            fillHeight?: boolean | undefined;
-        }[];
-        childrenInstances: any[];
-        cssClass: string;
-        cssStyle: string | IDictionary<string>;
-        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;
-        };
-        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;
-        };
-        isVisible: boolean;
-        name: string;
-        dark: boolean;
-        light: boolean;
-        theme?: string | undefined;
-        fillHeight: boolean;
-        parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<IComponent>>(name: string) => T;
-            allowDuplicate: boolean;
-            autofocus: boolean;
-            children: any[];
-            componentId: number;
-            cssClass: string;
-            cssStyle: string | IDictionary<any>;
-            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;
-            };
-            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;
-            };
-            isVisible: string | boolean;
-            dark: boolean;
-            light: boolean;
-            theme?: string | undefined;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-            name: string;
-            parent?: any | undefined;
-            tabStop: boolean;
-            userProperties: IDictionary<any>;
-            fillHeight: boolean;
-        } | undefined;
-        componentId: number;
-        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
-        isFocused: boolean;
-        tabStop: boolean;
-        userProperties: IDictionary<any>;
-        setViewFocus: (viewFocus: () => void) => void;
-        setFocus: () => void;
-        callEvent: (eventName: string, args: any) => boolean;
-        addChild: (child: IComponent) => void;
-        removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<IComponent>) => void;
-        onCreated: () => void;
-        onBeforeMount: () => void;
-        onMounted: (element: any) => void;
-        onDestroyed: () => void;
-        click: (event?: Event | undefined, 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;
-    }) => string | undefined;
+    calcWidth: (column: UnwrapRef<Column>) => string | undefined;
     selectedRows: import("vue").WritableComputedRef<IDictionary<any>[], IDictionary<any>[]>;
     addTopPadding: () => boolean;
     addBottomPadding: () => boolean;
@@ -3869,6 +3865,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     footerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     cellSelection: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -3881,6 +3878,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     disableSelection: {
         type: (StringConstructor | FunctionConstructor)[];
         default: undefined;
+        watch: boolean;
     };
     dragColumns: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -3889,6 +3887,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     errorSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     fillHeight: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -3933,6 +3932,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noDataText: {
         type: StringConstructor;
@@ -3946,6 +3946,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultsText: {
         type: StringConstructor;
@@ -3986,6 +3987,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             component: string;
             cssClass: string;
         }[];
+        watch: boolean;
     };
     width: {
         type: (NumberConstructor | StringConstructor)[];
@@ -4004,17 +4006,21 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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;
     };
     datasource: {
         type: ObjectConstructor;
         defaut(): {};
+        watch: boolean;
     };
     pageSizes: {
         type: (StringConstructor | {
@@ -4025,10 +4031,12 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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(): string[];
@@ -4054,16 +4062,20 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
             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)[];
@@ -4088,10 +4100,12 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -4103,6 +4117,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -4114,6 +4129,7 @@ declare const treeGridComponent: import("vue").DefineComponent<import("vue").Ext
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];