{ "dsl": {    "widgetName": "MainContainer",    "backgroundColor": "none",    "rightColumn": 1224,    "snapColumns": 16,    "detachFromLayout": true,    "widgetId": "0",    "topRow": 0,    "bottomRow": 1292,    "containerStyle": "none",    "snapRows": 33,    "parentRowSpace": 1,    "type": "CANVAS_WIDGET",    "canExtend": true,    "dynamicBindings": {},    "version": 3,    "minHeight": 1292,    "parentColumnSpace": 1,    "leftColumn": 0,    "children": [        {            "backgroundColor": "#C0C0C0",            "widgetName": "Aditya",            "rightColumn": 8,            "orientation": "VERTICAL",            "snapColumns": 16,            "widgetId": "gmm48aishv",            "containerStyle": "card",            "topRow": 0,            "bottomRow": 9,            "parentRowSpace": 38,            "isVisible": true,            "type": "CONTAINER_WIDGET",            "dynamicBindings": {},            "isLoading": false,            "shouldScrollContents": true,            "parentColumnSpace": 75.25,            "leftColumn": 0,            "children": [                {                    "backgroundColor": "#FFFFFF",                    "widgetName": "jmwwbtgjry",                    "rightColumn": 602,                    "orientation": "VERTICAL",                    "snapColumns": 16,                    "detachFromLayout": true,                    "widgetId": "hjiybwqair",                    "containerStyle": "none",                    "topRow": 0,                    "bottomRow": 342,                    "parentRowSpace": 1,                    "isVisible": true,                    "type": "CANVAS_WIDGET",                    "canExtend": false,                    "isLoading": false,                    "parentColumnSpace": 1,                    "leftColumn": 0,                    "children": [                        {                            "onTextChanged": "{{showAlert('Ahello')}}",                            "widgetName": "input",                            "rightColumn": 11,                            "widgetId": "oudih5fvwa",                            "topRow": 6,                            "bottomRow": 7,                            "isValid": "{{input.isRequired ? input.text && descriptionInput.text.length > 0 ? input.regex ? new RegExp(input.regex).test(input.text) : true : input.regex ? new RegExp(input.regex).test(input.text) : true}}",                            "parentRowSpace": 38,                            "isVisible": true,                            "label": "Test Input Label",                            "type": "INPUT_WIDGET",                            "dynamicBindings": {                                "isValid": true                            },                            "parentId": "iw4o07jvik",                            "isLoading": false,                            "parentColumnSpace": 34.6875,                            "leftColumn": 6,                            "dynamicTriggers": {                                "onTextChanged": true                            },                            "inputType": "NUMBER",                            "placeholderText": "aditya",                            "defaultText": ""                        },                        {                            "widgetName": "TestTextBox",                            "rightColumn": 5,                            "widgetId": "4d8d2eh4xg",                            "dynamicProperties": {},                            "topRow": 2,                            "bottomRow": 3,                            "parentRowSpace": 38,                            "isVisible": true,                            "type": "TEXT_WIDGET",                            "dynamicBindings": {},                            "shouldScroll": true,                            "parentId": "hjiybwqair",                            "isLoading": false,                            "parentColumnSpace": 34.6875,                            "leftColumn": 1,                            "text": "Test text",                            "textStyle": "HEADING"                        },                        {                            "widgetName": "Submitbutton",                            "rightColumn": 12,                            "onClick": "{{showModal()}}",                            "isDefaultClickDisabled": true,                            "widgetId": "3p92qmlzfl",                            "buttonStyle": "PRIMARY_BUTTON",                            "topRow": 1,                            "bottomRow": 2,                            "parentRowSpace": 38,                            "isVisible": true,                            "type": "BUTTON_WIDGET",                            "dynamicBindings": {},                            "parentId": "hjiybwqair",                            "isLoading": false,                            "parentColumnSpace": 34.6875,                            "leftColumn": 10,                            "dynamicTriggers": {                                "onClick": true                            },                            "text": "Test Button Text",                            "isDisabled": false                        }                    ]                }            ],            "text": "n TexttuTest Button Text"        },        {            "backgroundColor": "#FFFFFF",            "widgetName": "Container3",            "rightColumn": 16,            "orientation": "VERTICAL",            "snapColumns": 16,            "widgetId": "28hfrtdb1a",            "containerStyle": "card",            "topRow": 9,            "bottomRow": 23,            "parentRowSpace": 38,            "isVisible": true,            "type": "CONTAINER_WIDGET",            "dynamicBindings": {},            "isLoading": false,            "parentColumnSpace": 75.25,            "leftColumn": 0,            "children": [                {                    "backgroundColor": "#FFFFFF",                    "widgetName": "lvl7ajf1rn",                    "rightColumn": 1204,                    "orientation": "VERTICAL",                    "snapColumns": 16,                    "detachFromLayout": true,                    "widgetId": "ac4kpozgg3",                    "containerStyle": "none",                    "topRow": 0,                    "bottomRow": 532,                    "parentRowSpace": 1,                    "isVisible": true,                    "type": "CANVAS_WIDGET",                    "canExtend": false,                    "isLoading": false,                    "parentColumnSpace": 1,                    "leftColumn": 0,                    "children": [                        {                            "widgetName": "Table1",                            "rightColumn": 11,                            "widgetId": "yum9t90tb2",                            "topRow": 1,                            "bottomRow": 8,                            "parentRowSpace": 38,                            "tableData": "{{UsersApi.data}}",                            "isVisible": true,                            "label": "Data",                            "type": "TABLE_WIDGET",                            "dynamicBindings": {                                "tableData": true,                                "selectedRow": true                            },                            "isLoading": false,                            "parentColumnSpace": 71.75,                            "leftColumn": 1,                            "dynamicTriggers": {                                "onRowSelected": true                            },                            "onRowSelected": "{{navigateTo()}}",                            "selectedRow": "{{Table1.tableData[Table1.selectedRowIndex]}}"                        }                    ]                }            ]        },        {            "backgroundColor": "#FFFFFF",            "widgetName": "Container4",            "rightColumn": 16,            "orientation": "VERTICAL",            "snapColumns": 16,            "widgetId": "ii6dnhfrba",            "containerStyle": "card",            "topRow": 0,            "bottomRow": 9,            "parentRowSpace": 38,            "isVisible": true,            "type": "CONTAINER_WIDGET",            "dynamicBindings": {},            "isLoading": false,            "parentColumnSpace": 75.25,            "leftColumn": 8,            "children": [                {                    "backgroundColor": "#FFFFFF",                    "widgetName": "rnz3m8xrzc",                    "rightColumn": 602,                    "orientation": "VERTICAL",                    "snapColumns": 16,                    "detachFromLayout": true,                    "widgetId": "iw4o07jvik",                    "containerStyle": "none",                    "topRow": 0,                    "bottomRow": 342,                    "parentRowSpace": 1,                    "isVisible": true,                    "type": "CANVAS_WIDGET",                    "canExtend": false,                    "isLoading": false,                    "parentColumnSpace": 1,                    "leftColumn": 0,                    "children": []                }            ]        },        {            "widgetName": "TestModal",            "rightColumn": 0,            "detachFromLayout": true,            "widgetId": "s8mtp5krfz",            "topRow": 0,            "bottomRow": 0,            "parentRowSpace": 1,            "isVisible": false,            "canOutsideClickClose": true,            "type": "MODAL_WIDGET",            "canEscapeKeyClose": true,            "dynamicBindings": {},            "parentId": "0",            "shouldScrollContents": true,            "blueprint": {                "view": [                    {                        "position": {                            "top": 0,                            "left": 0                        },                        "type": "CANVAS_WIDGET",                        "props": {                            "shouldScrollContents": false,                            "blueprint": {                                "view": [                                    {                                        "size": {                                            "rows": 1,                                            "cols": 1                                        },                                        "position": {                                            "top": 0,                                            "left": 15                                        },                                        "type": "ICON_WIDGET",                                        "props": {                                            "color": "#040627",                                            "iconName": "cross",                                            "iconSize": 24                                        }                                    },                                    {                                        "size": {                                            "rows": 1,                                            "cols": 15                                        },                                        "position": {                                            "top": 0,                                            "left": 0                                        },                                        "type": "TEXT_WIDGET",                                        "props": {                                            "text": "Modal Title",                                            "textStyle": "HEADING"                                        }                                    },                                    {                                        "size": {                                            "rows": 1,                                            "cols": 3                                        },                                        "position": {                                            "top": 4,                                            "left": 10                                        },                                        "type": "BUTTON_WIDGET",                                        "props": {                                            "buttonStyle": "SECONDARY_BUTTON",                                            "text": "Cancel"                                        }                                    },                                    {                                        "size": {                                            "rows": 1,                                            "cols": 3                                        },                                        "position": {                                            "top": 4,                                            "left": 13                                        },                                        "type": "BUTTON_WIDGET",                                        "props": {                                            "buttonStyle": "PRIMARY_BUTTON",                                            "text": "Confirm"                                        }                                    }                                ],                                "operations": [                                    {                                        "type": "MODIFY_PROPS"                                    }                                ]                            },                            "detachFromLayout": true,                            "children": [],                            "isVisible": true,                            "isDisabled": false,                            "canExtend": true                        }                    }                ]            },            "isLoading": false,            "parentColumnSpace": 1,            "size": "MODAL_SMALL",            "leftColumn": 0,            "children": [                {                    "widgetName": "Canvas1",                    "rightColumn": 0,                    "detachFromLayout": true,                    "widgetId": "dma7flgdrm",                    "topRow": 0,                    "bottomRow": 0,                    "parentRowSpace": 1,                    "isVisible": true,                    "canExtend": true,                    "type": "CANVAS_WIDGET",                    "parentId": "s8mtp5krfz",                    "shouldScrollContents": false,                    "blueprint": {                        "view": [                            {                                "size": {                                    "rows": 1,                                    "cols": 1                                },                                "position": {                                    "top": 0,                                    "left": 15                                },                                "type": "ICON_WIDGET",                                "props": {                                    "color": "#040627",                                    "iconName": "cross",                                    "iconSize": 24                                }                            },                            {                                "size": {                                    "rows": 1,                                    "cols": 15                                },                                "position": {                                    "top": 0,                                    "left": 0                                },                                "type": "TEXT_WIDGET",                                "props": {                                    "text": "Modal Title",                                    "textStyle": "HEADING"                                }                            },                            {                                "size": {                                    "rows": 1,                                    "cols": 3                                },                                "position": {                                    "top": 4,                                    "left": 10                                },                                "type": "BUTTON_WIDGET",                                "props": {                                    "buttonStyle": "SECONDARY_BUTTON",                                    "text": "Cancel"                                }                            },                            {                                "size": {                                    "rows": 1,                                    "cols": 3                                },                                "position": {                                    "top": 4,                                    "left": 13                                },                                "type": "BUTTON_WIDGET",                                "props": {                                    "buttonStyle": "PRIMARY_BUTTON",                                    "text": "Confirm"                                }                            }                        ],                        "operations": [                            {                                "type": "MODIFY_PROPS"                            }                        ]                    },                    "minHeight": 0,                    "isLoading": false,                    "parentColumnSpace": 1,                    "leftColumn": 0,                    "children": [                        {                            "widgetName": "Icon1",                            "rightColumn": 16,                            "onClick": "{{closeModal('TestModal')}}",                            "color": "#040627",                            "iconName": "cross",                            "widgetId": "n5fc0ven2a",                            "topRow": 0,                            "bottomRow": 1,                            "isVisible": true,                            "type": "ICON_WIDGET",                            "parentId": "dma7flgdrm",                            "isLoading": false,                            "leftColumn": 15,                            "iconSize": 24                        },                        {                            "isLoading": false,                            "widgetName": "Text1",                            "rightColumn": 15,                            "leftColumn": 0,                            "widgetId": "s818l5hhvq",                            "topRow": 0,                            "bottomRow": 1,                            "isVisible": true,                            "text": "Modal Title",                            "textStyle": "HEADING",                            "type": "TEXT_WIDGET",                            "parentId": "dma7flgdrm"                        },                        {                            "widgetName": "Button1",                            "rightColumn": 13,                            "isDefaultClickDisabled": true,                            "widgetId": "io777lh7bc",                            "buttonStyle": "SECONDARY_BUTTON",                            "topRow": 4,                            "bottomRow": 5,                            "isVisible": true,                            "type": "BUTTON_WIDGET",                            "parentId": "dma7flgdrm",                            "isLoading": false,                            "leftColumn": 10,                            "text": "Cancel",                            "isDisabled": false                        },                        {                            "widgetName": "Button2",                            "rightColumn": 16,                            "isDefaultClickDisabled": true,                            "widgetId": "gexp49bfyb",                            "buttonStyle": "PRIMARY_BUTTON",                            "topRow": 4,                            "bottomRow": 5,                            "isVisible": true,                            "type": "BUTTON_WIDGET",                            "parentId": "dma7flgdrm",                            "isLoading": false,                            "leftColumn": 13,                            "text": "Confirm",                            "isDisabled": false                        }                    ],                    "isDisabled": false                }            ]        }    ] }, "layoutOnLoadActions": [    [        {            "id": "5e906ba76e910873a331b648",            "name": "UsersApi",            "pluginType": "API",            "jsonPathKeys": []        }    ] ] }