{
  "custom": {
    "AlarmSeverity": 0
  },
  "params": {
    "key": "value",
    "tagPath": "[Ignition_Common_IO_Gtwy]MPR1140/CHWP_PID"
  },
  "propConfig": {
    "custom.AlarmSeverity": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "{tagPath}/AlarmSummary/ActiveAlarms"
        },
        "enabled": false,
        "transforms": [
          {
            "code": "\treturn alarm.summary.calcMaxPriority(self.view.params.tagPath)",
            "type": "script"
          }
        ],
        "type": "tag"
      },
      "persistent": true
    },
    "params.key": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 100,
      "width": 100
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "meta": {
              "name": "SimpleGauge"
            },
            "position": {
              "basis": "200px",
              "grow": 1,
              "shrink": 0
            },
            "propConfig": {
              "props.value": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "direct",
                    "tagPath": "[default]simulator/CHW_System/Temp"
                  },
                  "type": "tag"
                }
              }
            },
            "props": {
              "arc": {
                "width": 25
              },
              "label": {
                "offsetX": 10,
                "offsetY": 22,
                "size": 12,
                "visible": false
              }
            },
            "type": "ia.chart.simple-gauge"
          }
        ],
        "meta": {
          "name": "Gauge Container"
        },
        "position": {
          "basis": "85%",
          "shrink": 0
        },
        "propConfig": {
          "props.style.outlineColor": {
            "binding": {
              "config": {
                "path": "view.custom.AlarmSeverity"
              },
              "transforms": [
                {
                  "fallback": "white",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": "var(--coolpurple)"
                    },
                    {
                      "input": 2,
                      "output": "var(--goldenyellow)"
                    },
                    {
                      "input": 3,
                      "output": "var(--sunsetorange)"
                    },
                    {
                      "input": 4,
                      "output": "var(--alarmred)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "props.style.outlineStyle": {
            "binding": {
              "config": {
                "expression": "if({view.custom.AlarmSeverity} \u003e0, \"solid\", \"none\")"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "justify": "center",
          "style": {
            "outlineWidth": "2",
            "overflow": "visible",
            "paddingBottom": "-10px"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Value"
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "direct",
                    "tagPath": "[default]simulator/CHW_System/Temp"
                  },
                  "type": "tag"
                }
              }
            },
            "props": {
              "textStyle": {
                "color": "--tagvalue-color",
                "fontFamily": "inherit",
                "fontSize": 12,
                "textAlign": "end"
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "EU"
            },
            "props": {
              "text": "%",
              "textStyle": {
                "color": "--units-color",
                "fontFamily": "inherit",
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "ValueContainer"
        },
        "position": {
          "basis": "20%",
          "shrink": 0
        },
        "props": {
          "alignItems": "center",
          "justify": "center",
          "style": {
            "gap": "5px",
            "marginLeft": "10px",
            "marginTop": "-45px",
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Title"
            },
            "props": {
              "text": "CHWP PID",
              "textStyle": {
                "color": "--units-color",
                "fontFamily": "inherit",
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "Title Container"
        },
        "position": {
          "basis": "20%",
          "shrink": 0
        },
        "props": {
          "alignContent": "center",
          "alignItems": "center",
          "justify": "center",
          "style": {
            "gap": "5px",
            "marginLeft": "10px",
            "marginTop": "-20px",
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "overflow": "visible"
      }
    },
    "type": "ia.container.flex"
  }
}