npm - @devtable/dashboard - Versions diffs - 14.58.0 → 14.58.2 - Mend

@devtable/dashboard 14.58.0 → 14.58.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/dist/dashboard-editor/model/views/index.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { Instance, SnapshotIn } from 'mobx-state-tree';
 import { EViewComponentType, ViewRenderModelInstance } from '../../../model';
 import { IDashboardView } from '../../../types';
 import { ViewDivisionConfigSnapshotIn, ViewModalConfigSnapshotIn } from '../../../model';
+import { ViewModelInstance } from './view';
 export declare const ViewsModel: import("mobx-state-tree").IModelType<{
     current: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
@@ -361,7 +362,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -726,7 +727,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -769,16 +770,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
                 id: string;
                 name: string;
                 breakpoint: number;
-                list: {
-                    h: number;
-                    w: number;
-                    x: number;
-                    y: number;
-                    id: string;
-                    moved: boolean;
-                    static: boolean;
-                    panelID: string;
-                }[];
+                list: Array<import('../../../model').ILayoutItemMeta["json"]>;
             }[];
             version: string;
         };
@@ -2951,7 +2943,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -3313,7 +3305,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -4295,7 +4287,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -4657,7 +4649,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -5639,7 +5631,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -6001,7 +5993,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -6983,7 +6975,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -7345,7 +7337,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
         readonly contentModel: import("../../..").IContentRenderModel;
         readonly panels: import('../../../model').IPanelRenderModel[];
         readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
