@zeedhi/vuetify 3.0.11 → 3.2.0

package/types/components/zd-header/ZdHeader.d.ts

@@ -13,6 +13,7 @@ export declare const ZdHeaderProps: {
     centerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     color: {
         type: StringConstructor;
@@ -30,25 +31,10 @@ export declare const ZdHeaderProps: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
     leftSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    maxWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     padless: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -57,9 +43,7 @@ export declare const ZdHeaderProps: {
     rightSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     image: {
         type: StringConstructor;
@@ -69,6 +53,32 @@ export declare const ZdHeaderProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    fillHeight: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     children: {
         type: (StringConstructor | {
             (arrayLength: number): import("@zeedhi/common").IComponentRender[];
@@ -78,16 +88,20 @@ export declare const ZdHeaderProps: {
             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)[];
@@ -112,10 +126,12 @@ export declare const ZdHeaderProps: {
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -127,6 +143,7 @@ export declare const ZdHeaderProps: {
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -138,6 +155,7 @@ export declare const ZdHeaderProps: {
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -159,6 +177,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     centerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     color: {
         type: StringConstructor;
@@ -176,25 +195,10 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
     leftSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    maxWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     padless: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -203,9 +207,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     rightSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     image: {
         type: StringConstructor;
@@ -215,6 +217,32 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    fillHeight: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     children: {
         type: (StringConstructor | {
             (arrayLength: number): import("@zeedhi/common").IComponentRender[];
@@ -224,16 +252,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
             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)[];
@@ -258,10 +290,12 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -273,6 +307,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -284,6 +319,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -298,13 +334,13 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         app: boolean;
         centerSlot: {
             [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;
@@ -340,25 +376,25 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                     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;
@@ -394,20 +430,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                             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;
@@ -443,27 +479,27 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                         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;
         }[];
         color: string;
         dense: boolean;
-        elevation: string | number;
+        elevation: number | string;
         events: {
             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent> | undefined)[] | undefined;
-            onAfterLoad?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent>> | undefined;
+            onAfterLoad?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent> | undefined;
             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent>> | undefined;
             click?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent>> | undefined;
             focus?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent>> | undefined;
@@ -474,16 +510,16 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/common").IFrameEvent, import("@zeedhi/core").IEvent<import("@zeedhi/common").IFrameEvent>> | undefined;
         };
         fixed: boolean;
-        height: string | number;
+        height: number | string;
         leftSlot: {
             [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;
@@ -519,25 +555,25 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                     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;
@@ -573,20 +609,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                             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;
@@ -622,35 +658,35 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                         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;
         }[];
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        maxHeight?: number | string | undefined;
+        maxWidth?: number | string | undefined;
+        minHeight?: number | string | undefined;
+        minWidth?: number | string | undefined;
         padless?: boolean | undefined;
         rightSlot: {
             [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;
@@ -686,25 +722,25 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                     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;
@@ -740,20 +776,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                             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;
@@ -789,34 +825,34 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                         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;
         }[];
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         image?: string | undefined;
         order?: string | number | undefined;
         readonly namedSlotsIsVisible: number;
         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;
@@ -852,25 +888,25 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                     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;
@@ -906,20 +942,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                             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;
@@ -955,19 +991,19 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                         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;
@@ -1007,18 +1043,18 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         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;
@@ -1054,20 +1090,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                         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;
@@ -1103,19 +1139,19 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
                     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>;
@@ -1124,22 +1160,22 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         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;
         onBeforeDestroy: () => void;
         onDestroyed: () => void;
-        click: (event?: Event | undefined, element?: any) => void;
+        click: (event?: Event, element?: any) => void;
         focus: (event: Event, element: any) => void;
         blur: (event: Event, element: any) => void;
-        mouseenter: (event?: Event | undefined, element?: any) => void;
-        mouseleave: (event?: Event | undefined, element?: any) => void;
-        mouseout: (event?: Event | undefined, element?: any) => void;
-        mouseover: (event?: Event | undefined, element?: any) => void;
+        mouseenter: (event?: Event, element?: any) => void;
+        mouseleave: (event?: Event, element?: any) => void;
+        mouseout: (event?: Event, element?: any) => void;
+        mouseover: (event?: Event, element?: any) => void;
     };
-    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;
     mouseenter: (event: Event) => void;
     mouseleave: (event: Event) => void;
@@ -1157,6 +1193,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     centerSlot: {
         type: ArrayConstructor;
         default: () => never[];
+        watch: boolean;
     };
     color: {
         type: StringConstructor;
@@ -1174,25 +1211,10 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
     leftSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    maxWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     padless: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1201,9 +1223,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     rightSlot: {
         type: ArrayConstructor;
         default: () => never[];
-    };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+        watch: boolean;
     };
     image: {
         type: StringConstructor;
@@ -1213,6 +1233,32 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    fillHeight: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    minHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     children: {
         type: (StringConstructor | {
             (arrayLength: number): import("@zeedhi/common").IComponentRender[];
@@ -1222,16 +1268,20 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
             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)[];
@@ -1256,10 +1306,12 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -1271,6 +1323,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1282,6 +1335,7 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1303,13 +1357,17 @@ declare const headerComponent: import("vue").DefineComponent<import("vue").Extra
     keyMap: Record<string, any>;
     light: string | boolean;
     tabStop: string | boolean;
+    fillHeight: string | boolean;
     image: string;
     fixed: string | boolean;
     absolute: string | boolean;
     color: string;
     elevation: string | number;
     dense: string | boolean;
-    height: string | number;
+    minWidth: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    maxHeight: string | number;
     app: string | boolean;
     centerSlot: unknown[];
     leftSlot: unknown[];