{
  "custom": {
    "percent": 100
  },
  "params": {
    "tagPath": "[Ignition_SATB1_IO1_default]ER1242/SATB1_ER1242_UPS-1"
  },
  "propConfig": {
    "custom.percent": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "{tagPath}/Battery Charge Percent"
        },
        "type": "tag"
      },
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 180,
      "width": 75
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "20%"
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.tagPath"
              },
              "transforms": [
                {
                  "code": "\ttext \u003d value.split(\u0027_\u0027)\n\treturn text[-1] + \" Battery\"",
                  "type": "script"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "textStyle": {
            "fontSize": 12
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "MovingAnalogIndicator"
        },
        "propConfig": {
          "props.desiredHigh": {
            "binding": {
              "config": {
                "path": "view.custom.percent"
              },
              "type": "property"
            }
          },
          "props.processValue": {
            "binding": {
              "config": {
                "path": "view.custom.percent"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "desiredLow": 25,
          "highAlarm": 100,
          "highHighAlarm": null,
          "highInterlock": null,
          "lowAlarm": 25,
          "lowInterlock": null,
          "lowLowAlarm": null,
          "reverseIndicator": true
        },
        "type": "ia.display.moving-analog-indicator"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "val"
                },
                "position": {
                  "basis": "55%",
                  "grow": 1
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.custom.percent"
                      },
                      "transforms": [
                        {
                          "formatType": "numeric",
                          "formatValue": "number",
                          "type": "format"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--tagvalue-color)",
                    "fontSize": 8,
                    "textAlign": "end"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "eu"
                },
                "position": {
                  "basis": "45%",
                  "grow": 1
                },
                "props": {
                  "text": "%",
                  "textStyle": {
                    "color": "var(--units-color)",
                    "fontSize": 8,
                    "textAlign": "start"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "35%"
            },
            "props": {
              "alignContent": "center",
              "alignItems": "center",
              "justify": "center",
              "style": {
                "gap": "5px",
                "overflow": "visible"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "meta": {
                  "name": "val"
                },
                "position": {
                  "basis": "55%",
                  "grow": 1
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Battery runtime remaining Hours"
                      },
                      "transforms": [
                        {
                          "formatType": "numeric",
                          "formatValue": "0.0",
                          "type": "format"
                        }
                      ],
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--tagvalue-color)",
                    "fontSize": 8,
                    "textAlign": "end"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "eu"
                },
                "position": {
                  "basis": "45%",
                  "grow": 1
                },
                "props": {
                  "text": "Hrs",
                  "textStyle": {
                    "color": "var(--units-color)",
                    "fontSize": 8,
                    "textAlign": "start"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer_0"
            },
            "position": {
              "basis": "35%"
            },
            "props": {
              "alignContent": "center",
              "alignItems": "center",
              "justify": "center",
              "style": {
                "gap": "5px",
                "overflow": "visible"
              }
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "basis": "20%"
        },
        "props": {
          "direction": "column"
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "borderBottomLeftRadius": 5,
        "borderBottomRightRadius": 5,
        "borderTopLeftRadius": 5,
        "borderTopRightRadius": 5,
        "boxShadow": "var(--boxShadow2)",
        "overflow": "visible",
        "paddingBottom": 3,
        "paddingLeft": 3,
        "paddingRight": 3,
        "paddingTop": 3
      }
    },
    "type": "ia.container.flex"
  }
}