{
  "custom": {
    "percent": 80
  },
  "params": {
    "tagPath": "[Ignition_Common_IO_Gtwy]Yard/SATB1_YARD_GEN-HS1"
  },
  "propConfig": {
    "custom.percent": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "{tagPath}/Fuel Percent"
        },
        "enabled": false,
        "type": "tag"
      },
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 150,
      "width": 145
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "MovingAnalogIndicator"
        },
        "position": {
          "basis": "25%"
        },
        "propConfig": {
          "props.desiredHigh": {
            "binding": {
              "config": {
                "path": "view.custom.percent"
              },
              "type": "property"
            }
          },
          "props.processValue": {
            "binding": {
              "config": {
                "path": "view.custom.percent"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "desiredLow": 25,
          "desiredRangeColor": "lightblue",
          "highAlarm": 100,
          "highHighAlarm": null,
          "highInterlock": null,
          "lowAlarm": 25,
          "lowInterlock": null,
          "lowLowAlarm": null,
          "reverseIndicator": true
        },
        "type": "ia.display.moving-analog-indicator"
      },
      {
        "children": [
          {
            "meta": {
              "name": "desc"
            },
            "position": {
              "basis": "15%",
              "grow": 1
            },
            "props": {
              "text": "Fuel",
              "textStyle": {
                "color": "var(--olGray)",
                "fontFamily": "inherit",
                "fontSize": 8,
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          },
          {
            "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}/Run Hours"
                      },
                      "enabled": false,
                      "transforms": [
                        {
                          "formatType": "numeric",
                          "formatValue": "#.0",
                          "type": "format"
                        }
                      ],
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "text": 16,
                  "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": "50%"
            },
            "props": {
              "alignContent": "center",
              "alignItems": "center",
              "justify": "center",
              "style": {
                "gap": "5px",
                "overflow": "visible"
              }
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "basis": "75%"
        },
        "props": {
          "direction": "column"
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "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"
  }
}