{
    "name": "Zebrasport Camera Recorder",
    "components": [
        {
            "name": "/Main",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "eacc74e7-4dce-2baf-354b-8070e2b2b872",
                        "type": "Group",
                        "label": "Main",
                        "x": 126,
                        "y": 81.5,
                        "parameters": {
                            "backgroundColor": "#FFFFFF",
                            "height": {
                                "value": 100,
                                "unit": "%"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "2795b61c-761a-e00d-5161-df049b11a16f",
                                "type": "Page Stack",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "name": "Main Stack",
                                    "startPage": "/Screens/Login Screen",
                                    "backgroundColor": "#043372"
                                },
                                "ports": [],
                                "children": []
                            },
                            {
                                "id": "728894f7-e26b-3615-9d9e-9cfb3bc6ddbe",
                                "type": "/UI Components/UI Elements/Toast",
                                "x": 20,
                                "y": 92,
                                "parameters": {
                                    "Messeage": "Im a Toast"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "cd0dacdb-83fc-ab34-11f3-2a0ed4140862",
                        "type": "Color",
                        "label": "Pink Color",
                        "x": -156.4072927258494,
                        "y": 73.25877560677276,
                        "parameters": {
                            "value": "#DF486F"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "4ef0d87f-55dc-919d-a69a-29e446f00df4",
                        "type": "Color",
                        "label": "Light grey",
                        "x": -156.40835189891203,
                        "y": 134.05383704721055,
                        "parameters": {
                            "value": "#EFEFF4"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "78bc21ee-58f5-5af8-7f02-ac03b1528f05",
                        "type": "Color",
                        "label": "Mid Grey",
                        "x": -156.75113527250977,
                        "y": 195.2719443920696,
                        "parameters": {
                            "value": "#A2A3A6"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "f3945d0b-a623-694c-a507-491535634fdd",
                        "type": "Javascript2",
                        "label": "Background color for iphoneX",
                        "x": 115.47021453340528,
                        "y": -11.10495066851422,
                        "parameters": {
                            "code": "script({\n\tinputs:{\n\t    BackgroundColor:\"color\",\n\t},\n\t\n\tchanged:{\n\t     BackgroundColor:function(value){\n\t        document.body.style.backgroundColor = value;\n\t        //console.log(\"bg color set\");\n\t    }\n\t}\n})\n\n",
                            "backgroundColor": "#000000",
                            "BackgroundColor": "#043372"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "5b4cad91-d035-ca36-3020-d369fd2c6033",
                        "type": "Color",
                        "label": "Main Blue",
                        "x": -157.65732583024158,
                        "y": 11.823081877181892,
                        "parameters": {
                            "value": "#043372"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Screens/Login Screen",
            "id": "7953f02d-4a8e-0d56-911d-9363c0834ac4",
            "graph": {
                "connections": [
                    {
                        "fromId": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
                        "fromProperty": "Button Clicked",
                        "toId": "7459a88f-cc7a-fbdd-205a-bc2eb2fc907a",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "384ce7ba-8404-3170-7061-4a0052801d05",
                        "fromProperty": "boundingHeight",
                        "toId": "2614302d-81a1-7593-af98-17e5c1379d90",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "2614302d-81a1-7593-af98-17e5c1379d90",
                        "fromProperty": "result",
                        "toId": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
                        "toProperty": "Margin Bottom"
                    }
                ],
                "roots": [
                    {
                        "id": "384ce7ba-8404-3170-7061-4a0052801d05",
                        "type": "Group",
                        "label": "Login Screen",
                        "x": 319,
                        "y": 275,
                        "parameters": {
                            "backgroundColor": "#043372",
                            "style": "{\n    background: \"linear-gradient(180deg, rgba(48,48,48,1) 37%, rgba(25,39,66,1) 75%, rgba(4,51,114,1) 100%)\"\n}"
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "1c3a4532-9cfa-17b0-5b6b-f5d868d8c285",
                                "type": "Group",
                                "label": "Header Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "height": {
                                        "value": 45,
                                        "unit": "%"
                                    },
                                    "clip": true
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "01b5fb1a-e8b4-6008-5ac4-efdfd470f16e",
                                        "type": "Image",
                                        "label": "Background Image",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "src": "brun mule 1.png",
                                            "sizeMode": "contentHeight",
                                            "transformScale": 1.01
                                        },
                                        "ports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "3c54e8bb-60f7-b1dc-bb3c-6b7c9b252ace",
                                        "type": "Image",
                                        "label": "Logo",
                                        "x": 20,
                                        "y": 122,
                                        "parameters": {
                                            "src": "zyberride_logo_standardwhite.svg",
                                            "position": "absolute",
                                            "alignY": "center",
                                            "alignX": "center",
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 300,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "03a9cd4a-3786-b650-ded3-a15880079d46",
                                "type": "Group",
                                "label": "Login Group",
                                "x": 20,
                                "y": 244,
                                "parameters": {
                                    "style": "{}",
                                    "height": {
                                        "value": 55,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "8ab0bcd3-b6a8-61fd-890e-adb0a7c4cb57",
                                        "type": "Group",
                                        "label": "Forms",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "paddingLeft": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "c2416a12-dcae-806e-d050-e201970d2508",
                                                "type": "/UI Components/UI Elements/Input Form",
                                                "label": "Username form",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "Input Type": "text",
                                                    "Placeholder text": "Brugernavn"
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "b19cd0ce-b5a8-b78d-fa7a-fc0c9ca8b85e",
                                                "type": "/UI Components/UI Elements/Input Form",
                                                "label": "Password form",
                                                "x": 20,
                                                "y": 122,
                                                "parameters": {
                                                    "Label": "Password",
                                                    "Input Type": "password",
                                                    "icon": "Password.png",
                                                    "Placeholder text": "Password"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "008e625b-dcd5-4302-b086-b4fb430f0ec8",
                                        "type": "/UI Components/Buttons/Main Button Fullwidth",
                                        "label": "Login button",
                                        "x": 20,
                                        "y": 244,
                                        "parameters": {
                                            "Aliogn Y": "bottom",
                                            "Align X": "center",
                                            "Label": "Log ind",
                                            "Position": "absolute",
                                            "Margin Left": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "Margin Right": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "Margin Bottom": {
                                                "value": 12,
                                                "unit": "%"
                                            },
                                            "Mount": true
                                        },
                                        "ports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "7459a88f-cc7a-fbdd-205a-bc2eb2fc907a",
                        "type": "PageStackNavigate",
                        "x": 622.9485651715703,
                        "y": 834.6545129138703,
                        "parameters": {
                            "stack": "Main Stack",
                            "target": "/Screens/Startliste Screen",
                            "tr-direction": "Left",
                            "transition": "Push"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "a7017cb7-4495-d951-be9a-cd0f49924243",
                        "type": "REST",
                        "x": 743.7598437118819,
                        "y": 519.0939994598,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the REST node, name of input and type\n\tinputs:{\n\t    //ExampleInput:'number',\n\t},\n\t\n\t// The output ports of the REST node, name of output and type\n\toutputs:{\n\t    //ExampleOutput:'string',\n\t},\n\t\n\t//Add custom code to setup the request object before the request\n\t//is made.\n\t//\n\t//*request.resource     contains the resource path of the request.\n\t//*request.method       contains the method, GET, POST, PUT or DELETE.\n\t//*request.headers      is a map where you can add additional headers.\n\t//*request.parameters   is a map the parameters that will be appended\n\t//                      to the url.\n\t//*request.content      contains the content of the request as a javascript\n\t//                      object.\n\t//\n\t// The inputs and outputs maps can also be accessed via *this.inputs and\n\t// *this.outputs.\n\trequest:function(inputs,request) {\n\t},\n\t\n\t// Add custom code to convert the response content to outputs\n\t//\n\t//*response.status    The status code of the response\n\t//*response.content   The content of the response as a javascript\n\t//                    object.\n\t//*response.request   The request object that resulted in the response.\n\t//\n\t// The inputs and outputs maps can also be accessed via *this.inputs and\n\t// *this.outputs.\n\tresponse:function(outputs,response) {\n\t}\n})\n"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "2614302d-81a1-7593-af98-17e5c1379d90",
                        "type": "Expression",
                        "label": "Push button on input focus android",
                        "x": 82.26735336968369,
                        "y": 778.8595811518906,
                        "parameters": {
                            "expression": "height < 400 ? -100 : 12"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Screens/Startliste Screen",
            "id": "22ce3b8e-aec2-7737-1e8a-74d06051803b",
            "graph": {
                "connections": [
                    {
                        "fromId": "67b37385-d69f-561a-7bb4-d5a83f5a80fb",
                        "fromProperty": "items",
                        "toId": "ea925e1f-f973-d455-4633-84926d6b1d78",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "1352f040-af8d-cddc-309e-a435c916899a",
                        "fromProperty": "items",
                        "toId": "bbae6367-3e22-7a32-6494-2134034b3673",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "c5e0ae25-d1cb-a26a-643c-3907d1cca63d",
                        "type": "Group",
                        "label": "Startliste Screen",
                        "x": 299.55040905752674,
                        "y": 271.33905721618794,
                        "parameters": {
                            "backgroundColor": "#043372",
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "scrollEnabled": true,
                            "clip": true
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "f93d9e81-922d-a18e-44ab-e9e44db5080b",
                                "type": "/UI Components/Text Styles/H1 Text",
                                "label": "Headline",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "Text": "STARTLISTE",
                                    "Margin Top": {
                                        "value": 40,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 40,
                                        "unit": "px"
                                    },
                                    "Color": "#FFFFFF",
                                    "Size": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "Align X": "center"
                                },
                                "ports": [],
                                "children": []
                            },
                            {
                                "id": "782566c1-69e0-7b55-a694-1bf372166ad6",
                                "type": "Group",
                                "label": "Content group",
                                "x": 20,
                                "y": 107,
                                "parameters": {},
                                "ports": [],
                                "children": [
                                    {
                                        "id": "69116467-a598-67c0-fcd0-452bc8b46a8f",
                                        "type": "Group",
                                        "label": "Rytter 1",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {},
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "ae0e76ca-e093-6463-97a4-f2f80811a879",
                                                "type": "Group",
                                                "label": "Name",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentHeight",
                                                    "marginBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": [
                                                    {
                                                        "id": "e052f247-f1bc-a088-a196-c86b55b7ac6d",
                                                        "type": "Image",
                                                        "label": "icon",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "src": "Rytter.svg",
                                                            "marginRight": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "52917aef-1646-9b70-343d-623d93f35349",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 122,
                                                        "parameters": {
                                                            "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "color": "#FFFFFF",
                                                            "text": "Rytter 1",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "bbae6367-3e22-7a32-6494-2134034b3673",
                                                "type": "For Each",
                                                "label": "Events",
                                                "x": 20,
                                                "y": 229,
                                                "parameters": {
                                                    "template": "/UI Components/UI Elements/List Item"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ae836552-17d3-7844-cc46-0dfdc4fd14bb",
                                        "type": "Group",
                                        "label": "Rytter 2",
                                        "x": 20,
                                        "y": 387,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "635b4327-2507-3490-6310-ac0d659067f5",
                                                "type": "Group",
                                                "label": "Name",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentHeight",
                                                    "marginBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": [
                                                    {
                                                        "id": "f24d76db-5cc5-e942-82c4-e5cfe669a552",
                                                        "type": "Image",
                                                        "label": "Icon",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "src": "Rytter.svg",
                                                            "marginRight": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "c5e02ec7-4beb-545d-68c2-b98fdc74773d",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 122,
                                                        "parameters": {
                                                            "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "color": "#FFFFFF",
                                                            "text": "Rytter 2",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "ea925e1f-f973-d455-4633-84926d6b1d78",
                                                "type": "For Each",
                                                "x": 359.55040905752674,
                                                "y": 746.3390572161879,
                                                "parameters": {
                                                    "template": "/UI Components/UI Elements/List Item"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "4d555f8f-46ff-30e5-b760-5d8ab7f0dd30",
                                "type": "Group",
                                "label": "Bottom section",
                                "x": 20,
                                "y": 820,
                                "parameters": {
                                    "marginTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 56,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "0c33f058-f710-f999-e005-679c3d000712",
                                        "type": "/UI Components/Buttons/Link Button",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Label": "Se Stævneliste",
                                            "Button Color": "#FFFFFF",
                                            "Align X": "center",
                                            "Link": "http://zyberride.dk/"
                                        },
                                        "ports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "1352f040-af8d-cddc-309e-a435c916899a",
                        "type": "Static Data",
                        "label": "Rytter 1",
                        "x": 86.39650032800313,
                        "y": 649.4983455101094,
                        "parameters": {
                            "type": "json",
                            "json": "[\n    {\n        \"time\": \"00:01 Danish time (GMT + 1)\",\n        \"day\":\"9\",\n        \"month\":\"AUGUST\",\n        \"name\": \"DRF-championship dressur - YJ\",\n        \"canRecord\": false\n    },\n    \n    {\n        \"time\": \"09:00 Danish time (GMT + 1)\",\n        \"day\":\"16\",\n        \"month\":\"AUGUST\",\n        \"name\": \"DRF-championship jumping pony - YJ\",\n        \"canRecord\": true\n    },\n    \n    {\n        \"time\": \"00:01 Danish time (GMT + 1)\",\n        \"day\":\"16\",\n        \"month\":\"AUGUST\",\n        \"name\": \"DRF-championship dessage pony - YJ\",\n        \"canRecord\": true\n    },\n    {\n        \"time\": \"00:01 Danish time (GMT + 1)\",\n        \"day\":\"19\",\n        \"month\":\"AUGUST\",\n        \"name\": \"Danish championship -J, YR and Senior\",\n        \"canRecord\": true\n    }\n]"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "67b37385-d69f-561a-7bb4-d5a83f5a80fb",
                        "type": "Static Data",
                        "label": "Rytter 2",
                        "x": 85.62948980696248,
                        "y": 903.3684855458656,
                        "parameters": {
                            "type": "json",
                            "json": "[\n    {\n        \"time\": \"00:01 Danish time (GMT + 1)\",\n        \"day\":\"9\",\n        \"month\":\"AUGUST\",\n        \"name\": \"DRF-championship dressur - YJ\",\n        \"canRecord\": false\n    },\n    \n    {\n        \"time\": \"00:01 Danish time (GMT + 1)\",\n        \"day\":\"9\",\n        \"month\":\"AUGUST\",\n        \"name\": \"DRF-championship dressur - YJ\",\n        \"canRecord\": true\n    }\n]"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/UI Elements/List Item",
            "id": "471fdbc8-59eb-5356-f65f-0797734d90f3",
            "graph": {
                "connections": [
                    {
                        "fromId": "f29c84a2-ce88-7b17-8627-66c8a8e1b61f",
                        "fromProperty": "itemId",
                        "toId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "fromProperty": "onClick",
                        "toId": "b286b946-c586-0329-478c-773f3a55ed67",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "fromProperty": "scale",
                        "toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "fromProperty": "pointerDown",
                        "toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "fromProperty": "pointerUp",
                        "toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "fromProperty": "hoverEnd",
                        "toId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "fromProperty": "at-Pressed",
                        "toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "toProperty": "boxShadowEnabled"
                    },
                    {
                        "fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
                        "fromProperty": "canRecord",
                        "toId": "46280094-57af-ad09-9939-28ed7a201206",
                        "toProperty": "canClick"
                    },
                    {
                        "fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
                        "fromProperty": "canRecord",
                        "toId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
                        "toProperty": "canClick"
                    },
                    {
                        "fromId": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
                        "fromProperty": "result",
                        "toId": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "toProperty": "to-can not click"
                    },
                    {
                        "fromId": "46280094-57af-ad09-9939-28ed7a201206",
                        "fromProperty": "result",
                        "toId": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "toProperty": "to-can click"
                    },
                    {
                        "fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "fromProperty": "op",
                        "toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "fromProperty": "at-can click",
                        "toId": "5b1794c4-fc4f-3942-4330-45ecc5efc3af",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "fromProperty": "at-can click",
                        "toId": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "toProperty": "pointerEventsEnabled"
                    },
                    {
                        "fromId": "ef50e0e8-62f9-1d12-1a65-551701754b44",
                        "fromProperty": "name",
                        "toId": "1abeabef-d28f-e482-a086-f895af55e40a",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "cb980914-7784-9f8a-716d-0b953deefbb3",
                        "type": "Group",
                        "label": "Liste item",
                        "x": 307,
                        "y": 415,
                        "parameters": {
                            "backgroundColor": "#EFEFF4",
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "flexDirection": "column",
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowEnabled": true,
                            "boxShadowOffsetY": {
                                "value": 2,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 10,
                                "unit": "px"
                            },
                            "pointerEventsMode": "explicit"
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "0ba4f175-a53f-2eb0-b5f8-a8b8b4424bb6",
                                "type": "Group",
                                "label": "Name and Date Section",
                                "x": 20,
                                "y": 217,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight",
                                    "marginBottom": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "1abeabef-d28f-e482-a086-f895af55e40a",
                                        "type": "Text",
                                        "label": "Event Name",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "color": "#141417",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "fontFamily": "Roboto/Roboto-Bold.ttf",
                                            "marginRight": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1e2a02ac-eb1a-4478-939e-8f102aba67d4",
                                        "type": "Text",
                                        "label": "Date",
                                        "x": 20,
                                        "y": 158,
                                        "parameters": {
                                            "color": "#141417",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "fontFamily": "Roboto/Roboto-Bold.ttf",
                                            "text": "9/8/2020",
                                            "textAlign": "right",
                                            "alignX": "right",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "f1983f59-c613-4cb1-82bf-688b668add48",
                                "type": "Group",
                                "label": "Info Section",
                                "x": 20,
                                "y": 436,
                                "parameters": {},
                                "ports": [],
                                "children": [
                                    {
                                        "id": "d91ad9db-a7ab-9192-fd98-00efff12fd57",
                                        "type": "Group",
                                        "label": "Hest",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginTop": {
                                                "value": 8,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 80,
                                                "unit": "%"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "0b8259ef-e6eb-f817-7033-98ac280f84b7",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "src": "Hest.svg",
                                                    "marginRight": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "544c9124-a74b-cc87-2e7d-156ba2d90953",
                                                "type": "Text",
                                                "label": "Horse name",
                                                "x": 367,
                                                "y": 1019,
                                                "parameters": {
                                                    "color": "#808080",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                    "text": "Black Beauty"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ed909cd7-a48c-64d2-8ab5-55dd8323896b",
                                        "type": "Group",
                                        "label": "Klasse",
                                        "x": 20,
                                        "y": 265,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "width": {
                                                "value": 80,
                                                "unit": "%"
                                            },
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "34f31835-6fab-f83c-33a0-6247a4187628",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "src": "Stævne.svg",
                                                    "marginRight": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "9341405e-dd5c-8d58-8a3c-968a293fdade",
                                                "type": "Text",
                                                "label": "Event descvription",
                                                "x": 20,
                                                "y": 107,
                                                "parameters": {
                                                    "color": "#808080",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                    "text": "Dressure | La1 | B stævne"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "5b1794c4-fc4f-3942-4330-45ecc5efc3af",
                                "type": "Image",
                                "label": "Select Icon",
                                "x": 20,
                                "y": 833,
                                "parameters": {
                                    "src": "arrow_back-24px.svg",
                                    "transformRotation": {
                                        "value": 180,
                                        "unit": "deg"
                                    },
                                    "position": "absolute",
                                    "alignX": "right",
                                    "alignY": "bottom",
                                    "marginBottom": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "f29c84a2-ce88-7b17-8627-66c8a8e1b61f",
                        "type": "For Each Actions",
                        "x": 10,
                        "y": 569.5,
                        "parameters": {},
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "ef50e0e8-62f9-1d12-1a65-551701754b44",
                        "type": "Model",
                        "x": 6.70360110803324,
                        "y": 657.0983379501386,
                        "parameters": {
                            "properties": "time,day,month,name,canRecord"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "b286b946-c586-0329-478c-773f3a55ed67",
                        "type": "PageStackNavigate",
                        "x": 598.522195083188,
                        "y": 493.51437687056347,
                        "parameters": {
                            "stack": "Main Stack",
                            "target": "/Screens/Capture Screen",
                            "tr-direction": "Left"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "bf4c90f4-aca4-bbdf-83c7-b8a9891b1d00",
                        "type": "States",
                        "label": "touch animation",
                        "x": 589.2596845240869,
                        "y": 321.7858000062127,
                        "parameters": {
                            "states": "Pressed,Neutral",
                            "values": "scale",
                            "value-Neutral-scale": 1,
                            "value-Pressed-scale": 1.05,
                            "startState": "Neutral",
                            "transitiondef-Pressed": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Neutral": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 230,
                                "delay": 0
                            },
                            "transition-Pressed-scale": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 230,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "46280094-57af-ad09-9939-28ed7a201206",
                        "type": "Expression",
                        "x": 17.239961295590604,
                        "y": 140.0563127603554,
                        "parameters": {
                            "expression": "canClick === true"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "dcbe43ab-7948-c15d-2239-cfc4aa4b74c9",
                        "type": "Expression",
                        "x": 16.23996129559066,
                        "y": 262.1281970909635,
                        "parameters": {
                            "expression": "canClick === false"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "361a279a-4686-e8d5-c84b-88e847e799f9",
                        "type": "States",
                        "label": "Control clickable event",
                        "x": 16.84467281244045,
                        "y": 387.54052140008935,
                        "parameters": {
                            "states": "can click,can not click",
                            "values": "op",
                            "value-can click-op": 1,
                            "value-can not click-op": 0.6
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/UI Elements/Input Form",
            "id": "c4f46002-a156-2229-d62c-2f573a745b24",
            "graph": {
                "connections": [
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "Input Type",
                        "toId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "icon",
                        "toId": "d4e81d7b-663e-1d6b-51c5-ca7e9fdd8e8a",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "Show Error",
                        "toId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
                        "toProperty": "to-Show error"
                    },
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "Hide Error",
                        "toId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
                        "toProperty": "to-Hide error"
                    },
                    {
                        "fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                        "fromProperty": "onFocus",
                        "toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
                        "toProperty": "IsSelected"
                    },
                    {
                        "fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                        "fromProperty": "onTextChanged",
                        "toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
                        "toProperty": "Value"
                    },
                    {
                        "fromId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                        "fromProperty": "onBlur",
                        "toId": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
                        "toProperty": "isNotSelected"
                    },
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "Placeholder text",
                        "toId": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                        "toProperty": "placeholder"
                    },
                    {
                        "fromId": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "fromProperty": "Error msg",
                        "toId": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab5fee45-ea50-b698-4d00-542a8f086e66",
                        "fromProperty": "at-Show error",
                        "toId": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "6013483b-6920-d1f7-d02e-0b1e1d04262d",
                        "type": "Group",
                        "label": "Text Input Component",
                        "x": 91,
                        "y": 450,
                        "parameters": {
                            "marginTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "borderWidth": {
                                "value": 1,
                                "unit": "px"
                            },
                            "borderColor": "#FFFFFF",
                            "height": {
                                "value": 100,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "e61e71ed-8fdf-84cf-f094-03cbd3dee346",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "height": {
                                        "value": 58,
                                        "unit": "px"
                                    },
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#FFFFFF"
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "23a79200-286c-6a0f-446b-07bdd06583ba",
                                        "type": "Group",
                                        "x": 159,
                                        "y": 578,
                                        "parameters": {
                                            "sizeMode": "contentWidth",
                                            "flexDirection": "row",
                                            "marginLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "d4e81d7b-663e-1d6b-51c5-ca7e9fdd8e8a",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "src": "Brugernavn.svg",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "c3f1451d-3e47-771f-3b4f-95a472c654dc",
                                                "type": "Text Input",
                                                "x": 20,
                                                "y": 225,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 48,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "fontFamily": "Roboto/Roboto-Medium.ttf",
                                                    "fontSize": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "placeholder": "",
                                                    "color": "#FFFFFF",
                                                    "marginLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "style": "{\n}"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "14503f77-e450-b81f-99fa-e8edfd75ebf4",
                                "type": "Text",
                                "label": "Error text",
                                "x": 20,
                                "y": 433,
                                "parameters": {
                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                    "color": "#E84A6A",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "9664bfb1-e8bc-d5ee-888f-a65f00f79d42",
                        "type": "Component Inputs",
                        "x": -157.1250482918638,
                        "y": 597.2500891260221,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 0
                            },
                            {
                                "name": "Input Type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Placeholder text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Show Error",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Error State",
                                "index": 6
                            },
                            {
                                "name": "Hide Error",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Error State",
                                "index": 5
                            },
                            {
                                "name": "Error msg",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Error State",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ab5fee45-ea50-b698-4d00-542a8f086e66",
                        "type": "States",
                        "x": -156.23796903270846,
                        "y": 433.9043877604636,
                        "parameters": {
                            "states": "Show error,Hide error",
                            "values": "color",
                            "type-color": "color",
                            "value-Show error-color": "#E84A6A",
                            "value-Hide error-color": "#FFFFFF",
                            "startState": "Hide error"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "59f9bf6e-aee0-5705-e183-9cb84c3ad6f4",
                        "type": "Component Outputs",
                        "x": 414.12145957973473,
                        "y": 731.3618691455304,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Value",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "IsSelected",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "isNotSelected",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Text Styles/H1 Text",
            "id": "0637079b-952d-9a30-8c9b-ac0ebb30cfa6",
            "graph": {
                "connections": [
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Color",
                        "toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Text",
                        "toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Margin Top",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Margin Right",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Margin Left",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "marginLeft"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Margin Bottom",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Align X",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Align Y",
                        "toId": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "287b977b-74b8-ae66-c158-42e09006e111",
                        "fromProperty": "Text Align",
                        "toId": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
                        "toProperty": "textAlign"
                    }
                ],
                "roots": [
                    {
                        "id": "e14dda34-f3c1-7961-9339-75145a5b00ea",
                        "type": "Group",
                        "label": "Body Text",
                        "x": 585,
                        "y": 398,
                        "parameters": {
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "ce06273e-a8a0-fc9d-7f41-471b5b95c0de",
                                "type": "Text",
                                "x": 20,
                                "y": 197,
                                "parameters": {
                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#141417"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "287b977b-74b8-ae66-c158-42e09006e111",
                        "type": "Component Inputs",
                        "x": 343,
                        "y": 438,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Size",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 0
                            },
                            {
                                "name": "Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margins",
                                "index": 3
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margins",
                                "index": 4
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margins",
                                "index": 5
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margins",
                                "index": 6
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Position",
                                "index": 7
                            },
                            {
                                "name": "Align Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Position",
                                "index": 8
                            },
                            {
                                "name": "Text Align",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Position",
                                "index": 9
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Screens/Capture Screen",
            "id": "4281666f-1749-d01d-cedb-9aa07932260c",
            "graph": {
                "connections": [
                    {
                        "fromId": "ca62c02b-6d67-7b34-f7d9-d27ed8de74a0",
                        "fromProperty": "Button Clicked",
                        "toId": "f61fc9f8-94c8-063b-aa94-264ae13ee1bd",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "c9e04b95-12bd-1094-6341-12fac1fd39b8",
                        "fromProperty": "Button Clicked",
                        "toId": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
                        "toProperty": "Show Modal"
                    },
                    {
                        "fromId": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
                        "fromProperty": "Upload started",
                        "toId": "11cac571-a7a2-ba06-6d65-37f5587f8bde",
                        "toProperty": "navigate"
                    }
                ],
                "roots": [
                    {
                        "id": "259e7fe7-31e6-dcd1-0e98-4cea854c5cc6",
                        "type": "Group",
                        "label": "Capture Screen",
                        "x": 439.5220991865431,
                        "y": 412.52856011038836,
                        "parameters": {
                            "backgroundColor": "#043372",
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "26d115a4-1e52-d424-f5bb-e00e2926ccd2",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "height": {
                                        "value": 50,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "c0ece81a-8606-7cdb-6e5c-c81f1b9ae347",
                                        "type": "Group",
                                        "label": "Text Section",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignY": "center",
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "72e1bc57-83c1-2265-c61d-997f930d9032",
                                                "type": "Image",
                                                "label": "Icon",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "src": "Pokal.svg",
                                                    "alignX": "center",
                                                    "marginBottom": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8949cdb1-0c54-de31-6e52-2c16f498dc5d",
                                                "type": "Text",
                                                "x": 479.5220991865431,
                                                "y": 595.5285601103883,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Du har valgt at starte i Karlslunde Rideklub Mesterskab",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                                    "fontSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "af7e605f-234a-40e8-46aa-d860380ce943",
                                                "type": "Text",
                                                "x": 479.5220991865431,
                                                "y": 641.5285601103883,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Du har kun ét forsøg. Så når du trykker på \"Brug Video\" knappen I kameraet, bliver din video sendt til bedømmelse.",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "acb8d2b4-879c-0fa6-82d0-0a13e6d054cc",
                                "type": "Group",
                                "label": "Button Section",
                                "x": 20,
                                "y": 321,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "bottom",
                                    "marginBottom": {
                                        "value": 12,
                                        "unit": "%"
                                    },
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "c9e04b95-12bd-1094-6341-12fac1fd39b8",
                                        "type": "/UI Components/Buttons/Main Button Fullwidth",
                                        "label": "Start kamera",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Label": "Start Kamera",
                                            "Margin Bottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ca62c02b-6d67-7b34-f7d9-d27ed8de74a0",
                                        "type": "/UI Components/Buttons/Secondary Button Fullwidth",
                                        "label": "Tilbage",
                                        "x": 20,
                                        "y": 158,
                                        "parameters": {
                                            "Text Size": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "Label": "Tilbage"
                                        },
                                        "ports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "d1032a43-0ff5-284f-58ea-de1a680eb5b7",
                                "type": "/UI Components/UI Elements/Modal - Start Recording",
                                "x": 20,
                                "y": 576,
                                "parameters": {},
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "f61fc9f8-94c8-063b-aa94-264ae13ee1bd",
                        "type": "PageStackNavigateBack",
                        "x": 189.587342976561,
                        "y": 865.3472253434195,
                        "parameters": {
                            "stack": "Main Stack"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "11cac571-a7a2-ba06-6d65-37f5587f8bde",
                        "type": "PageStackNavigate",
                        "x": 704.755045657678,
                        "y": 1000.8373633377803,
                        "parameters": {
                            "stack": "Main Stack",
                            "target": "/Screens/Uploading Screen",
                            "transition": "None"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Buttons/Link Button",
            "id": "62c99f37-cefc-7ab3-5d43-bf1c59db4d54",
            "graph": {
                "connections": [
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Label",
                        "toId": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Align X",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Aliogn Y",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Position",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Margin Bottom",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Margin Left",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "marginLeft"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Margin Right",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Margin Top",
                        "toId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
                        "fromProperty": "button color",
                        "toId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Button Color",
                        "toId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
                        "toProperty": "color 1"
                    },
                    {
                        "fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "fromProperty": "pointerDown",
                        "toId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "fromProperty": "pointerUp",
                        "toId": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "fromProperty": "pointerUp",
                        "toId": "1754ed1f-c1c0-f398-cf2e-938dda7deb37",
                        "toProperty": "Button Clicked"
                    },
                    {
                        "fromId": "d8287622-1c91-734b-2762-72bef2b5b4d3",
                        "fromProperty": "result",
                        "toId": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "fromProperty": "Link",
                        "toId": "35643182-c613-4fdf-b188-790ba3f463c4",
                        "toProperty": "url"
                    },
                    {
                        "fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "fromProperty": "onClick",
                        "toId": "35643182-c613-4fdf-b188-790ba3f463c4",
                        "toProperty": "openLink"
                    },
                    {
                        "fromId": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "fromProperty": "this",
                        "toId": "35643182-c613-4fdf-b188-790ba3f463c4",
                        "toProperty": "buttonEL"
                    }
                ],
                "roots": [
                    {
                        "id": "96802db9-657d-dd48-e87d-827a09275ed3",
                        "type": "Group",
                        "x": 814.5169685918331,
                        "y": 593.3448490914957,
                        "parameters": {
                            "borderRadius": {
                                "value": 100,
                                "unit": "px"
                            },
                            "sizeMode": "contentSize",
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "31b2b177-09fb-b8e2-9fab-4801512dbce0",
                                "type": "Text",
                                "x": 20,
                                "y": 242,
                                "parameters": {
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                    "sizeMode": "contentSize"
                                },
                                "ports": [],
                                "children": []
                            },
                            {
                                "id": "a5c02e88-4914-6ab4-f5ad-ba834a6a58cb",
                                "type": "Group",
                                "x": 905.044028300713,
                                "y": 790.5678333192892,
                                "parameters": {
                                    "alignY": "bottom",
                                    "position": "absolute",
                                    "backgroundColor": "#FFFFFF",
                                    "height": {
                                        "value": 1,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "a7754b12-9e42-592d-7e64-85a8700c0eb8",
                        "type": "Component Inputs",
                        "x": 503,
                        "y": 635.30549867896,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Button Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Aliogn Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10
                            },
                            {
                                "name": "Link",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b12b5e02-bd1a-1134-8ad7-886b14c2116c",
                        "type": "States",
                        "x": 1085.366030665628,
                        "y": 709.7913313331535,
                        "parameters": {
                            "states": "Neutral,Pressed,Hover",
                            "values": "button color",
                            "value-Neutral-button color": 1,
                            "value-Pressed-button color": 0.7,
                            "startState": "Neutral",
                            "transitiondef-Neutral": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Pressed": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "d8287622-1c91-734b-2762-72bef2b5b4d3",
                        "type": "Color Blend",
                        "x": 1081.855048629337,
                        "y": 561,
                        "parameters": {
                            "color 0": "#000000",
                            "color 1": "#DF486F"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "1754ed1f-c1c0-f398-cf2e-938dda7deb37",
                        "type": "Component Outputs",
                        "x": 1246.7933327127316,
                        "y": 905.4603763683817,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Button Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "35643182-c613-4fdf-b188-790ba3f463c4",
                        "type": "Javascript2",
                        "x": 840.8758813598877,
                        "y": 990.399686378464,
                        "parameters": {
                            "code": "script({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    url: 'string',\n\t    buttonEL: 'reference'\n\t},\n\t\n\tsignals:{\n\t\t openLink:function() { \n\t\t     \n\t\t    let buttonEl = ReactDOM.findDOMNode(this.inputs.buttonEL.getRef());\n\t\t    buttonEl.addEventListener('click', () =>{\n\t\t        window.open(this.inputs.url, \"_blank\");\n\t\t    })\n\n\t\t}\n\t}\n})\n\n"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Screens/Checkout Screen",
            "id": "3b02db5b-e3fe-ef78-3abe-c6e2157e12ff",
            "graph": {
                "connections": [
                    {
                        "fromId": "9328bd9a-9849-9339-46a1-29993e5cc9ee",
                        "fromProperty": "Button Clicked",
                        "toId": "c933afbc-e691-ed02-d8c1-44b86b9aad99",
                        "toProperty": "navigate"
                    }
                ],
                "roots": [
                    {
                        "id": "2ee64b45-8215-d408-707a-15c04dba6cf0",
                        "type": "Group",
                        "label": "Checkout Screen",
                        "x": 248,
                        "y": 371,
                        "parameters": {
                            "backgroundColor": "#043372",
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "b56c81dd-050e-88e9-1e99-5987f1b4954e",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "height": {
                                        "value": 50,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "d85580c1-96f1-25df-cfbf-513cac00bad5",
                                        "type": "Group",
                                        "label": "Text Section",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "036bb28e-76d3-d9cb-5f30-1b373b443ab1",
                                                "type": "Image",
                                                "label": "Icon",
                                                "x": 308,
                                                "y": 947,
                                                "parameters": {
                                                    "src": "Klap.svg",
                                                    "alignX": "center",
                                                    "marginBottom": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "332ce8e3-4046-37ca-ed95-c21349c314dd",
                                                "type": "Text",
                                                "x": 308,
                                                "y": 1008,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Tak for din deltagelse i stævnet!",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                                    "fontSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "a92cbdca-b1a8-5a45-dd35-3b05536be9f2",
                                                "type": "Text",
                                                "x": 308,
                                                "y": 1054,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Din video er blevet sendt til dommeren.\nNår din bedømmelse er klar, kan du se den på:",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "185ce721-1c35-3d22-4288-2c21e87eca36",
                                                "type": "Group",
                                                "x": 308,
                                                "y": 1100,
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": [
                                                    {
                                                        "id": "16bb7c38-03cf-2746-f16c-cf126888b095",
                                                        "type": "/UI Components/Buttons/Link Button",
                                                        "x": 328,
                                                        "y": 1146,
                                                        "parameters": {
                                                            "Button Color": "#FFFFFF",
                                                            "Label": "www.zyberride.dk",
                                                            "Aliogn Y": "center",
                                                            "Align X": "center"
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "9328bd9a-9849-9339-46a1-29993e5cc9ee",
                                "type": "/UI Components/Buttons/Main Button Fullwidth",
                                "x": 20,
                                "y": 367,
                                "parameters": {
                                    "Position": "absolute",
                                    "Align X": "center",
                                    "Aliogn Y": "bottom",
                                    "Margin Bottom": {
                                        "value": 12,
                                        "unit": "%"
                                    },
                                    "Margin Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Margin Right": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Label": "OK"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "c933afbc-e691-ed02-d8c1-44b86b9aad99",
                        "type": "PageStackNavigate",
                        "x": 38.75018533521671,
                        "y": 718.9788056258711,
                        "parameters": {
                            "stack": "Main Stack",
                            "target": "/Screens/Startliste Screen"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Buttons/Secondary Button Fullwidth",
            "id": "b7db9c15-9d21-de30-eaac-31b82b91c781",
            "graph": {
                "connections": [
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Align X",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Aliogn Y",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Position",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Margin Bottom",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Margin Left",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "marginLeft"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Margin Right",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Margin Top",
                        "toId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "fromProperty": "pointerUp",
                        "toId": "b1e3ca33-8c14-aeee-5fee-b9a62ba4e91c",
                        "toProperty": "Button Clicked"
                    },
                    {
                        "fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "fromProperty": "pointerUp",
                        "toId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "fromProperty": "pointerDown",
                        "toId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Label",
                        "toId": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Text Size",
                        "toId": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
                        "toProperty": "fontSize"
                    },
                    {
                        "fromId": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "fromProperty": "Button Color",
                        "toId": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "af39362e-59d7-6edc-37bb-9ee98610fadb",
                        "fromProperty": "op",
                        "toId": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
                        "toProperty": "opacity"
                    }
                ],
                "roots": [
                    {
                        "id": "776bd51f-fd88-8731-e5d6-11fca06bf336",
                        "type": "Group",
                        "x": 551.8392629539628,
                        "y": 638.0229846221449,
                        "parameters": {
                            "borderRadius": {
                                "value": 100,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 40,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 40,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "#FFFFFF",
                            "clip": true
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "ec53da86-84cc-b9f1-8ac4-9bb6bf68af24",
                                "type": "Group",
                                "label": "button color",
                                "x": 20,
                                "y": 222,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "children": []
                            },
                            {
                                "id": "34f1f3a6-a858-203f-a142-d47aea6cf9e2",
                                "type": "Text",
                                "x": 20,
                                "y": 222,
                                "parameters": {
                                    "fontSize": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                    "sizeMode": "contentSize",
                                    "color": "#FFFFFF",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "b352fce8-4be6-2e28-3fa0-1bb15aef164d",
                        "type": "Component Inputs",
                        "x": 240.32229436212964,
                        "y": 679.9836342096092,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Button Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Text Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Aliogn Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10
                            },
                            {
                                "name": "Text Size",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b1e3ca33-8c14-aeee-5fee-b9a62ba4e91c",
                        "type": "Component Outputs",
                        "x": 843.9638564517088,
                        "y": 883.2576367335432,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Button Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "af39362e-59d7-6edc-37bb-9ee98610fadb",
                        "type": "States",
                        "x": 856.9506070022758,
                        "y": 714.9501117158668,
                        "parameters": {
                            "states": "Neutral,Pressed",
                            "values": "op",
                            "startState": "Neutral",
                            "transitiondef-Neutral": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Pressed": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "value-Neutral-op": 0,
                            "value-Pressed-op": 0.3
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Buttons/Main Button Fullwidth",
            "id": "8ab2c7c3-677d-6c74-7512-82160d4be8ac",
            "graph": {
                "connections": [
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Align X",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Aliogn Y",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Position",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Margin Bottom",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Margin Left",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "marginLeft"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Margin Right",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Margin Top",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
                        "fromProperty": "result",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Button Color",
                        "toId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
                        "toProperty": "color 1"
                    },
                    {
                        "fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "fromProperty": "pointerUp",
                        "toId": "393eb8c9-f31e-1cc6-c9e7-efb1aeb10040",
                        "toProperty": "Button Clicked"
                    },
                    {
                        "fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "fromProperty": "pointerUp",
                        "toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "fromProperty": "pointerDown",
                        "toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
                        "fromProperty": "button color",
                        "toId": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Label",
                        "toId": "e532cf96-2e41-6001-0cc1-caac669c8994",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "fromProperty": "Mount",
                        "toId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "fromProperty": "hoverEnd",
                        "toId": "43bb7197-45ce-9525-93b6-1a894a901b3d",
                        "toProperty": "to-Neutral"
                    }
                ],
                "roots": [
                    {
                        "id": "20c4a29b-2591-05d2-09c1-f8bb75ee0e35",
                        "type": "Group",
                        "label": "Main Button Fullwidth",
                        "x": 545.0855349014641,
                        "y": 608.1419379217286,
                        "parameters": {
                            "backgroundColor": "#FFFFFF",
                            "borderRadius": {
                                "value": 100,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 40,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 40,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "e532cf96-2e41-6001-0cc1-caac669c8994",
                                "type": "Text",
                                "x": 20,
                                "y": 277,
                                "parameters": {
                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#043372",
                                    "alignY": "center",
                                    "alignX": "center",
                                    "textAlign": "center"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "be1fc0e3-1e0c-08b4-4282-6f20bfc179d1",
                        "type": "Component Inputs",
                        "x": 233.568566309631,
                        "y": 650.102587509193,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 0
                            },
                            {
                                "name": "Button Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9,
                                "group": "Style"
                            },
                            {
                                "name": "Text Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10,
                                "group": "Style"
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5,
                                "group": "Position & Aligment"
                            },
                            {
                                "name": "Aliogn Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6,
                                "group": "Position & Aligment"
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7,
                                "group": "Position & Aligment"
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4,
                                "group": "Margins"
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3,
                                "group": "Margins"
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2,
                                "group": "Margins"
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1,
                                "group": "Margins"
                            },
                            {
                                "name": "Dimensions",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8,
                                "group": "Style"
                            },
                            {
                                "name": "Mount",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Style",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f9f19a96-6900-0600-7a2a-d39820fa65b4",
                        "type": "Color Blend",
                        "x": 800.4072392740544,
                        "y": 430.4578061185189,
                        "parameters": {
                            "color 0": "#FFFFFF",
                            "color 1": "#043372"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "393eb8c9-f31e-1cc6-c9e7-efb1aeb10040",
                        "type": "Component Outputs",
                        "x": 837.2101283992102,
                        "y": 853.376590033127,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Button Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "43bb7197-45ce-9525-93b6-1a894a901b3d",
                        "type": "States",
                        "x": 850.1968789497771,
                        "y": 685.0690650154505,
                        "parameters": {
                            "states": "Neutral,Pressed,Hover",
                            "values": "button color",
                            "value-Neutral-button color": 0,
                            "value-Pressed-button color": 0.3,
                            "startState": "Neutral",
                            "transitiondef-Neutral": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Pressed": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/UI Elements/Toast",
            "id": "0a802186-a0b0-9ba2-ac7e-b3a6151b4e8b",
            "graph": {
                "connections": [
                    {
                        "fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "fromProperty": "YPOS",
                        "toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "fromProperty": "OP",
                        "toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
                        "fromProperty": "Messeage",
                        "toId": "1fe17bd0-d6bb-8ed7-450b-7e35a04fe207",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
                        "fromProperty": "Hide Toast",
                        "toId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "toProperty": "to-Hide Toast"
                    },
                    {
                        "fromId": "44470e24-6cc1-2ed4-231a-044141fd8760",
                        "fromProperty": "Show Toast",
                        "toId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "toProperty": "to-Show Toast"
                    },
                    {
                        "fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "fromProperty": "reached-Hide Toast",
                        "toId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "fromProperty": "at-Show Toast",
                        "toId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
                        "fromProperty": "state",
                        "toId": "a8617803-6a87-67aa-6482-a7011fdb3780",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "a8617803-6a87-67aa-6482-a7011fdb3780",
                        "type": "Group",
                        "label": "Toast",
                        "x": 238,
                        "y": 527,
                        "parameters": {
                            "position": "absolute",
                            "alignY": "bottom",
                            "alignX": "center",
                            "backgroundColor": "#03244F",
                            "sizeMode": "explicit",
                            "height": {
                                "value": 56,
                                "unit": "px"
                            },
                            "borderRadius": {
                                "value": 6,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 24,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "1fe17bd0-d6bb-8ed7-450b-7e35a04fe207",
                                "type": "Text",
                                "x": 20,
                                "y": 137,
                                "parameters": {
                                    "fontFamily": "Roboto/Roboto-Medium.ttf",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "color": "#FFFFFF",
                                    "textAlign": "center",
                                    "alignY": "center",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "c32b0607-6ead-2446-0cd8-d8eb062c83aa",
                        "type": "States",
                        "x": -27,
                        "y": 541,
                        "parameters": {
                            "states": "Show Toast,Hide Toast",
                            "values": "OP,YPOS",
                            "value-Show Toast-OP": 1,
                            "value-Show Toast-YPOS": 0,
                            "value-Hide Toast-OP": 0,
                            "value-Hide Toast-YPOS": 100,
                            "startState": "Hide Toast"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "44470e24-6cc1-2ed4-231a-044141fd8760",
                        "type": "Component Inputs",
                        "x": 110.44616982102266,
                        "y": 329.5310622248958,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Toast",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide Toast",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Messeage",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "38eafe3e-9534-63a9-1439-1c9834bfe84a",
                        "type": "Switch",
                        "x": -31.16717720055624,
                        "y": 773.5790208912598,
                        "parameters": {},
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/UI Elements/Modal - Start Recording",
            "id": "84532082-baf6-d146-cb95-fd4a7916afb9",
            "graph": {
                "connections": [
                    {
                        "fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "fromProperty": "Opacity",
                        "toId": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
                        "fromProperty": "button color",
                        "toId": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "fromProperty": "yPos",
                        "toId": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
                        "fromProperty": "Show Modal",
                        "toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "toProperty": "to-Show Modal"
                    },
                    {
                        "fromId": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
                        "fromProperty": "Hide Modal",
                        "toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "toProperty": "to-Hide Modal"
                    },
                    {
                        "fromId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "fromProperty": "at-Show Modal",
                        "toId": "2114572e-c435-267e-a177-9a453934a487",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
                        "fromProperty": "pointerDown",
                        "toId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
                        "fromProperty": "pointerUp",
                        "toId": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
                        "toProperty": "to-Neutral"
                    },
                    {
                        "fromId": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
                        "fromProperty": "result",
                        "toId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                        "fromProperty": "uploadProgress",
                        "toId": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
                        "toProperty": "progress in percentage"
                    },
                    {
                        "fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                        "fromProperty": "uploadDone",
                        "toId": "6853579c-add3-e0fc-5914-006769798702",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "6f530518-0aff-278d-dd6a-c163057833f4",
                        "fromProperty": "pointerDown",
                        "toId": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
                        "fromProperty": "timerFinished",
                        "toId": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "toProperty": "to-Hide Modal"
                    },
                    {
                        "fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                        "fromProperty": "uploadStated",
                        "toId": "894b67de-a2bb-65b6-fc14-86d73431c3ad",
                        "toProperty": "Upload started"
                    },
                    {
                        "fromId": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                        "fromProperty": "uploadProgress",
                        "toId": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
                        "fromProperty": "valueChanged",
                        "toId": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "2114572e-c435-267e-a177-9a453934a487",
                        "type": "Group",
                        "label": "Modal",
                        "x": 526.5211349593408,
                        "y": 639.2987709457313,
                        "parameters": {
                            "position": "absolute",
                            "mounted": true
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "ac866ece-0cd9-65b0-17d2-25031ab7b9b0",
                                "type": "Group",
                                "label": "BG",
                                "x": 20,
                                "y": 97,
                                "parameters": {
                                    "position": "absolute",
                                    "backgroundColor": "#000000",
                                    "opacity": 0.65,
                                    "mounted": true
                                },
                                "ports": [],
                                "children": []
                            },
                            {
                                "id": "7396d835-96d9-5d02-95a7-3b07db8c9bf0",
                                "type": "Group",
                                "label": "Orientation Modal",
                                "x": 20,
                                "y": 158,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#FFFFFF",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "position": "absolute",
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "borderRadius": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 90,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "dab81ef6-0134-a2a5-7b66-b8b58d9a134e",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 117,
                                        "parameters": {
                                            "src": "screen_rotation-24px.svg",
                                            "alignX": "center",
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 75,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ede0d059-de7b-e60d-949a-deafca47fd4c",
                                        "type": "Text",
                                        "x": 499.5220991865431,
                                        "y": 1294.5285601103883,
                                        "parameters": {
                                            "text": "Når du filmer dit ridt, skal telefonen ligge ned.",
                                            "fontFamily": "Roboto/Roboto-Regular.ttf",
                                            "fontSize": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "textAlign": "center",
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6f530518-0aff-278d-dd6a-c163057833f4",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 209,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "4f3ddea1-b8b5-9f78-c2a9-6fd2130973f6",
                                                "type": "Media Capture Module",
                                                "x": 20,
                                                "y": 102,
                                                "parameters": {
                                                    "color": "#043372",
                                                    "label": "OK",
                                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                                    "fontSize": 24,
                                                    "actionEndpoint": "https://43944ac6-6e82-4bfd-8a8a-570ab8f94b7c.mock.pstmn.io/post"
                                                },
                                                "ports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2c2bbc39-6190-ad17-81f8-facf642ae19b",
                        "type": "States",
                        "x": 901.5797164408615,
                        "y": 677.9474946191765,
                        "parameters": {
                            "states": "Show Modal,Hide Modal",
                            "startState": "Hide Modal",
                            "values": "yPos,Opacity",
                            "value-Show Modal-yPos": 0,
                            "value-Show Modal-Opacity": 1,
                            "value-Hide Modal-Opacity": 0,
                            "value-Hide Modal-yPos": 100
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "fef3a38c-c1f5-7329-5089-bb6f3263d451",
                        "type": "Color Blend",
                        "x": 355.87643598756796,
                        "y": 1126.0110979070696,
                        "parameters": {
                            "color 0": "#043372",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "384905c9-60ea-f77d-32a0-c6dbfafa2fd5",
                        "type": "States",
                        "x": 355,
                        "y": 993.3615303984379,
                        "parameters": {
                            "states": "Neutral,Pressed,Hover",
                            "values": "button color",
                            "value-Neutral-button color": 0,
                            "value-Pressed-button color": 0.3,
                            "startState": "Neutral",
                            "transitiondef-Neutral": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Pressed": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transitiondef-Hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "a8c04d2b-de26-720d-6abd-662c5bc9869a",
                        "type": "Component Inputs",
                        "x": 898.5430572233262,
                        "y": 514.3637123568031,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Modal",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide Modal",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "894b67de-a2bb-65b6-fc14-86d73431c3ad",
                        "type": "Component Outputs",
                        "x": 913.9953497340476,
                        "y": 1029.118981700699,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Upload started",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fb1f2bc6-d347-74cb-423e-c31996784a6b",
                        "type": "Event Sender",
                        "x": 912.0225734960025,
                        "y": 1242.2142705574004,
                        "parameters": {
                            "channelName": "Upload Progress"
                        },
                        "ports": [
                            {
                                "name": "progress in percentage",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "group": "Payload",
                                "index": 1
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6853579c-add3-e0fc-5914-006769798702",
                        "type": "Event Sender",
                        "x": 912.9551024368313,
                        "y": 1382.6148856628533,
                        "parameters": {
                            "channelName": "Upload Done"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "89c47085-e98c-c90d-7e7a-b792cf2dbf94",
                        "type": "Timer",
                        "x": 900.5726864682779,
                        "y": 847.2852783640651,
                        "parameters": {
                            "duration": 500
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "32f829ff-a172-16dd-2eaf-702604bfe7f9",
                        "type": "Value Changed",
                        "x": 912.775664852172,
                        "y": 1143.1434915376842,
                        "parameters": {},
                        "ports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Screens/Uploading Screen",
            "id": "f6eb4bac-06cc-b810-f6c4-0eee83451fc7",
            "graph": {
                "connections": [
                    {
                        "fromId": "ea79be72-f6d1-8a85-d076-5ba4591a7755",
                        "fromProperty": "progress in percentage",
                        "toId": "fa310e4c-eab4-a70b-7d58-a846b58a53f1",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "cd542a5b-a4b0-b7f1-466c-e48a84943942",
                        "fromProperty": "eventReceived",
                        "toId": "8195a939-b30a-9835-639c-7103a904b628",
                        "toProperty": "navigate"
                    }
                ],
                "roots": [
                    {
                        "id": "51823fdb-a214-b907-9167-025f2b8d5faf",
                        "type": "Group",
                        "x": 396,
                        "y": 320,
                        "parameters": {
                            "backgroundColor": "#043372"
                        },
                        "ports": [],
                        "children": [
                            {
                                "id": "5ecd822e-691d-2cae-09de-9f3a596bb333",
                                "type": "Group",
                                "label": "On succesful Upload",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "position": "absolute",
                                    "height": {
                                        "value": 50,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "children": [
                                    {
                                        "id": "c98ba7f5-169b-67e1-c9d8-84f31340a2fe",
                                        "type": "Group",
                                        "label": "Text Section",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "position": "absolute",
                                            "marginBottom": {
                                                "value": 56,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "children": [
                                            {
                                                "id": "97f7120b-8015-ba7d-d2f7-0599fc082ccb",
                                                "type": "Text",
                                                "x": 308,
                                                "y": 615,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Du har nu afsluttet dit ridt. ",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Bold.ttf",
                                                    "fontSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "5066d092-c69f-6198-d6ef-31665a71251b",
                                                "type": "Text",
                                                "x": 308,
                                                "y": 661,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "alignX": "center",
                                                    "text": "Din video er ved at blive uploadet. \nDet går lige et øjeblik.",
                                                    "color": "#FFFFFF",
                                                    "fontFamily": "Roboto/Roboto-Regular.ttf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8e1691ca-5807-24ee-e6c6-fe1390f13ea4",
                                                "type": "Group",
                                                "x": 308,
                                                "y": 707,
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "ccc563dd-33d0-41d6-c652-0f3d783150c7",
                                                "type": "Group",
                                                "label": "Progress Bar",
                                                "x": 20,
                                                "y": 199,
                                                "parameters": {
                                                    "height": {
                                                        "value": 40,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "borderStyle": "solid",
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "borderColor": "#FFFFFF",
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "children": [
                                                    {
                                                        "id": "fa310e4c-eab4-a70b-7d58-a846b58a53f1",
                                                        "type": "Group",
                                                        "label": "filled rect",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "backgroundColor": "#FFFFFF",
                                                            "width": {
                                                                "value": 0,
                                                                "unit": "%"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8195a939-b30a-9835-639c-7103a904b628",
                        "type": "PageStackNavigate",
                        "x": 806.4422582981333,
                        "y": 555.2567151277422,
                        "parameters": {
                            "stack": "Main Stack",
                            "target": "/Screens/Checkout Screen",
                            "transition": "Push",
                            "tr-direction": "Left"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "ea79be72-f6d1-8a85-d076-5ba4591a7755",
                        "type": "Event Receiver",
                        "x": 807,
                        "y": 767,
                        "parameters": {
                            "channelName": "Upload Progress"
                        },
                        "ports": [],
                        "children": []
                    },
                    {
                        "id": "cd542a5b-a4b0-b7f1-466c-e48a84943942",
                        "type": "Event Receiver",
                        "x": 806.1300609312514,
                        "y": 638.4388802545725,
                        "parameters": {
                            "channelName": "Upload Done"
                        },
                        "ports": [],
                        "children": []
                    }
                ]
            }
        }
    ],
    "settings": {},
    "rootNodeId": "eacc74e7-4dce-2baf-354b-8070e2b2b872",
    "version": "1",
    "metadata": {}
}