{
  "custom": {
    "AlarmSeverity": 0
  },
  "params": {
    "embedded": true,
    "format": "##.##",
    "objectName": "PID_Loop",
    "tagPath": "[Ignition_Common_IO_Gtwy]MPR1140/CHWST_AvgObj",
    "title": "value"
  },
  "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.embedded": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.format": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.objectName": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.title": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 100,
      "width": 200
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "position": {
                  "basis": "32px"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.title"
                      },
                      "type": "property"
                    }
                  }
                },
                "type": "ia.display.label"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "position": {
                      "basis": "50px"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/Control/OCmd_Select"
                          },
                          "enabled": false,
                          "transforms": [
                            {
                              "fallback": "Out",
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": 0,
                                  "output": "Avg"
                                },
                                {
                                  "input": 1,
                                  "output": "Max"
                                },
                                {
                                  "input": 2,
                                  "output": "Min"
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "Avg",
                      "textStyle": {
                        "textAlign": "center"
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "NumericEntryField"
                    },
                    "propConfig": {
                      "props.format": {
                        "binding": {
                          "config": {
                            "path": "view.params.format"
                          },
                          "type": "property"
                        }
                      },
                      "props.value": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/Value OUT"
                          },
                          "enabled": false,
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "align": "left",
                      "style": {
                        "backgroundColor": "transparent",
                        "borderStyle": "none",
                        "color": "var(--tagvalue-color)"
                      },
                      "value": 53.365
                    },
                    "type": "ia.input.numeric-entry-field"
                  }
                ],
                "meta": {
                  "name": "FlexContainer"
                },
                "position": {
                  "basis": "48px"
                },
                "props": {
                  "style": {
                    "gap": "5px"
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "200px"
            },
            "props": {
              "direction": "column",
              "style": {
                "overflow": "hidden"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "meta": {
              "name": "EmbeddedView"
            },
            "position": {
              "basis": "0.1px"
            },
            "propConfig": {
              "props.params.AlarmSeverity": {
                "binding": {
                  "config": {
                    "path": "view.custom.AlarmSeverity"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "loading": {
                "order": "with-parent"
              },
              "path": "Library/Alarms/Icons",
              "style": {
                "marginLeft": -25,
                "marginTop": -20,
                "overflow": "visible",
                "z-index": 0
              },
              "useDefaultViewHeight": true,
              "useDefaultViewWidth": true
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "FlexContainer_0"
        },
        "position": {
          "basis": "200px"
        },
        "props": {
          "style": {
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "events": {
      "dom": {
        "onClick": {
          "config": {
            "script": "\ttagPath \u003d self.view.params.tagPath\n\tobjectName \u003d self.view.params.objectName\n\tif(self.view.params.embedded \u003d\u003d True):\n\t\tpageId \u003d self.page.props.pageId\n\t\tsystem.perspective.print(\u0027pageId: {}\u0027.format(pageId))\n\t\tutils.nav.openEQPopup(objectName, tagPath)\n\telse:\n\t\tpayload\u003d{\n\t\t\t\u0027objectName\u0027: objectName,\n\t\t\t\u0027tagPath\u0027: tagPath,\n\t\t\t\u0027modal\u0027: False,\n\t\t\t\u0027resizable\u0027: True,\n\t\t\t\u0027draggable\u0027: True,\n\t\t\t\u0027position\u0027: {\n\t#\t\t\t\u0027left\u0027:\u00270\u0027,\n\t#\t\t\t\u0027top\u0027:\u00270\u0027,\n\t\t\t\u0027width\u0027: \u00271000px\u0027,\n\t\t\t\u0027height\u0027: \u0027800px\u0027\n\t\t\t}\n\t\t}\n\t\tutils.nav.eqPopupMsg(self, payload)"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "props.style.outlineColor": {
        "binding": {
          "config": {
            "path": "view.custom.AlarmSeverity"
          },
          "transforms": [
            {
              "fallback": "none",
              "inputType": "scalar",
              "mappings": [
                {
                  "input": -1,
                  "output": "white"
                },
                {
                  "input": 0,
                  "output": "white"
                },
                {
                  "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": {
            "path": "view.custom.AlarmSeverity"
          },
          "transforms": [
            {
              "fallback": "None",
              "inputType": "scalar",
              "mappings": [
                {
                  "input": -1,
                  "output": "None"
                },
                {
                  "input": 0,
                  "output": "None"
                },
                {
                  "input": 1,
                  "output": "Solid"
                },
                {
                  "input": 2,
                  "output": "Solid"
                },
                {
                  "input": 3,
                  "output": "Solid"
                },
                {
                  "input": 4,
                  "output": "Solid"
                }
              ],
              "outputType": "scalar",
              "type": "map"
            }
          ],
          "type": "property"
        }
      }
    },
    "props": {
      "direction": "column",
      "style": {
        "backgroundColor": "--containerNested",
        "borderBottomLeftRadius": 4,
        "borderBottomRightRadius": 4,
        "borderTopLeftRadius": 4,
        "borderTopRightRadius": 4,
        "boxShadow": "var(--boxShadow2)",
        "classes": "containers/HoverOver",
        "gap": "5px",
        "overflow": "visible",
        "padding": "5px"
      }
    },
    "type": "ia.container.flex"
  }
}