{
  "custom": {},
  "params": {
    "ASdata": "value",
    "Browser": "value",
    "Color": null,
    "DeviceType": "value",
    "EPC_var": 90,
    "FolderPath": "value",
    "Vendor": "value",
    "Visibility": null,
    "tagPath": "value"
  },
  "propConfig": {
    "params.ASdata": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.Browser": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Color": {
      "binding": {
        "config": {
          "bidirectional": true,
          "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"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.DeviceType": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.EPC_var": {
      "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/Color_Stop"
        },
        "transforms": [
          {
            "fallback": null,
            "inputType": "scalar",
            "mappings": [
              {
                "input": 2,
                "output": true
              },
              {
                "input": 10,
                "output": false
              }
            ],
            "outputType": "scalar",
            "type": "map"
          }
        ],
        "type": "tag"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "inout",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 100,
      "width": 100
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "E-stop pull cord_30 no border"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.Estops}|| {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "position.display": {
            "binding": {
              "config": {
                "expression": "if ({view.params.EPC_var} \u003d 30, true, false)"
              },
              "type": "expr"
            }
          },
          "props.elements[0].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": [
            {
              "d": "M10.71,0A79.91,79.91,0,0,0,0,40H4A75.61,75.61,0,0,1,14.19,2Z",
              "fill": {},
              "name": "path",
              "type": "path"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 14.19 40"
        },
        "type": "ia.shapes.svg"
      },
      {
        "meta": {
          "name": "E-stop pull cord_45 no border"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.Estops}|| {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "position.display": {
            "binding": {
              "config": {
                "expression": "if ({view.params.EPC_var} \u003d 45, true, false)"
              },
              "type": "expr"
            }
          },
          "props.elements[0].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": [
            {
              "d": "M23.42,0A80.25,80.25,0,0,0,10.71,16.58,79.91,79.91,0,0,0,0,56.58H4A75.8,75.8,0,0,1,26.26,2.84Z",
              "fill": {},
              "name": "path",
              "type": "path"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 26.26 56.58"
        },
        "type": "ia.shapes.svg"
      },
      {
        "meta": {
          "name": "E-stop pull cord_60 no border"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.Estops}|| {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "position.display": {
            "binding": {
              "config": {
                "expression": "if ({view.params.EPC_var} \u003d 60, true, false)"
              },
              "type": "expr"
            }
          },
          "props.elements[0].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": [
            {
              "d": "M42,3.48,40,0A80,80,0,0,0,0,69.29H4A76,76,0,0,1,42,3.48Z",
              "fill": {},
              "name": "path",
              "type": "path"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 42 69.29"
        },
        "type": "ia.shapes.svg"
      },
      {
        "meta": {
          "name": "E-stop pull cord_180 no border"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "{session.custom.show.Estops}|| {view.params.Visibility}"
              },
              "type": "expr"
            }
          },
          "position.display": {
            "binding": {
              "config": {
                "expression": "if ({view.params.EPC_var} \u003d 180, true, false)"
              },
              "type": "expr"
            }
          },
          "props.elements[0].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": [
            {
              "d": "M157.28,59.29A80,80,0,0,0,80,0,80,80,0,0,0,59.29,2.72,80,80,0,0,0,0,80H4a76,76,0,0,1,152,0h4A79.9,79.9,0,0,0,157.28,59.29Z",
              "fill": {},
              "name": "path",
              "type": "path"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 160 80"
        },
        "type": "ia.shapes.svg"
      },
      {
        "meta": {
          "name": "E-stop pull cord_90 no border"
        },
        "position": {
          "basis": "100%"
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "expression": "//{session.custom.show.Estops}||{view.params.Visibility}\r\n{session.custom.show.Estops}||if({view.params.Visibility} \u003d 1,false,true) "
              },
              "type": "expr"
            }
          },
          "position.display": {
            "binding": {
              "config": {
                "expression": "if ({view.params.EPC_var} \u003d 90, true, false)"
              },
              "type": "expr"
            }
          },
          "props.elements[0].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": "#00D900"
                    },
                    {
                      "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": [
            {
              "d": "M80,4V0A80,80,0,0,0,0,80H4A76,76,0,0,1,80,4Z",
              "fill": {},
              "name": "path",
              "type": "path"
            }
          ],
          "preserveAspectRatio": "none",
          "style": {},
          "viewBox": "0 0 80 80"
        },
        "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\ncase (tag(\"[\"+{view.params.Browser}+\"]\"+{view.params.FolderPath}+{view.params.tagPath}+\"/HMI/Color_Stop\"),\r\n1  ,\"E-Stop Activated\",\r\n2 ,\"OK\",\r\n\"not response\")"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "direction": "column",
      "justify": "center",
      "style": {
        "cursor": "pointer",
        "transform": "translate3d(0,0,0)"
      }
    },
    "type": "ia.container.flex"
  }
}