{
  "custom": {
    "font_size": ".57vmax"
  },
  "params": {},
  "propConfig": {
    "custom.font_size": {
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 149,
      "width": 423
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "position": {
                  "basis": "160px"
                },
                "propConfig": {
                  "props.textStyle.fontSize": {
                    "binding": {
                      "config": {
                        "path": "view.custom.font_size"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "text": "Color Legend",
                  "textStyle": {
                    "paddingLeft": 5
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer_4"
            },
            "position": {
              "basis": "35px",
              "grow": 1
            },
            "props": {
              "style": {
                "backgroundColor": "#3B3B3B",
                "borderColor": "#CAC3C3",
                "borderStyle": "solid",
                "borderWidth": 1,
                "overflow": "hidden",
                "paddingLeft": 5
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "MHE Stopped"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "MHE is stopped (State2)"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state0"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 10,
                    "marginRight": 5,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "MHE Running"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_0",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "MHE is running (State3)"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state5"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 5,
                    "marginRight": 10,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "45px",
              "grow": 1
            },
            "props": {
              "style": {
                "backgroundColor": "#3B3B3B",
                "borderColor": "#CAC3C3",
                "borderStyle": "solid",
                "borderWidth": 1,
                "overflow": "hidden"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "Healthy"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer"
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state5"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 10,
                    "marginRight": 5,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "Diagnostic"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_0",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "Diagnostic Information"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state4"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 5,
                    "marginRight": 10,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer_0",
              "tooltip": {
                "enabled": true,
                "sustain": 1500,
                "text": "Healthy, no active alarms"
              }
            },
            "position": {
              "basis": "45px",
              "grow": 1
            },
            "props": {
              "style": {
                "backgroundColor": "#3B3B3B",
                "borderColor": "#CAC3C3",
                "borderStyle": "solid",
                "borderWidth": 1,
                "overflow": "hidden"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "Low",
                      "textStyle": {
                        "color": "#000000"
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "Running at reduced capacity"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state3"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 10,
                    "marginRight": 5,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "Medium"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_0",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "Controlled stop"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state2"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 5,
                    "marginRight": 10,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer_1"
            },
            "position": {
              "basis": "45px",
              "grow": 1
            },
            "props": {
              "style": {
                "backgroundColor": "#3B3B3B",
                "borderBottomLeftRadius": 4,
                "borderBottomRightRadius": 4,
                "borderColor": "#CAC3C3",
                "borderStyle": "solid",
                "borderTopLeftRadius": 4,
                "borderTopRightRadius": 4,
                "borderWidth": 1,
                "overflow": "hidden",
                "paddingLeft": 1
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "148px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "text": "High"
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer",
                  "tooltip": {
                    "enabled": true,
                    "sustain": 1500,
                    "text": "Uncontrolled stop"
                  }
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "propConfig": {
                  "props.style.backgroundColor": {
                    "binding": {
                      "config": {
                        "path": "session.custom.colours.state1"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "borderBottomLeftRadius": 4,
                    "borderBottomRightRadius": 4,
                    "borderTopLeftRadius": 4,
                    "borderTopRightRadius": 4,
                    "marginBottom": 0,
                    "marginLeft": 10,
                    "marginRight": 5,
                    "marginTop": 1,
                    "overflow": "hidden",
                    "paddingLeft": 10
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "events": {
                      "component": {
                        "onActionPerformed": {
                          "config": {
                            "draggable": true,
                            "id": "K1uUHAix",
                            "modal": true,
                            "overlayDismiss": true,
                            "resizable": true,
                            "showCloseIcon": true,
                            "title": "Legend",
                            "type": "open",
                            "viewPath": "PopUp-Views/Legend",
                            "viewportBound": false
                          },
                          "scope": "C",
                          "type": "popup"
                        }
                      }
                    },
                    "meta": {
                      "name": "Button"
                    },
                    "position": {
                      "basis": "168px",
                      "grow": 1
                    },
                    "propConfig": {
                      "props.textStyle.fontSize": {
                        "binding": {
                          "config": {
                            "path": "view.custom.font_size"
                          },
                          "type": "property"
                        }
                      }
                    },
                    "props": {
                      "image": {
                        "icon": {
                          "path": "material/legend_toggle"
                        },
                        "style": {
                          "backgroundColor": "#555555"
                        }
                      },
                      "justify": "start",
                      "style": {
                        "backgroundColor": "#555555",
                        "paddingLeft": 8
                      },
                      "text": "DETAILS"
                    },
                    "type": "ia.input.button"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_0"
                },
                "position": {
                  "basis": "200px",
                  "grow": 1
                },
                "props": {
                  "style": {
                    "backgroundColor": "#555555",
                    "marginBottom": 0,
                    "marginLeft": 5,
                    "marginRight": 10,
                    "marginTop": 1
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer_2"
            },
            "position": {
              "basis": "45px",
              "grow": 1
            },
            "props": {
              "style": {
                "backgroundColor": "#3B3B3B",
                "borderColor": "#CAC3C3",
                "borderStyle": "solid",
                "borderWidth": 1,
                "overflow": "hidden"
              }
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "FlexContainer_6"
        },
        "position": {
          "basis": "800px",
          "grow": 1
        },
        "props": {
          "direction": "column"
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "classes": "Background-Styles/Controller"
      }
    },
    "type": "ia.container.flex"
  }
}