{
  "custom": {},
  "params": {
    "body": "",
    "link1": "",
    "link1title": "",
    "link2": "",
    "link2title": "",
    "title": ""
  },
  "propConfig": {
    "params.body": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.link1": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.link1title": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.link2": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.link2title": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.title": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 310,
      "width": 600
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "title"
                    },
                    "position": {
                      "basis": "50px",
                      "grow": 1,
                      "shrink": 0
                    },
                    "propConfig": {
                      "position.display": {
                        "binding": {
                          "config": {
                            "expression": "{this.props.text}"
                          },
                          "transforms": [
                            {
                              "fallback": true,
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": "",
                                  "output": false
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "expr"
                        }
                      },
                      "props.style.color": {
                        "binding": {
                          "config": {
                            "path": "view.params.state"
                          },
                          "enabled": false,
                          "transforms": [
                            {
                              "fallback": "var(--info)",
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": "info",
                                  "output": "var(--info)"
                                },
                                {
                                  "input": "success",
                                  "output": "var(--success)"
                                },
                                {
                                  "input": "error",
                                  "output": "var(--error)"
                                },
                                {
                                  "input": "warning",
                                  "output": "var(--warning)"
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "property"
                        }
                      },
                      "props.text": {
                        "binding": {
                          "config": {
                            "path": "view.params.title"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "style": {
                        "classes": "Alerts/alertTitle",
                        "color": "#FFFFFF"
                      },
                      "textStyle": {
                        "paddingLeft": 5,
                        "paddingRight": 5
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "TopRow"
                },
                "position": {
                  "basis": "40px",
                  "display": false
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Body-TextArea"
                    },
                    "position": {
                      "basis": "160px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "bidirectional": true,
                            "path": "view.params.body"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "style": {
                        "borderStyle": "solid",
                        "fontFamily": "Arial"
                      }
                    },
                    "type": "ia.input.text-area"
                  }
                ],
                "meta": {
                  "name": "BodyRow"
                },
                "position": {
                  "basis": "300px",
                  "grow": 1
                },
                "props": {
                  "style": {
                    "marginBottom": 2.5,
                    "marginLeft": 5,
                    "marginRight": 5,
                    "marginTop": 5
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "URL1TextField"
                    },
                    "position": {
                      "basis": "32px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "path": "view.params.link1"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "style": {
                        "borderStyle": "solid",
                        "marginBottom": 2.5,
                        "marginLeft": 5,
                        "marginRight": 5,
                        "marginTop": 2.5
                      }
                    },
                    "type": "ia.input.text-field"
                  },
                  {
                    "events": {
                      "component": {
                        "onActionPerformed": {
                          "config": {
                            "script": "\tlink \u003d self.view.params.link1\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)\n\t"
                          },
                          "scope": "G",
                          "type": "script"
                        }
                      }
                    },
                    "meta": {
                      "name": "Button"
                    },
                    "position": {
                      "basis": "120px"
                    },
                    "props": {
                      "image": {
                        "icon": {
                          "path": "material/open_in_new"
                        }
                      },
                      "style": {
                        "backgroundColor": "#555555",
                        "classes": "Background-Styles/Controller",
                        "marginBottom": 5,
                        "marginLeft": 5,
                        "marginRight": 10,
                        "marginTop": 5
                      },
                      "text": "Open"
                    },
                    "type": "ia.input.button"
                  }
                ],
                "meta": {
                  "name": "URL1Row"
                },
                "position": {
                  "basis": "40px",
                  "display": false
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "URL2TextField"
                    },
                    "position": {
                      "basis": "32px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "path": "view.params.link2"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "style": {
                        "borderStyle": "solid",
                        "marginBottom": 2.5,
                        "marginLeft": 5,
                        "marginRight": 5,
                        "marginTop": 2.5
                      }
                    },
                    "type": "ia.input.text-field"
                  },
                  {
                    "events": {
                      "component": {
                        "onActionPerformed": {
                          "config": {
                            "script": "\tlink \u003d self.view.params.link2\n\t\n\tsystem.perspective.navigate(url\u003dlink, newTab\u003dTrue)\n\t"
                          },
                          "scope": "G",
                          "type": "script"
                        }
                      }
                    },
                    "meta": {
                      "name": "Button"
                    },
                    "position": {
                      "basis": "120px"
                    },
                    "props": {
                      "image": {
                        "icon": {
                          "path": "material/open_in_new"
                        }
                      },
                      "style": {
                        "backgroundColor": "#555555",
                        "classes": "Background-Styles/Controller",
                        "marginBottom": 5,
                        "marginLeft": 5,
                        "marginRight": 10,
                        "marginTop": 5
                      },
                      "text": "Open"
                    },
                    "type": "ia.input.button"
                  }
                ],
                "meta": {
                  "name": "URL2Row"
                },
                "position": {
                  "basis": "40px",
                  "display": false
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "content"
            },
            "position": {
              "basis": "600px",
              "grow": 1
            },
            "props": {
              "direction": "column",
              "style": {
                "classes": "Utilities/m-r-16"
              }
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "body"
        },
        "position": {
          "basis": "600px",
          "grow": 1
        },
        "props": {
          "alignItems": "flex-start",
          "justify": "center",
          "style": {
            "boxSizing": "content-box",
            "classes": "Utilities/p-16"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "classes": "Background-Styles/Controller"
      }
    },
    "type": "ia.container.flex"
  }
}