{
  "custom": {
    "TooltipMoreState": "CP1\nStatus: not response"
  },
  "params": {
    "ASdata": "value",
    "Browser": "Amazon",
    "Color": null,
    "DeviceType": "CP",
    "FolderPath": "CP/",
    "Vendor": "AS",
    "Visibility": null,
    "tagPath": "CP1"
  },
  "propConfig": {
    "custom.TooltipMoreState": {
      "binding": {
        "config": {
          "expression": "replace({view.params.tagPath}, \"_\", \"-\") +\r\n\"\\nStatus: \" + \r\ncase (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color\"),\r\n0  ,\"Bad Quality\",\r\n1  ,\"E-Stop Activated\",\r\n2  ,\"Faulted\", \r\n4  ,\"Jam Fault\",    \r\n5  ,\"Anti-Gridlock Mode\",  \r\n10 ,\"On\",\r\n13 ,\"Off\",    \r\n14 ,\"In Maintenance Mode\",\r\n\"not response\")"
        },
        "type": "expr"
      },
      "persistent": true
    },
    "params.ASdata": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Browser": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Color": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "Browser": "{view.params.Browser}",
            "FolderPath": "{view.params.FolderPath}",
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "[{Browser}]{FolderPath}{tagPath}/HMI/DisplayFault"
        },
        "transforms": [
          {
            "fallback": null,
            "inputType": "scalar",
            "mappings": [
              {
                "input": true,
                "output": 2
              },
              {
                "input": false,
                "output": 10
              }
            ],
            "outputType": "scalar",
            "type": "map"
          }
        ],
        "type": "tag"
      },
      "paramDirection": "inout",
      "persistent": true
    },
    "params.DeviceType": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.FolderPath": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Vendor": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Visibility": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "Browser": "{view.params.Browser}",
            "FolderPath": "{view.params.FolderPath}",
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "[{Browser}]{FolderPath}{tagPath}/HMI/DisplayFault"
        },
        "type": "tag"
      },
      "paramDirection": "inout",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 30,
      "width": 60
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Control cabinet"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "props.elements[0].elements[1].fill.paint": {
            "binding": {
              "config": {
                "path": "view.params.Color"
              },
              "transforms": [
                {
                  "fallback": "#000000",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 0,
                      "output": "#808080"
                    },
                    {
                      "input": 1,
                      "output": "#FF0000"
                    },
                    {
                      "input": 2,
                      "output": "#FF0000"
                    },
                    {
                      "input": 3,
                      "output": "#FF0000"
                    },
                    {
                      "input": 4,
                      "output": "#FF8C00"
                    },
                    {
                      "input": 5,
                      "output": "#D900D9"
                    },
                    {
                      "input": 6,
                      "output": "#0000FF"
                    },
                    {
                      "input": 7,
                      "output": "#FFFF00"
                    },
                    {
                      "input": 8,
                      "output": "#FFFF00"
                    },
                    {
                      "input": 9,
                      "output": "#FFFF00"
                    },
                    {
                      "input": 10,
                      "output": "#00D900"
                    },
                    {
                      "input": 11,
                      "output": "#87CEFA"
                    },
                    {
                      "input": 12,
                      "output": "#CCFFCC"
                    },
                    {
                      "input": 13,
                      "output": "#D3D3D3"
                    },
                    {
                      "input": 14,
                      "output": "#AC5F00"
                    },
                    {
                      "input": 100,
                      "output": "#FFFFFF"
                    }
                  ],
                  "outputType": "color",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "props.style.classes": {
            "binding": {
              "config": {
                "expression": "if ({view.params.tagPath} \u003d {session.custom.Search},\r\n\"table/SearchTaghighlight\", \"table/highlight\")"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "elements": [
            {
              "elements": [
                {
                  "elements": [
                    {
                      "name": "polygon",
                      "points": "2.04 0.5 124.5 0.5 124.5 64.18 2.04 0.5",
                      "type": "polygon"
                    },
                    {
                      "d": "M124,1V63.35L4.09,1H124m1-1H0L125,65V0Z",
                      "name": "path",
                      "type": "path"
                    }
                  ],
                  "fill": {
                    "paint": "#000000"
                  },
                  "name": "group",
                  "type": "group"
                },
                {
                  "elements": [
                    {
                      "name": "polygon",
                      "points": "0.5 64.5 0.5 0.82 122.95 64.5 0.5 64.5",
                      "type": "polygon"
                    },
                    {
                      "d": "M1,1.65,120.91,64H1V1.65M0,0V65H125L0,0Z",
                      "name": "path",
                      "type": "path"
                    }
                  ],
                  "fill": {},
                  "name": "group",
                  "type": "group"
                }
              ],
              "name": "group",
              "type": "group"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 125 65"
        },
        "type": "ia.shapes.svg"
      }
    ],
    "events": {
      "dom": {
        "onClick": {
          "config": {
            "draggable": false,
            "id": "information",
            "modal": false,
            "overlayDismiss": false,
            "resizable": false,
            "showCloseIcon": false,
            "type": "open",
            "viewParams": {
              "ASdata": "{view.params.ASdata}",
              "Browser": "{view.params.Browser}",
              "DeviceType": "{view.params.DeviceType}",
              "FolderPath": "{view.params.FolderPath}",
              "Vendor": "{view.params.Vendor}",
              "tagPath": "{view.params.tagPath}"
            },
            "viewPath": "Windows/Information/Information",
            "viewportBound": false
          },
          "scope": "C",
          "type": "popup"
        }
      }
    },
    "meta": {
      "name": "root",
      "tooltip": {
        "enabled": true,
        "style": {
          "backgroundColor": "#2B2B2BBF",
          "color": "#FFFFFF",
          "fontSize": 12,
          "textAlign": "left",
          "white-space": "pre"
        }
      }
    },
    "propConfig": {
      "meta.tooltip.text": {
        "binding": {
          "config": {
            "expression": "replace({view.params.tagPath}, \"_\", \"-\") +\r\n\"\\nStatus: \" + \r\nIf (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/DisplayFault\"),\r\n\"Faulted\", \r\n\"OK\")"
          },
          "type": "expr"
        }
      },
      "meta.visible": {
        "binding": {
          "config": {
            "expression": "{session.custom.show.MCPs} || {view.params.Visibility}"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "direction": "column",
      "justify": "center",
      "style": {
        "cursor": "pointer",
        "transform": "translate3d(0,0,0)"
      }
    },
    "type": "ia.container.flex"
  }
}