{
  "custom": {
    "Temp": [
      null,
      null,
      null
    ],
    "gradient": [
      null,
      null,
      null
    ],
    "inMax": 5,
    "inMin": -5,
    "paths": [
      null,
      null,
      null
    ]
  },
  "params": {
    "Aisle": "H11",
    "SP": 65,
    "tagPath": "[Ignition_Common_IO_Gtwy]DH1/SATB1_DH1_PNL24_"
  },
  "propConfig": {
    "custom.Temp": {
      "persistent": true
    },
    "custom.Temp[0]": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "0": "{view.custom.paths[0]}"
          },
          "tagPath": "{0}/Val"
        },
        "type": "tag"
      }
    },
    "custom.Temp[1]": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "1": "{view.custom.paths[1]}"
          },
          "tagPath": "{1}/Val"
        },
        "type": "tag"
      }
    },
    "custom.Temp[2]": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "2": "{view.custom.paths[2]}"
          },
          "tagPath": "{2}/Val"
        },
        "type": "tag"
      }
    },
    "custom.gradient": {
      "persistent": true
    },
    "custom.gradient[0]": {
      "binding": {
        "config": {
          "expression": "{view.custom.Temp[0]}-{view.params.SP}\r\n"
        },
        "transforms": [
          {
            "code": "\tif value\u003eself.custom.inMax: value \u003d 5\n\tif value\u003cself.custom.inMin: value \u003d -5\n\tnormalized \u003d (float(value) - self.custom.inMin)/(self.custom.inMax - self.custom.inMin)\n\treturn normalized",
            "type": "script"
          }
        ],
        "type": "expr"
      }
    },
    "custom.gradient[1]": {
      "binding": {
        "config": {
          "expression": "{view.custom.Temp[1]}-{view.params.SP}\r\n"
        },
        "transforms": [
          {
            "code": "\tif value\u003eself.custom.inMax: value \u003d 10\n\tif value\u003cself.custom.inMin: value \u003d -10\n\tnormalized \u003d (float(value) - self.custom.inMin)/(self.custom.inMax - self.custom.inMin)\n\treturn normalized",
            "type": "script"
          }
        ],
        "type": "expr"
      }
    },
    "custom.gradient[2]": {
      "binding": {
        "config": {
          "expression": "{view.custom.Temp[2]}-{view.params.SP}\r\n"
        },
        "transforms": [
          {
            "code": "\tif value\u003eself.custom.inMax: value \u003d 10\n\tif value\u003cself.custom.inMin: value \u003d -10\n\tnormalized \u003d (float(value) - self.custom.inMin)/(self.custom.inMax - self.custom.inMin)\n\treturn normalized",
            "type": "script"
          }
        ],
        "type": "expr"
      }
    },
    "custom.inMax": {
      "persistent": true
    },
    "custom.inMin": {
      "persistent": true
    },
    "custom.paths": {
      "persistent": true
    },
    "custom.paths[0]": {
      "binding": {
        "config": {
          "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT01\")"
        },
        "type": "expr"
      }
    },
    "custom.paths[1]": {
      "binding": {
        "config": {
          "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT02\")"
        },
        "type": "expr"
      }
    },
    "custom.paths[2]": {
      "binding": {
        "config": {
          "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT03\")"
        },
        "type": "expr"
      }
    },
    "params.Aisle": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.SP": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 350,
      "width": 50
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "script": "\tpageId \u003d self.page.props.pageId\n\tsystem.perspective.print(\u0027pageId: {}\u0027.format(pageId))\n\t\n\ttagPath \u003d self.view.params.tagPath\n\tobjectName \u003d self.view.params.objectName\n\tutils.nav.openEQPopup(objectName, tagPath)"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "uppterTT"
            },
            "position": {
              "basis": "20px"
            },
            "propConfig": {
              "props.params.EU": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "0": "{view.custom.paths[0]}"
                    },
                    "tagPath": "{0}/Config/Celcius To Farenheit"
                  },
                  "transforms": [
                    {
                      "fallback": "EU",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": false,
                          "output": "°C"
                        },
                        {
                          "input": true,
                          "output": "°F"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "tag"
                }
              },
              "props.params.tagPath": {
                "binding": {
                  "config": {
                    "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT01\")"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "params": {
                "objectName": "AnalogInRS485"
              },
              "path": "Library/Symbols/Sys_DH_Xmtr",
              "style": {
                "classes": "containers/HoverOver",
                "overflow": "visible"
              }
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "upperTransmitters"
        },
        "position": {
          "basis": "20%"
        },
        "props": {
          "direction": "column",
          "justify": "center",
          "style": {
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "script": "\tpageId \u003d self.page.props.pageId\n\tsystem.perspective.print(\u0027pageId: {}\u0027.format(pageId))\n\t\n\ttagPath \u003d self.view.params.tagPath\n\tobjectName \u003d self.view.params.objectName\n\tutils.nav.openEQPopup(objectName, tagPath)"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "midTT"
            },
            "position": {
              "basis": "20px"
            },
            "propConfig": {
              "props.params.EU": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "0": "{view.custom.paths[1]}"
                    },
                    "tagPath": "{0}/Config/Celcius To Farenheit"
                  },
                  "transforms": [
                    {
                      "fallback": "EU",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": false,
                          "output": "°C"
                        },
                        {
                          "input": true,
                          "output": "°F"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "tag"
                }
              },
              "props.params.tagPath": {
                "binding": {
                  "config": {
                    "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT02\")"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "path": "Library/Symbols/Sys_DH_Xmtr",
              "style": {
                "classes": "containers/HoverOver",
                "overflow": "visible"
              }
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "midTransmitters"
        },
        "position": {
          "basis": "60%"
        },
        "props": {
          "alignContent": "space-between",
          "direction": "column",
          "justify": "center",
          "style": {
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "script": "\tpageId \u003d self.page.props.pageId\n\tsystem.perspective.print(\u0027pageId: {}\u0027.format(pageId))\n\t\n\ttagPath \u003d self.view.params.tagPath\n\tobjectName \u003d self.view.params.objectName\n\tutils.nav.openEQPopup(objectName, tagPath)"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "lowerTT"
            },
            "position": {
              "basis": "20px"
            },
            "propConfig": {
              "props.params.EU": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "0": "{view.custom.paths[2]}"
                    },
                    "tagPath": "{0}/Config/Celcius To Farenheit"
                  },
                  "transforms": [
                    {
                      "fallback": "EU",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": false,
                          "output": "°C"
                        },
                        {
                          "input": true,
                          "output": "°F"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "tag"
                }
              },
              "props.params.tagPath": {
                "binding": {
                  "config": {
                    "expression": "concat({view.params.tagPath},{view.params.Aisle},\"_TT03\")"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "path": "Library/Symbols/Sys_DH_Xmtr",
              "style": {
                "classes": "containers/HoverOver",
                "overflow": "visible"
              }
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "lowerTransmitters"
        },
        "position": {
          "basis": "20%"
        },
        "props": {
          "direction": "column",
          "justify": "center",
          "style": {
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "props.style.backgroundImage": {
        "binding": {
          "config": {
            "expression": "concat(\"linear-gradient(to bottom, rgba(210.0, 78.0,0.0, \",{view.custom.gradient[0]},\"), rgba(210.0, 78.0, 0.0, \",{view.custom.gradient[1]},\"),rgba(210.0, 78.0, 0.0, \",{view.custom.gradient[2]},\"))\")"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "direction": "column",
      "style": {
        "overflow": "visible",
        "paddingBottom": "2px",
        "paddingLeft": "2px",
        "paddingRight": "2px",
        "paddingTop": "2px"
      }
    },
    "type": "ia.container.flex"
  }
}