{
  "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,
    "dynamicBindingPathList": [],
    "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",
        "dynamicBindingPathList": [],
        "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": "",
                "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",
                "dynamicBindingPathList": [],
                "parentId": "iw4o07jvik",
                "isLoading": false,
                "parentColumnSpace": 34.6875,
                "leftColumn": 6,
                "dynamicTriggerPathList": [
                  {
                    "key": "onTextChange"
                  }
                ],
                "inputType": "",
                "placeholderText": "",
                "defaultText": ""
              },
              {
                "widgetName": "TestTextBox",
                "rightColumn": 5,
                "widgetId": "4d8d2eh4xg",
                "dynamicPropertyPathList": [],
                "topRow": 2,
                "bottomRow": 3,
                "parentRowSpace": 38,
                "isVisible": true,
                "type": "TEXT_WIDGET",
                "dynamicBindingPathList": [],
                "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",
                "dynamicBindingPathList": [],
                "parentId": "hjiybwqair",
                "isLoading": false,
                "parentColumnSpace": 34.6875,
                "leftColumn": 10,
                "dynamicTriggerPathList": [{
                  "key": "onClick"
                }],
                "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",
        "dynamicBindingPathList": [],
        "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",
                "dynamicBindingPathList": [
                  {
                    "key": "tableData"
                  }
                ],
                "isLoading": false,
                "parentColumnSpace": 71.75,
                "leftColumn": 1,
                "dynamicTriggerPathList": [{
                  "key": "onRowSelected"
                }],
                "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",
        "dynamicBindingPathList": [],
        "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,
        "dynamicBindingPathList": [],
        "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": []
      }
    ]
  ]
}
