{
    "type": "Ext.container.Viewport",
    "reference": {
        "name": "items",
        "type": "array"
    },
    "codeClass": null,
    "userConfig": {
        "designer|initialView": true,
        "designer|userAlias": "myviewport",
        "designer|userClassName": "MyViewport",
        "height": 250,
        "layout": "border",
        "referenceHolder": true,
        "width": 400
    },
    "configAlternates": {
        "designer|initialView": "boolean",
        "designer|userAlias": "string",
        "designer|userClassName": "string",
        "height": "auto",
        "layout": "string",
        "referenceHolder": "boolean",
        "width": "auto"
    },
    "name": "MyViewport",
    "designerId": "055886e5-f854-4b81-91f0-ab2edfe759e7",
    "viewControllerInstanceId": "d7578310-d426-4eb0-80a4-bc36c7e610d4",
    "viewModelInstanceId": "1e58fa5a-618c-4991-8d2f-eda89d22331c",
    "cn": [
        {
            "type": "Ext.panel.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "bodyPadding": 20,
                "collapsible": true,
                "height": 150,
                "layout|flex": 1,
                "layout|region": "south",
                "layout|split": true,
                "referenceHolder": true,
                "resizable": true,
                "scrollable": true,
                "title": "Basket"
            },
            "configAlternates": {
                "bodyPadding": "auto",
                "collapsible": "boolean",
                "height": "auto",
                "layout|flex": "number",
                "layout|region": "string",
                "layout|split": "boolean",
                "referenceHolder": "boolean",
                "resizable": "boolean",
                "scrollable": "auto",
                "title": "string"
            },
            "name": "MyPanel",
            "designerId": "f010cee1-f11e-4c14-b4f0-b899b18bcb78",
            "cn": [
                {
                    "type": "linkedinstance",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "name": "basket",
                    "designerId": "b8e70cc8-6046-4811-b9c2-ec546362e405",
                    "masterInstanceId": "2bd623fa-703d-4465-b4ef-b0b9824f458f"
                },
                {
                    "type": "Ext.toolbar.Toolbar",
                    "reference": {
                        "name": "dockedItems",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dock": "bottom"
                    },
                    "configAlternates": {
                        "dock": "string"
                    },
                    "name": "MyToolbar1",
                    "designerId": "c9f574d9-efd3-4096-ba1e-447c8fbf1070",
                    "cn": [
                        {
                            "type": "Ext.toolbar.Fill",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null
                            },
                            "configAlternates": {
                                "layout|flex": "number"
                            },
                            "name": "MyFill1",
                            "designerId": "6fb8c828-a272-43d3-a8bd-f4e197328ec9"
                        },
                        {
                            "type": "Ext.toolbar.TextItem",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "html": "{Items}",
                                "layout|flex": null,
                                "reference": "checkoutItemCount"
                            },
                            "configAlternates": {
                                "html": "string",
                                "layout|flex": "number",
                                "reference": "string"
                            },
                            "name": "MyTextItem",
                            "designerId": "e2bf165c-cfde-4f2d-bfd5-c15a97b9abee"
                        },
                        {
                            "type": "Ext.toolbar.TextItem",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "html": "{curr}{amount}",
                                "layout|flex": null,
                                "reference": "checkoutTotal"
                            },
                            "configAlternates": {
                                "html": "string",
                                "layout|flex": "number",
                                "reference": "string"
                            },
                            "name": "MyTextItem1",
                            "designerId": "02231441-1f8a-4d83-8674-7bfda2f3d1d6"
                        },
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Checkout"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton5",
                            "designerId": "5317f689-a560-436c-bedd-7cbfc7718e73"
                        }
                    ]
                }
            ]
        },
        {
            "type": "Ext.panel.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "collapsible": true,
                "height": 90,
                "html": "<h1>Rapid Order</h1>#",
                "layout|region": "north",
                "title": "Heading"
            },
            "configAlternates": {
                "collapsible": "boolean",
                "height": "auto",
                "html": "string",
                "layout|region": "string",
                "title": "string"
            },
            "name": "MyPanel1",
            "designerId": "cbf06645-b777-4656-b933-422058400498",
            "cn": [
                {
                    "type": "Ext.toolbar.Toolbar",
                    "reference": {
                        "name": "dockedItems",
                        "type": "array"
                    },
                    "codeClass": null,
                    "userConfig": {
                        "dock": "top"
                    },
                    "configAlternates": {
                        "dock": "string"
                    },
                    "name": "MyToolbar",
                    "designerId": "df20db84-82d5-4ba7-b295-10c7e3be925b",
                    "cn": [
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Home"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton",
                            "designerId": "bd1edb67-9a9e-4613-938e-f39405b4c6c1"
                        },
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Collections"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton1",
                            "designerId": "df9ee679-ebad-42a8-a07f-cb207279332a"
                        },
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Products"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton2",
                            "designerId": "1b1502f2-8160-4091-8d39-b1368281c8bc"
                        },
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Contact"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton3",
                            "designerId": "e11ee90d-f76e-4ca2-9139-24410dceb6ee"
                        },
                        {
                            "type": "Ext.toolbar.Fill",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null
                            },
                            "configAlternates": {
                                "layout|flex": "number"
                            },
                            "name": "MyFill",
                            "designerId": "417090d7-b341-4984-9fdd-e15143ca333e"
                        },
                        {
                            "type": "Ext.button.Button",
                            "reference": {
                                "name": "items",
                                "type": "array"
                            },
                            "codeClass": null,
                            "userConfig": {
                                "layout|flex": null,
                                "text": "Login"
                            },
                            "configAlternates": {
                                "layout|flex": "number",
                                "text": "string"
                            },
                            "name": "MyButton4",
                            "designerId": "2b01c352-6ee8-4563-984e-38f00f604540"
                        }
                    ]
                }
            ]
        },
        {
            "type": "Ext.tab.Panel",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "activeTab": 0,
                "layout|flex": 2,
                "layout|region": "center",
                "reference": "mainapp",
                "referenceHolder": true
            },
            "configAlternates": {
                "activeTab": "auto",
                "layout|region": "string",
                "reference": "string",
                "referenceHolder": "boolean",
                "layout|flex": "number"
            },
            "name": "MyTabPanel",
            "designerId": "8b22dcd2-4064-44e7-836f-c64a51497427",
            "cn": [
                {
                    "type": "linkedinstance",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "name": "findbycollection",
                    "designerId": "36b85489-ac1d-44ff-8188-4625e1e1f480",
                    "masterInstanceId": "6329b362-e7e8-426f-8b77-2925a27c7ea3",
                    "cn": [
                        {
                            "type": "Ext.tab.Tab",
                            "reference": {
                                "name": "tabConfig",
                                "type": "object"
                            },
                            "codeClass": null,
                            "name": "TabConfig5",
                            "designerId": "8de7a204-4ad5-46e9-8dcb-cd1d3640b29c"
                        }
                    ]
                },
                {
                    "type": "linkedinstance",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "name": "findbysku",
                    "designerId": "3375ac03-7d9d-410e-9990-a43acf769f62",
                    "masterInstanceId": "366ca5f2-c98b-46d5-ab50-5724f86d5199",
                    "cn": [
                        {
                            "type": "Ext.tab.Tab",
                            "reference": {
                                "name": "tabConfig",
                                "type": "object"
                            },
                            "codeClass": null,
                            "name": "TabConfig3",
                            "designerId": "235cd6cf-4d28-433c-b87f-5c82d84547c1"
                        }
                    ]
                },
                {
                    "type": "linkedinstance",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "name": "findbytag",
                    "designerId": "c2c69904-bb47-4d82-8dca-648fefed0430",
                    "masterInstanceId": "51ab3c39-977f-4fe5-8853-72789313acf1",
                    "cn": [
                        {
                            "type": "Ext.tab.Tab",
                            "reference": {
                                "name": "tabConfig",
                                "type": "object"
                            },
                            "codeClass": null,
                            "name": "TabConfig",
                            "designerId": "788affa8-f518-4c44-90bb-f8157ad3235d"
                        }
                    ]
                },
                {
                    "type": "linkedinstance",
                    "reference": {
                        "name": "items",
                        "type": "array"
                    },
                    "codeClass": null,
                    "name": "search",
                    "designerId": "1bc80bfb-a39b-479b-b49b-555e6da22ed3",
                    "masterInstanceId": "c2759cc9-fc1e-47b8-8649-51be52d340a6",
                    "cn": [
                        {
                            "type": "Ext.tab.Tab",
                            "reference": {
                                "name": "tabConfig",
                                "type": "object"
                            },
                            "codeClass": null,
                            "name": "TabConfig1",
                            "designerId": "8b2705a1-3172-40bd-936e-d2b9615e3e6b"
                        }
                    ]
                }
            ]
        }
    ]
}