+        downloadScreenshot(dom: HTMLElement, onScreenshot?: (canvas: HTMLCanvasElement) => void): Promise<void>;
     } & {
         setTab(tab: string | null): void;
         setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
@@ -7361,1456 +7353,7 @@ export declare const ViewsModel: import("mobx-state-tree").IModelType<{
     setFirstVisibleTabsViewActiveTab(tabInfo: import('../../../model').TabInfo | null): void;
 } & {
     readonly isVIETheFirstView: boolean;
-    readonly VIE: {
-        id: string;
-        name: string;
-        type: EViewComponentType;
-        config: ({
-            _name: EViewComponentType.Modal;
-            width: string;
-            height: string;
-            custom_modal_title: {
-                enabled: boolean;
-                func_content: string;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>>;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            };
-        } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            };
-        } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }, {
-            readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            };
-            readonly tabsInOrder: ({
-                id: string;
-                name: string;
-                view_id: string;
-                color: string;
-                order: number;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        } & {
-            setVariant(v: string | null): void;
-            setOrientation(v: string | null): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(id: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }>>>) | ({
-            _name: EViewComponentType.Modal;
-            tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-            variant: import("@mantine/core").TabsVariant;
-            orientation: import('../../../model').TabsOrientation;
-            grow: boolean;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            };
-            readonly tabsInOrder: ({
-                id: string;
-                name: string;
-                view_id: string;
-                color: string;
-                order: number;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        } & {
-            setVariant(v: string | null): void;
-            setOrientation(v: string | null): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(id: string): void;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            };
-        } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }, {
-            readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            };
-            readonly tabsInOrder: ({
-                id: string;
-                name: string;
-                view_id: string;
-                color: string;
-                order: number;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        } & {
-            setVariant(v: string | null): void;
-            setOrientation(v: string | null): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(id: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }>>>) | ({
-            _name: EViewComponentType.Division;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            };
-        } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }, {
-            readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            };
-            readonly tabsInOrder: ({
-                id: string;
-                name: string;
-                view_id: string;
-                color: string;
-                order: number;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        } & {
-            setVariant(v: string | null): void;
-            setOrientation(v: string | null): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(id: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }>>>);
-        panelIDs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
-        tab: string;
-    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        readonly json: {
-            id: string;
-            name: string;
-            type: EViewComponentType;
-            config: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            } | {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            } | {
-                _name: EViewComponentType.Division;
-            };
-            panelIDs: string[];
-        };
-    } & {
-        setName(name: string): void;
-        setType(type: string | null): void;
-        appendPanelID(id: string): void;
-        appendPanelIDs(ids: string[]): void;
-        removePanelID(id: string): void;
-    } & {
-        readonly tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-        readonly tabInfo: {
-            id: string;
-            name: string;
-        } | null;
-        readonly tabView: ({
-            id: string;
-            name: string;
-            view_id: string;
-            color: string;
-            order: number;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | null | undefined;
-        readonly tabViewID: string;
-        readonly contentModel: import("../../..").IContentRenderModel;
-        readonly panels: import('../../../model').IPanelRenderModel[];
-        readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
-    } & {
-        setTab(tab: string | null): void;
-        setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
-    } & {
-        getSchema(): {
-            views: {
-                id: string;
-                name: string;
-                type: EViewComponentType;
-                config: {
-                    _name: EViewComponentType.Modal;
-                    width: string;
-                    height: string;
-                    custom_modal_title: {
-                        enabled: boolean;
-                        func_content: string;
-                    };
-                } | {
-                    grow: boolean;
-                    tabs: {
-                        id: string;
-                        name: string;
-                        color: string;
-                        order: number;
-                        view_id: string;
-                    }[];
-                    _name: EViewComponentType.Modal;
-                    variant: import("@mantine/core").TabsVariant;
-                    orientation: import('../../../model').TabsOrientation;
-                } | {
-                    _name: EViewComponentType.Division;
-                };
-                panelIDs: string[];
-            }[];
-            panels: import('../../../types').AnyObject[];
-            definition: {
-                queries: import('../../../types').AnyObject[];
-            };
-            layouts: {
-                id: string;
-                name: string;
-                breakpoint: number;
-                list: {
-                    h: number;
-                    w: number;
-                    x: number;
-                    y: number;
-                    id: string;
-                    moved: boolean;
-                    static: boolean;
-                    panelID: string;
-                }[];
-            }[];
-            version: string;
-        };
-        downloadSchema(): void;
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-        id: import("mobx-state-tree").ISimpleType<string>;
-        name: import("mobx-state-tree").ISimpleType<string>;
-        type: import("mobx-state-tree").ISimpleType<EViewComponentType>;
-        config: import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>>, import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }> | import("mobx-state-tree").ModelSnapshotType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }>, import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            width: import("mobx-state-tree").ISimpleType<string>;
-            height: import("mobx-state-tree").ISimpleType<string>;
-            custom_modal_title: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
-                enabled: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-                func_content: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            }, {
-                readonly json: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-                readonly value: any;
-            } & {
-                setEnabled(v: boolean): void;
-                setFuncContent(v: string): void;
-                replace({ enabled, func_content }: {
-                    enabled: boolean;
-                    func_content: string;
-                }): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            };
-        } & {
-            setWidth(v: string): void;
-            setHeight(v: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Modal>;
-            tabs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
-            variant: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import("@mantine/core").TabsVariant>, [undefined]>;
-            orientation: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<import('../../../model').TabsOrientation>, [undefined]>;
-            grow: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        }, {
-            readonly json: {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            };
-            readonly tabsInOrder: ({
-                id: string;
-                name: string;
-                view_id: string;
-                color: string;
-                order: number;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }, {
-                readonly json: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                };
-            } & {
-                setName(v: string): void;
-                setViewID(v: string | null): void;
-                setColor(v: string): void;
-                setOrder(v: string | number): void;
-            }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
-        } & {
-            setVariant(v: string | null): void;
-            setOrientation(v: string | null): void;
-            setGrow(v: boolean): void;
-            setTabs(v: import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
-                id: import("mobx-state-tree").ISimpleType<string>;
-                name: import("mobx-state-tree").ISimpleType<string>;
-                view_id: import("mobx-state-tree").ISimpleType<string>;
-                color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            }>>[]): void;
-            addTab(): void;
-            removeTab(id: string): void;
-        }> | import("mobx-state-tree").ModelInstanceType<{
-            _name: import("mobx-state-tree").ISimpleType<EViewComponentType.Division>;
-        }, {
-            readonly json: {
-                _name: EViewComponentType.Division;
-            };
-        }>>;
-        panelIDs: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
-    } & {
-        tab: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    }, {
-        readonly json: {
-            id: string;
-            name: string;
-            type: EViewComponentType;
-            config: {
-                _name: EViewComponentType.Modal;
-                width: string;
-                height: string;
-                custom_modal_title: {
-                    enabled: boolean;
-                    func_content: string;
-                };
-            } | {
-                grow: boolean;
-                tabs: {
-                    id: string;
-                    name: string;
-                    color: string;
-                    order: number;
-                    view_id: string;
-                }[];
-                _name: EViewComponentType.Modal;
-                variant: import("@mantine/core").TabsVariant;
-                orientation: import('../../../model').TabsOrientation;
-            } | {
-                _name: EViewComponentType.Division;
-            };
-            panelIDs: string[];
-        };
-    } & {
-        setName(name: string): void;
-        setType(type: string | null): void;
-        appendPanelID(id: string): void;
-        appendPanelIDs(ids: string[]): void;
-        removePanelID(id: string): void;
-    } & {
-        readonly tabs: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
-        readonly tabInfo: {
-            id: string;
-            name: string;
-        } | null;
-        readonly tabView: ({
-            id: string;
-            name: string;
-            view_id: string;
-            color: string;
-            order: number;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").ISimpleType<string>;
-            name: import("mobx-state-tree").ISimpleType<string>;
-            view_id: import("mobx-state-tree").ISimpleType<string>;
-            color: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            order: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            readonly json: {
-                id: string;
-                name: string;
-                color: string;
-                order: number;
-                view_id: string;
-            };
-        } & {
-            setName(v: string): void;
-            setViewID(v: string | null): void;
-            setColor(v: string): void;
-            setOrder(v: string | number): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | null | undefined;
-        readonly tabViewID: string;
-        readonly contentModel: import("../../..").IContentRenderModel;
-        readonly panels: import('../../../model').IPanelRenderModel[];
-        readonly renderViewIDs: string[];
-        downloadScreenshot(dom: HTMLElement, onScreenshot?: ((canvas: HTMLCanvasElement) => void) | undefined): Promise<void>;
-    } & {
-        setTab(tab: string | null): void;
-        setTabByTabInfo(tabInfo: import('../../../model').TabInfo): void;
-    } & {
-        getSchema(): {
-            views: {
-                id: string;
-                name: string;
-                type: EViewComponentType;
-                config: {
-                    _name: EViewComponentType.Modal;
-                    width: string;
-                    height: string;
-                    custom_modal_title: {
-                        enabled: boolean;
-                        func_content: string;
-                    };
-                } | {
-                    grow: boolean;
-                    tabs: {
-                        id: string;
-                        name: string;
-                        color: string;
-                        order: number;
-                        view_id: string;
-                    }[];
-                    _name: EViewComponentType.Modal;
-                    variant: import("@mantine/core").TabsVariant;
-                    orientation: import('../../../model').TabsOrientation;
-                } | {
-                    _name: EViewComponentType.Division;
-                };
-                panelIDs: string[];
-            }[];
-            panels: import('../../../types').AnyObject[];
-            definition: {
-                queries: import('../../../types').AnyObject[];
-            };
-            layouts: {
-                id: string;
-                name: string;
-                breakpoint: number;
-                list: {
-                    h: number;
-                    w: number;
-                    x: number;
-                    y: number;
-                    id: string;
-                    moved: boolean;
-                    static: boolean;
-                    panelID: string;
-                }[];
-            }[];
-            version: string;
-        };
-        downloadSchema(): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    readonly VIE: ViewModelInstance;
     readonly options: {
         label: string;
         value: string;