{
  "custom": {
    "Color": 4
  },
  "params": {
    "Browser": "Amazon",
    "DeviceType": "value",
    "FolderPath": "SS/",
    "Vendor": "value",
    "tagPath": "SS1_PS1_1"
  },
  "propConfig": {
    "custom.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/Color_Stop"
        },
        "type": "tag"
      },
      "persistent": true
    },
    "params.Browser": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.DeviceType": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.FolderPath": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Vendor": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 25,
      "width": 25
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "CS"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.PushButtons} || {view.custom.Color} \u003d 1 || {view.custom.Color} \u003d 2"
              },
              "type": "expr"
            }
          },
          "props.elements[0].elements[0].elements[0].fill.paint": {
            "binding": {
              "config": {
                "path": "view.custom.Color"
              },
              "transforms": [
                {
                  "fallback": "#000000",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": "#000000"
                    },
                    {
                      "input": 2,
                      "output": "#FAFAFB"
                    },
                    {
                      "input": 3,
                      "output": "#000000"
                    },
                    {
                      "input": 4,
                      "output": "#FAFAFB"
                    }
                  ],
                  "outputType": "color",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "props.elements[0].elements[1].elements[0].fill.paint": {
            "binding": {
              "config": {
                "path": "view.custom.Color"
              },
              "transforms": [
                {
                  "fallback": "#000000",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": "#FF0000"
                    },
                    {
                      "input": 2,
                      "output": "#FF0000"
                    },
                    {
                      "input": 3,
                      "output": "#D5D5D5"
                    },
                    {
                      "input": 4,
                      "output": "#D5D5D5"
                    }
                  ],
                  "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": [
                    {
                      "fill": {},
                      "height": "106.23",
                      "name": "rect",
                      "rx": 11.67,
                      "type": "rect",
                      "width": "106.23",
                      "x": "0.5",
                      "y": 0.5
                    },
                    {
                      "d": "M95.07,1a11.17,11.17,0,0,1,11.16,11.17v82.9a11.16,11.16,0,0,1-11.16,11.16H12.17A11.17,11.17,0,0,1,1,95.07V12.17A11.18,11.18,0,0,1,12.17,1h82.9m0-1H12.17A12.17,12.17,0,0,0,0,12.17v82.9a12.16,12.16,0,0,0,12.17,12.16h82.9a12.15,12.15,0,0,0,12.16-12.16V12.17A12.16,12.16,0,0,0,95.07,0Z",
                      "fill": {
                        "paint": "#24FF42"
                      },
                      "name": "path",
                      "type": "path"
                    }
                  ],
                  "name": "group",
                  "type": "group"
                },
                {
                  "elements": [
                    {
                      "cx": "53.62",
                      "cy": "53.62",
                      "fill": {},
                      "name": "circle",
                      "r": "43.37",
                      "transform": "translate(-7.9 97.95) rotate(-80.78)",
                      "type": "circle"
                    },
                    {
                      "d": "M53.62,10.75A42.87,42.87,0,1,1,10.75,53.62,42.92,42.92,0,0,1,53.62,10.75m0-1A43.87,43.87,0,1,0,97.49,53.62,43.87,43.87,0,0,0,53.62,9.75Z",
                      "fill": {
                        "paint": "#000000"
                      },
                      "name": "path",
                      "type": "path"
                    }
                  ],
                  "name": "group",
                  "type": "group"
                }
              ],
              "name": "group",
              "type": "group"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {
            "cursor": "pointer"
          },
          "viewBox": "0 0 107.23 107.23"
        },
        "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\"+//\"\\n Status: \"+ \r\nif ({view.params.DeviceType} \u003d \"SStart\",\r\n(if (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 4,\r\n\t\"Start\",\r\n\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 3,\r\n\t\t\"Start Pressed\",\r\n\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 2,\r\n\t\t\t\"Start Illuminated\",\r\n\t\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 1,\r\n\t\t\t\t\"Start Pressed/Illuminated\",\r\n\"not response\"\r\n))))),\r\nif ({view.params.DeviceType} \u003d \"JR\",\r\n(if (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 4,\r\n\t\"Restart\",\r\n\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 3,\r\n\t\t\"Restart Pressed\",\r\n\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 2,\r\n\t\t\t\"Restart Illuminated\",\r\n\t\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Start\") \u003d 1,\r\n\t\t\t\t\"Restart Pressed/Illuminated\",\r\n\"not response\"\r\n))))),\r\nif ({view.params.DeviceType} \u003d \"SStop\",\r\n(if (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Stop\") \u003d 4,\r\n\t\"Stop\",\r\n\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Stop\") \u003d 3,\r\n\t\t\"Stop Pressed\",\r\n\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Stop\") \u003d 2,\r\n\t\t\t\"Stop Illuminated\",\r\n\t\t\tif (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Stop\") \u003d 1,\r\n\t\t\t\t\"Stop Pressed/Illuminated\",\r\n\"not response\"\r\n))))),\"not response\")\r\n\r\n))\r\n\t\t\t\t\r\n"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "direction": "column",
      "justify": "center",
      "style": {
        "transform": "translate3d(0,0,0)"
      }
    },
    "type": "ia.container.flex"
  }
}