{
  "custom": {},
  "params": {
    "ASdata": "value",
    "Browser": "Amazon",
    "Color": 0,
    "DeviceType": "value",
    "FolderPath": "",
    "Font-size": 14,
    "Text": "H",
    "Vendor": "value",
    "Visibility": true,
    "blinktime": "value",
    "bool": 1,
    "tagPath": "value"
  },
  "propConfig": {
    "params.ASdata": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Browser": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Color": {
      "binding": {
        "config": {
          "expression": "if ({view.params.bool} \u003d true,\r\n\tcase ({view.params.Text},\r\n\t\t\"H\", 0,\r\n\t\t\"R\", 2,\r\n\t\t\"B\", 6,\r\n\t\t\"A\", 4,\r\n\t\t\"G\", 10,\r\n\t\t\"P\", 5,\r\n\t\t100),\r\n13)"
        },
        "type": "expr"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.DeviceType": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.FolderPath": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Font-size": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Text": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Vendor": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Visibility": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.blinktime": {
      "onChange": {
        "enabled": null,
        "script": "\t\n\t\n\tif self.params.blinktime \u003d\u003d 0:\n\t\tself.params.bool \u003d 0\n\telif self.params.blinktime \u003d\u003d 1:\n\t\tself.params.bool \u003d 1\n\telif self.params.bool \u003d\u003d 0:\n\t\tself.params.bool \u003d 1\n\telse:\n\t\tself.params.bool \u003d 0"
      },
      "paramDirection": "inout",
      "persistent": true
    },
    "params.bool": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 25,
      "width": 25
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Beacon"
        },
        "position": {
          "height": 1,
          "width": 1
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.Beacons} || {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "props.style.backgroundColor": {
            "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.style.fontSize": {
            "binding": {
              "config": {
                "path": "view.params.Font-size"
              },
              "type": "property"
            }
          },
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.Text"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "borderStyle": "solid",
            "borderWidth": 2,
            "color": "#000000",
            "cursor": "pointer",
            "fontFamily": "Arial",
            "fontWeight": "bold",
            "textAlign": "center"
          }
        },
        "type": "ia.display.label"
      }
    ],
    "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"
        }
      }
    },
    "position": {
      "x": -1.16,
      "y": 0.28
    },
    "propConfig": {
      "meta.tooltip.text": {
        "binding": {
          "config": {
            "expression": "replace({view.params.tagPath}, \"_\", \"-\")+\r\n\"\\nStatus: \"+ \r\ncase (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Beacon\"),\r\n1 ,\"On\", \r\n0 ,\"Off\",    \r\n\"not response\")"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "mode": "percent"
    },
    "type": "ia.container.coord"
  }
}