{
  "custom": {},
  "params": {
    "ASdata": "value",
    "Browser": "value",
    "Color": null,
    "DeviceType": "value",
    "FolderPath": "value",
    "Vendor": "value",
    "Visibility": true,
    "tagPath": "value"
  },
  "propConfig": {
    "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/StatusVFD"
        },
        "type": "tag"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.DeviceType": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.FolderPath": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Vendor": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Visibility": {
      "binding": {
        "config": {
          "expression": "if ({view.params.Color} \u003d 10, false, true)"
        },
        "type": "expr"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 25,
      "width": 25
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "VFD"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.VFDs} || {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "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"
                },
                {
                  "expression": "if({view.params.Color} \u003d 3, // TODO: Bind fire alarm tags here\r\n    if(getSecond(now()) % 2 \u003d 1,\r\n        \u0027#FF0000\u0027,\r\n        \u0027#00D900\u0027\r\n    ),\r\nif({view.params.Color} \u003d 2, // TODO: Bind fire alarm tags here\r\n     if(getSecond(now()) % 2 \u003d 1,\r\n        \u0027#FF0000\u0027,\r\n        \u0027#808080\u0027\r\n        ),\r\n\t{value}\r\n))",
                  "type": "expression"
                }
              ],
              "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.style.pointerEvents": {
            "binding": {
              "config": {
                "expression": "if({session.custom.show.VFDs} || {view.params.Visibility},\"auto\",\"none\")"
              },
              "type": "expr"
            }
          },
          "props.style.transform": {
            "binding": {
              "config": {
                "expression": "\"rotate(\" + {session.custom.RotateText} + \"deg)\""
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "elements": [
            {
              "elements": [
                {
                  "d": "M15.14,15.14a50,50,0,0,0,0,70.72L85.86,15.14A50,50,0,0,0,15.14,15.14Z",
                  "name": "path",
                  "type": "path"
                },
                {
                  "d": "M85.86,85.86a50,50,0,0,0,0-70.72L15.14,85.86A50,50,0,0,0,85.86,85.86Z",
                  "fill": {},
                  "name": "path",
                  "type": "path"
                }
              ],
              "name": "group",
              "type": "group"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 101 101"
        },
        "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\"\\n Status: \"+ \r\ncase (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/StatusVFD\"),\r\n            0  ,\"Disconnect\",\r\n            2  ,\"Faulted/Disconnect\", \r\n            3  ,\"Faulted/OK\",\r\n            10 ,\"OK\",\r\n            \"not response\")"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "alignItems": "center",
      "direction": "column",
      "justify": "center",
      "style": {
        "cursor": "pointer",
        "transform": "translate3d(0,0,0)"
      }
    },
    "type": "ia.container.flex"
  }
}