{
  "custom": {
    "key": "value"
  },
  "params": {
    "Tag": "STU",
    "faulted": 8,
    "running": 3,
    "standby": 25
  },
  "propConfig": {
    "custom.key": {
      "persistent": true
    },
    "params.Tag": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.faulted": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.running": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.standby": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 119,
      "width": 110
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Group"
        },
        "position": {
          "height": 0.4286,
          "width": 0.2,
          "x": 0.4,
          "y": 0.2353
        },
        "propConfig": {
          "position.height": {
            "binding": {
              "config": {
                "path": "../PieChart.position.height"
              },
              "enabled": false,
              "type": "property"
            }
          },
          "position.width": {
            "binding": {
              "config": {
                "path": "../PieChart.position.width"
              },
              "enabled": false,
              "type": "property"
            }
          },
          "position.x": {
            "binding": {
              "config": {
                "path": "../PieChart.position.x"
              },
              "enabled": false,
              "type": "property"
            }
          },
          "position.y": {
            "binding": {
              "config": {
                "path": "../PieChart.position.y"
              },
              "enabled": false,
              "type": "property"
            }
          },
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.Tag"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "textStyle": {
            "fontSize": 12,
            "textAlign": "center",
            "whiteSpace": "normal"
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "PieChart"
        },
        "position": {
          "height": 0.8908,
          "width": 1
        },
        "propConfig": {
          "props.data[0].count": {
            "binding": {
              "config": {
                "path": "view.params.running"
              },
              "type": "property"
            }
          },
          "props.data[1].count": {
            "binding": {
              "config": {
                "path": "view.params.standby"
              },
              "type": "property"
            }
          },
          "props.data[2].count": {
            "binding": {
              "config": {
                "path": "view.params.faulted"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "colors": [
            "#E3F2FD",
            "#B1B3B2",
            "#E22028"
          ],
          "cutoutRadius": 50,
          "data": [
            {
              "category": "Running"
            },
            {
              "category": "Standby"
            },
            {
              "category": "Faulted"
            }
          ],
          "labels": {
            "showName": false,
            "showValue": false,
            "wrap": {
              "maxWidth": 500
            }
          },
          "legend": {
            "fontSize": 12
          },
          "sectionOutline": {
            "color": "var(--gray)",
            "opacity": 0.5,
            "width": 1
          },
          "showLabels": false,
          "showLegend": false,
          "style": {
            "outlineColor": "#FF0012",
            "outlineStyle": "none",
            "outlineWidth": 2,
            "overflow": "visible",
            "paddingBottom": -5,
            "paddingLeft": -5,
            "paddingRight": -5,
            "paddingTop": -5
          },
          "tooltipFormat": "{category} : {value.formatNumber(\u0027#\u0027)}",
          "valueFormat": {
            "showValueAsPercent": false
          }
        },
        "type": "ia.chart.pie"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Fault_lbl",
              "tooltip": {
                "enabled": true,
                "text": "Faulted"
              }
            },
            "position": {
              "basis": "15px",
              "grow": 1
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "path": "this.props.text"
                  },
                  "transforms": [
                    {
                      "code": "\tresponse \u003d False\n\tif(value\u003e0):\n\t\tresponse\u003dTrue\n\treturn response",
                      "type": "script"
                    }
                  ],
                  "type": "property"
                }
              },
              "props.text": {
                "binding": {
                  "config": {
                    "path": "view.params.faulted"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "backgroundColor": "var(--state-faulted)",
                "borderBottomLeftRadius": "var(--borderRadius)",
                "borderBottomRightRadius": "var(--borderRadius)",
                "borderColor": "#00000050",
                "borderStyle": "solid",
                "borderTopLeftRadius": "var(--borderRadius)",
                "borderTopRightRadius": "var(--borderRadius)",
                "borderWidth": 1,
                "fontSize": 12
              },
              "textStyle": {
                "color": "White",
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "Standby_lbl",
              "tooltip": {
                "enabled": true,
                "text": "Standby"
              }
            },
            "position": {
              "basis": "15px",
              "grow": 1
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "path": "this.props.text"
                  },
                  "transforms": [
                    {
                      "code": "\tresponse \u003d False\n\tif(value\u003e0):\n\t\tresponse\u003dTrue\n\treturn response",
                      "type": "script"
                    }
                  ],
                  "type": "property"
                }
              },
              "props.text": {
                "binding": {
                  "config": {
                    "path": "view.params.standby"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "backgroundColor": "var(--state-standby)",
                "borderBottomLeftRadius": "var(--borderRadius)",
                "borderBottomRightRadius": "var(--borderRadius)",
                "borderColor": "#00000050",
                "borderStyle": "solid",
                "borderTopLeftRadius": "var(--borderRadius)",
                "borderTopRightRadius": "var(--borderRadius)",
                "borderWidth": 1,
                "fontSize": 12
              },
              "textStyle": {
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "Running_lbl",
              "tooltip": {
                "enabled": true,
                "text": "Running"
              }
            },
            "position": {
              "basis": "15px",
              "grow": 1
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "path": "this.props.text"
                  },
                  "transforms": [
                    {
                      "code": "\tresponse \u003d False\n\tif(value\u003e0):\n\t\tresponse\u003dTrue\n\treturn response",
                      "type": "script"
                    }
                  ],
                  "type": "property"
                }
              },
              "props.text": {
                "binding": {
                  "config": {
                    "path": "view.params.running"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "backgroundColor": "var(--state-running)",
                "borderBottomLeftRadius": "var(--borderRadius)",
                "borderBottomRightRadius": "var(--borderRadius)",
                "borderColor": "#00000050",
                "borderStyle": "solid",
                "borderTopLeftRadius": "var(--borderRadius)",
                "borderTopRightRadius": "var(--borderRadius)",
                "borderWidth": 1,
                "fontSize": 12
              },
              "textStyle": {
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "custom": {
          "values": {
            "running": 18
          }
        },
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "height": 0.2,
          "width": 1,
          "x": 0.0091,
          "y": 0.8039
        },
        "props": {
          "alignContent": "center",
          "alignItems": "center",
          "justify": "center",
          "style": {
            "gap": 5,
            "paddingLeft": 15,
            "paddingRight": 15
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "mode": "percent",
      "style": {
        "overflow": "visible"
      }
    },
    "type": "ia.container.coord"
  }
}