@zeedhi/vuetify 3.0.11 → 3.2.0

package/types/components/zd-iterable-component-render/ZdIterableComponentRender.d.ts

@@ -9,13 +9,16 @@ export declare const ZdIterableComponentRenderProps: {
             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;
     };
     toolbarSlot: {
         type: {
@@ -26,16 +29,20 @@ export declare const ZdIterableComponentRenderProps: {
             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;
     };
     componentMetadata: {
         type: (ObjectConstructor | StringConstructor)[];
+        watch: boolean;
     };
     rowPropName: {
         type: StringConstructor;
@@ -50,13 +57,16 @@ export declare const ZdIterableComponentRenderProps: {
             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;
     };
     noDataSlot: {
         type: {
@@ -67,10 +77,12 @@ export declare const ZdIterableComponentRenderProps: {
             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: () => {
@@ -79,6 +91,7 @@ export declare const ZdIterableComponentRenderProps: {
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultSlot: {
         type: {
@@ -89,10 +102,12 @@ export declare const ZdIterableComponentRenderProps: {
             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: () => {
@@ -101,6 +116,7 @@ export declare const ZdIterableComponentRenderProps: {
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     height: {
         type: (NumberConstructor | StringConstructor)[];
@@ -139,17 +155,21 @@ export declare const ZdIterableComponentRenderProps: {
             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 | {
@@ -160,10 +180,12 @@ export declare const ZdIterableComponentRenderProps: {
             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[];
@@ -189,16 +211,20 @@ export declare const ZdIterableComponentRenderProps: {
             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)[];
@@ -223,10 +249,12 @@ export declare const ZdIterableComponentRenderProps: {
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -238,6 +266,7 @@ export declare const ZdIterableComponentRenderProps: {
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -249,6 +278,7 @@ export declare const ZdIterableComponentRenderProps: {
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -268,13 +298,16 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     toolbarSlot: {
         type: {
@@ -285,16 +318,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     componentMetadata: {
         type: (ObjectConstructor | StringConstructor)[];
+        watch: boolean;
     };
     rowPropName: {
         type: StringConstructor;
@@ -309,13 +346,16 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     noDataSlot: {
         type: {
@@ -326,10 +366,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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: () => {
@@ -338,6 +380,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultSlot: {
         type: {
@@ -348,10 +391,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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: () => {
@@ -360,6 +405,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     height: {
         type: (NumberConstructor | StringConstructor)[];
@@ -398,17 +444,21 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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 | {
@@ -419,10 +469,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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[];
@@ -448,16 +500,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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)[];
@@ -482,10 +538,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -497,6 +555,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -508,6 +567,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -520,13 +580,13 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     instance: {
         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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -562,25 +622,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -616,20 +676,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -665,30 +725,30 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -724,25 +784,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -778,20 +838,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -827,30 +887,30 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         componentMetadata: {
             [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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -886,25 +946,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -940,20 +1000,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -989,31 +1049,31 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         };
         rowPropName: 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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -1049,25 +1109,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -1103,20 +1163,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -1152,30 +1212,30 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -1211,25 +1271,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -1265,20 +1325,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -1314,19 +1374,19 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         height: string | number;
@@ -1338,13 +1398,13 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
         maxWidth: string | number;
         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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -1380,25 +1440,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -1434,20 +1494,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -1483,19 +1543,19 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         getComponentMetadata: (row: import("@zeedhi/core").IDictionary<any>) => any;
@@ -1520,7 +1580,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                 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: import("@zeedhi/core").IDictionary<any>;
             limit: number;
@@ -1529,16 +1589,16 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             get: () => Promise<any>;
             post: (row: import("@zeedhi/core").IDictionary<any>) => Promise<any>;
             put: (row: import("@zeedhi/core").IDictionary<any>) => Promise<any>;
-            delete: (row?: import("@zeedhi/core").IDictionary<any> | undefined) => Promise<any>;
+            delete: (row?: import("@zeedhi/core").IDictionary<any>) => Promise<any>;
             updateData: (data: import("@zeedhi/core").IDictionary<any>[]) => Promise<any>;
-            getLoadedData: () => import("@zeedhi/core").IDictionary<any>[];
+            getLoadedData: () => import("@zeedhi/core").IDictionary[];
             setSearch: (search: string) => Promise<any>;
             addFilter: (column: string, value: any) => Promise<any>;
             removeFilter: (column: string) => Promise<any>;
             setFilter: (filter: import("@zeedhi/core").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>;
@@ -1558,25 +1618,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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: import("@zeedhi/core").IDictionary<any>;
+            style: import("@zeedhi/core").IDictionary;
             xlsType: string;
             lookupData: any;
             lookupDataCount: number;
             overflow: string | number;
-            conditions: import("@zeedhi/core").IDictionary<any>;
+            conditions: import("@zeedhi/core").IDictionary;
             helperText: string;
             storeData: boolean;
             setViewGetWidth: (viewGetWidth: () => number) => void;
-            setLookupDataFilter: (filter: import("@zeedhi/core").IDictionary<any>) => void;
+            setLookupDataFilter: (filter: import("@zeedhi/core").IDictionary) => void;
             getWidth: () => number;
-            formatterByRow: (row: import("@zeedhi/core").IDictionary<any>, cellProps?: import("@zeedhi/core").IDictionary<any> | undefined) => any;
-            formatter: (value: any, cellProps?: import("@zeedhi/core").IDictionary<any> | undefined) => any;
+            formatterByRow: (row: import("@zeedhi/core").IDictionary<any>, cellProps?: import("@zeedhi/core").IDictionary) => any;
+            formatter: (value: any, cellProps?: import("@zeedhi/core").IDictionary) => any;
             getLookupData: (lookupColumn: string, value: any) => any;
             initialize: () => void;
             clearLookupData: () => void;
@@ -1587,10 +1647,10 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                 [x: string]: any;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                cssStyle?: (string | import("@zeedhi/core").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;
@@ -1626,15 +1686,69 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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?: any | undefined;
+                parent?: {
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
+                    allowDuplicate: boolean;
+                    autofocus: boolean;
+                    children: /*elided*/ any[];
+                    componentId: number;
+                    cssClass: string;
+                    cssStyle: string | import("@zeedhi/core").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?: /*elided*/ any | undefined;
+                    tabStop: boolean;
+                    userProperties: import("@zeedhi/core").IDictionary;
+                    fillHeight: boolean;
+                } | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                userProperties?: import("@zeedhi/core").IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[];
             childrenInstances: any[];
@@ -1682,18 +1796,18 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             theme?: string | undefined;
             fillHeight: boolean;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -1729,20 +1843,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -1778,19 +1892,19 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").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: import("@zeedhi/core").IDictionary<any>;
@@ -1799,24 +1913,24 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             callEvent: (eventName: string, args: any) => boolean;
             addChild: (child: import("@zeedhi/common").IComponent) => void;
             removeChild: (name: string) => void;
-            getChildInstance: <T_1>(name: string) => T_1;
-            addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+            getChildInstance: <T>(name: string) => T;
+            addChildInstance: (instance: import("@zeedhi/common").Component) => void;
             onCreated: () => void;
             onBeforeMount: () => void;
             onMounted: (element: any) => void;
             onDestroyed: () => void;
-            click: (event?: Event | undefined, element?: any) => void;
+            click: (event?: Event, element?: any) => void;
             focus: (event: Event, element: any) => void;
             blur: (event: Event, element: any) => void;
-            mouseenter: (event?: Event | undefined, element?: any) => void;
-            mouseleave: (event?: Event | undefined, element?: any) => void;
-            mouseout: (event?: Event | undefined, element?: any) => void;
-            mouseover: (event?: Event | undefined, element?: any) => void;
+            mouseenter: (event?: Event, element?: any) => void;
+            mouseleave: (event?: Event, element?: any) => void;
+            mouseout: (event?: Event, element?: any) => void;
+            mouseover: (event?: Event, element?: any) => void;
         }[];
         pageSizes: string[];
         events: {
             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
-            changeLayout?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
+            changeLayout?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>> | undefined;
             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
             click?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
             focus?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1830,11 +1944,11 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
         virtualScrollCache: number;
         searchVisibleOnly: boolean;
         defaultSearchVisibleOnly: boolean;
-        updateData: (data: import("@zeedhi/core").IDictionary<any>[]) => Promise<any>;
+        updateData: (data: import("@zeedhi/core").IDictionary[]) => Promise<any>;
         getAppliedConditions: (args: {
-            row: import("@zeedhi/core").IDictionary<any>;
+            row: import("@zeedhi/core").IDictionary;
             column: import("@zeedhi/common").Column;
-            path?: string | undefined;
+            path?: string;
         }) => Partial<IComponentRender>;
         getCurrentRowIndex: () => number;
         getPage: () => number;
@@ -1845,27 +1959,27 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
         readonly pageText: string;
         readonly paginationLength: number;
         getCellWithAppliedConditions: (columns: import("@zeedhi/common").Column[], row: import("@zeedhi/core").IDictionary<any>) => import("@zeedhi/core").IDictionary<import("@zeedhi/core").IDictionary<any>>;
-        reapplyConditions: (row: import("@zeedhi/core").IDictionary<any>, columns?: import("@zeedhi/common").Column[] | undefined) => import("@zeedhi/core").IDictionary<import("@zeedhi/core").IDictionary<any>>;
+        reapplyConditions: (row: import("@zeedhi/core").IDictionary<any>, columns?: import("@zeedhi/common").Column[]) => import("@zeedhi/core").IDictionary<import("@zeedhi/core").IDictionary<any>>;
         reload: () => Promise<any>;
-        changeData: (data: import("@zeedhi/core").IDictionary<any>[]) => void;
+        changeData: (data: import("@zeedhi/core").IDictionary[]) => void;
         onBeforeDestroy: () => void;
-        changeLayout: (event?: Event | undefined, element?: any) => void;
+        changeLayout: (event?: Event, element?: any) => void;
         setSearch: (search: string) => Promise<any>;
-        setCurrentRow: (row: import("@zeedhi/core").IDictionary<any>) => void;
+        setCurrentRow: (row: import("@zeedhi/core").IDictionary) => void;
         setOrder: (order: string[]) => Promise<any>;
-        getRowKey: (row: import("@zeedhi/core").IDictionary<any>) => any;
-        delete: (row: import("@zeedhi/core").IDictionary<any>) => Promise<any>;
-        getData: () => import("@zeedhi/core").IDictionary<any>[];
+        getRowKey: (row: import("@zeedhi/core").IDictionary) => any;
+        delete: (row: import("@zeedhi/core").IDictionary) => Promise<any>;
+        getData: () => import("@zeedhi/core").IDictionary[];
         findRow: (key: string | number) => import("@zeedhi/core").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 | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").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;
@@ -1901,25 +2015,25 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").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;
@@ -1955,20 +2069,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                             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?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").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;
@@ -2004,19 +2118,19 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         component: string;
@@ -2055,18 +2169,18 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
         light: boolean;
         theme?: string | undefined;
         parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").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: {
                 [x: string]: any;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                cssStyle?: (string | import("@zeedhi/core").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;
@@ -2102,20 +2216,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                         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?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                userProperties?: import("@zeedhi/core").IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[];
             componentId: number;
             cssClass: string;
-            cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+            cssStyle: string | import("@zeedhi/core").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;
@@ -2151,19 +2265,19 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
                     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: import("@zeedhi/core").IDictionary<any>;
+            userProperties: import("@zeedhi/core").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: import("@zeedhi/core").IDictionary<any>;
@@ -2172,20 +2286,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
         callEvent: (eventName: string, args: any) => boolean;
         addChild: (child: import("@zeedhi/common").IComponent) => void;
         removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+        getChildInstance: <T>(name: string) => T;
+        addChildInstance: (instance: import("@zeedhi/common").Component) => void;
         onBeforeMount: () => void;
         onMounted: (element: any) => void;
         onDestroyed: () => void;
-        click: (event?: Event | undefined, element?: any) => void;
+        click: (event?: Event, element?: any) => void;
         focus: (event: Event, element: any) => void;
         blur: (event: Event, element: any) => void;
-        mouseenter: (event?: Event | undefined, element?: any) => void;
-        mouseleave: (event?: Event | undefined, element?: any) => void;
-        mouseout: (event?: Event | undefined, element?: any) => void;
-        mouseover: (event?: Event | undefined, element?: any) => void;
+        mouseenter: (event?: Event, element?: any) => void;
+        mouseleave: (event?: Event, element?: any) => void;
+        mouseout: (event?: Event, element?: any) => void;
+        mouseover: (event?: Event, element?: any) => void;
     };
-    root: Readonly<import("vue").ShallowRef<HTMLElement | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, HTMLElement | import("vue").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<HTMLElement | import("vue").ComponentPublicInstance | null>>;
     click: (event: Event) => void;
     focus: (event: Event) => void;
     blur: (event: Event) => void;
@@ -2201,13 +2315,16 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     toolbarSlot: {
         type: {
@@ -2218,16 +2335,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     componentMetadata: {
         type: (ObjectConstructor | StringConstructor)[];
+        watch: boolean;
     };
     rowPropName: {
         type: StringConstructor;
@@ -2242,13 +2363,16 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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;
     };
     noDataSlot: {
         type: {
@@ -2259,10 +2383,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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: () => {
@@ -2271,6 +2397,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     noResultSlot: {
         type: {
@@ -2281,10 +2408,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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: () => {
@@ -2293,6 +2422,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             cssClass: string;
             text: string;
         }[];
+        watch: boolean;
     };
     height: {
         type: (NumberConstructor | StringConstructor)[];
@@ -2331,17 +2461,21 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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 | {
@@ -2352,10 +2486,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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[];
@@ -2381,16 +2517,20 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
             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)[];
@@ -2415,10 +2555,12 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -2430,6 +2572,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -2441,6 +2584,7 @@ declare const iterableComponentRender: import("vue").DefineComponent<import("vue
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];