{
  "custom": {
    "state": 1,
    "string": "Device Disconnected"
  },
  "params": {
    "tagProps": [
      "value"
    ]
  },
  "propConfig": {
    "custom.string": {
      "binding": {
        "config": {
          "path": "view.custom.state"
        },
        "transforms": [
          {
            "fallback": "Unknown",
            "inputType": "scalar",
            "mappings": [
              {
                "input": 0,
                "output": "OK"
              },
              {
                "input": 1,
                "output": "Device Disconnected"
              },
              {
                "input": 2,
                "output": "Faulted"
              }
            ],
            "outputType": "scalar",
            "type": "map"
          }
        ],
        "type": "property"
      },
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 26,
      "width": 26
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "VFD"
        },
        "position": {
          "height": 1,
          "width": 1
        },
        "propConfig": {
          "props.elements[1].fill.paint": {
            "binding": {
              "config": {
                "path": "view.custom.state"
              },
              "transforms": [
                {
                  "fallback": "#C2C2C2",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 0,
                      "output": "url(#splitGreenGrey)"
                    },
                    {
                      "input": 1,
                      "output": "#C2C2C2"
                    },
                    {
                      "input": 2,
                      "output": "url(#splitRedGrey)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "elements": [
            {
              "elements": [
                {
                  "elements": [
                    {
                      "offset": "0%",
                      "stop-color": "#C2C2C2",
                      "type": "stop"
                    },
                    {
                      "offset": "49.5%",
                      "stop-color": "#C2C2C2",
                      "type": "stop"
                    },
                    {
                      "offset": "50.5%",
                      "stop-color": "#00FF00",
                      "type": "stop"
                    },
                    {
                      "offset": "100%",
                      "stop-color": "#00FF00",
                      "type": "stop"
                    }
                  ],
                  "gradientUnits": "userSpaceOnUse",
                  "id": "splitGreenGrey",
                  "type": "linearGradient",
                  "x1": "0",
                  "x2": "24",
                  "y1": "0",
                  "y2": "24"
                },
                {
                  "elements": [
                    {
                      "offset": "0%",
                      "stop-color": "#C2C2C2",
                      "type": "stop"
                    },
                    {
                      "offset": "49.5%",
                      "stop-color": "#C2C2C2",
                      "type": "stop"
                    },
                    {
                      "offset": "50.5%",
                      "stop-color": "#FF0000",
                      "type": "stop"
                    },
                    {
                      "offset": "100%",
                      "stop-color": "#FF0000",
                      "type": "stop"
                    }
                  ],
                  "gradientUnits": "userSpaceOnUse",
                  "id": "splitRedGrey",
                  "type": "linearGradient",
                  "x1": "0",
                  "x2": "24",
                  "y1": "0",
                  "y2": "24"
                }
              ],
              "type": "defs"
            },
            {
              "cx": "12",
              "cy": "12",
              "fill": {},
              "rx": "10",
              "ry": "10",
              "stroke": {
                "paint": "#000000",
                "width": "2"
              },
              "type": "ellipse"
            },
            {
              "d": "M 6,18 L 18,6",
              "fill": {},
              "stroke": {
                "linecap": "round",
                "paint": "#000000",
                "width": "2"
              },
              "type": "path"
            }
          ],
          "viewBox": "0 0 24 24"
        },
        "type": "ia.shapes.svg"
      }
    ],
    "meta": {
      "name": "VFD",
      "tooltip": {
        "enabled": true
      }
    },
    "propConfig": {
      "meta.tooltip.text": {
        "binding": {
          "config": {
            "expression": "\"Source Id: \" + {view.params.tagProps[0]} + \", Status: \" + {view.custom.string}\n"
          },
          "type": "expr"
        }
      },
      "meta.visible": {
        "binding": {
          "config": {
            "path": "session.custom.alarm_filter.show_VFD"
          },
          "type": "property"
        }
      }
    },
    "props": {
      "mode": "percent",
      "style": {
        "cursor": "pointer"
      }
    },
    "type": "ia.container.coord"
  }
}