{
  "custom": {},
  "params": {
    "Control": {
      "StartLT": {
        "StartLT1": false,
        "StartLT10": false,
        "StartLT2": false,
        "StartLT3": false,
        "StartLT4": false,
        "StartLT5": false,
        "StartLT6": false,
        "StartLT7": false,
        "StartLT8": false,
        "StartLT9": false
      },
      "StartPB": {
        "Start1": true,
        "Start10": true,
        "Start2": true,
        "Start3": true,
        "Start4": true,
        "Start5": true,
        "Start6": true,
        "Start7": true,
        "Start8": true,
        "Start9": true
      },
      "StopLT": {
        "StopLT1": false,
        "StopLT10": false,
        "StopLT2": false,
        "StopLT3": false,
        "StopLT4": false,
        "StopLT5": false,
        "StopLT6": false,
        "StopLT7": false,
        "StopLT8": false,
        "StopLT9": false
      },
      "StopPB": {
        "Stop1": false,
        "Stop10": false,
        "Stop2": false,
        "Stop3": false,
        "Stop4": false,
        "Stop5": false,
        "Stop6": false,
        "Stop7": false,
        "Stop8": false,
        "Stop9": false
      }
    },
    "Coordinate": {
      "Scale": 2,
      "x": "",
      "y": ""
    },
    "fontSize": "14px",
    "label": ""
  },
  "propConfig": {
    "params.Control": {
      "paramDirection": "inout",
      "persistent": true
    },
    "params.Coordinate": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.fontSize": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.label": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 60,
      "width": 370
    }
  },
  "root": {
    "children": [
      {
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "script": "\tself.session.custom.transition \u003d 1\n\tself.session.custom.zoom \u003d self.view.params.Coordinate.Scale\n\tself.session.custom.zoomto \u003d 1\n\tself.session.custom.scale_x \u003d self.view.params.Coordinate.x\n\tself.session.custom.scale_y \u003d self.view.params.Coordinate.y"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Border",
          "tooltip": {
            "enabled": true,
            "style": {
              "backgroundColor": "#2B2B2BBF",
              "color": "#FFFFFF",
              "fontSize": 14,
              "textAlign": "left",
              "white-space": "pre"
            },
            "text": "To zoom in to the \nchosen area, you \nneed to click on the \nname of the area."
          }
        },
        "position": {
          "height": 1,
          "width": 1
        },
        "props": {
          "style": {
            "backgroundColor": "#D5D5D5",
            "borderColor": "#808080",
            "borderStyle": "solid",
            "borderWidth": 4
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "Label",
          "tooltip": {
            "style": {
              "backgroundColor": "#2B2B2BBF",
              "color": "#FFFFFF",
              "fontSize": 14,
              "textAlign": "left",
              "white-space": "pre"
            }
          }
        },
        "position": {
          "height": 0.6665,
          "width": 0.6972,
          "x": 0.0293,
          "y": 0.1667
        },
        "propConfig": {
          "props.style.fontSize": {
            "binding": {
              "config": {
                "path": "view.params.fontSize"
              },
              "type": "property"
            }
          },
          "props.text": {
            "binding": {
              "config": {
                "expression": "// Check if label is Good and isn\u0027t just whitespace characters:\r\nif(isGood({view.params.label}) \u0026\u0026 len(trim({view.params.label})) \u003e 0,\r\n\t// Label is readable:\r\n\t{view.params.label},\r\n\t// Unknown / not configured label:\r\n\t\"Unknown\"\r\n)"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "style": {
            "backgroundColor": "#AAAAAA",
            "borderColor": "#808080",
            "borderStyle": "solid",
            "borderWidth": 4,
            "fontFamily": "Arial",
            "fontWeight": "bold",
            "pointer-events": "none",
            "textAlign": "center",
            "textTransform": "uppercase",
            "user-select": "none",
            "will-change": "transform"
          }
        },
        "type": "ia.display.label"
      },
      {
        "events": {
          "component": {
            "onActionPerformed": {
              "config": {
                "script": "\tself.view.params.Control.StartPB.Start1 \u003d 1\n\tself.view.params.Control.StartPB.Start2 \u003d 1\n\tself.view.params.Control.StartPB.Start3 \u003d 1\n\tself.view.params.Control.StartPB.Start4 \u003d 1\n\tself.view.params.Control.StartPB.Start5 \u003d 1\n\tself.view.params.Control.StartPB.Start6 \u003d 1\n\tself.view.params.Control.StartPB.Start7 \u003d 1\n\tself.view.params.Control.StartPB.Start8 \u003d 1\n\tself.view.params.Control.StartPB.Start9 \u003d 1\n\tself.view.params.Control.StartPB.Start10 \u003d 1"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "StartPB",
          "tooltip": {
            "enabled": true,
            "style": {
              "backgroundColor": "#2B2B2BBF",
              "color": "#FFFFFF",
              "fontSize": 12,
              "textAlign": "left",
              "white-space": "pre"
            },
            "text": "START SYSTEM"
          }
        },
        "position": {
          "height": 0.6667,
          "width": 0.1081,
          "x": 0.7403,
          "y": 0.1667
        },
        "propConfig": {
          "props.image.source": {
            "binding": {
              "config": {
                "expression": "if ({view.params.Control.StartLT.StartLT1} || {view.params.Control.StartLT.StartLT2} || {view.params.Control.StartLT.StartLT3} || {view.params.Control.StartLT.StartLT4} || {view.params.Control.StartLT.StartLT5}\r\n || {view.params.Control.StartLT.StartLT6} || {view.params.Control.StartLT.StartLT7} || {view.params.Control.StartLT.StartLT8} || {view.params.Control.StartLT.StartLT9} || {view.params.Control.StartLT.StartLT10},\r\n\"/system/images/MyIcon/Start-green64x64.png\",\r\n\"/system/images/MyIcon/Start-grey64x64.png\")"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "image": {
            "height": "100%",
            "width": "100%"
          },
          "style": {
            "backgroundColor": "#00000000",
            "borderColor": "#00000000"
          },
          "text": ""
        },
        "type": "ia.input.button"
      },
      {
        "events": {
          "component": {
            "onActionPerformed": {
              "config": {
                "script": "\tself.view.params.Control.StopPB.Stop1 \u003d 1\n\tself.view.params.Control.StopPB.Stop2 \u003d 1\n\tself.view.params.Control.StopPB.Stop3 \u003d 1\n\tself.view.params.Control.StopPB.Stop4 \u003d 1\n\tself.view.params.Control.StopPB.Stop5 \u003d 1\n\tself.view.params.Control.StopPB.Stop6 \u003d 1\n\tself.view.params.Control.StopPB.Stop7 \u003d 1\n\tself.view.params.Control.StopPB.Stop8 \u003d 1\n\tself.view.params.Control.StopPB.Stop9 \u003d 1\n\tself.view.params.Control.StopPB.Stop10 \u003d 1"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "StopPB",
          "tooltip": {
            "enabled": true,
            "style": {
              "backgroundColor": "#2B2B2BBF",
              "color": "#FFFFFF",
              "fontSize": 12,
              "textAlign": "left",
              "white-space": "pre"
            },
            "text": "STOP SYSTEM"
          }
        },
        "position": {
          "height": 0.6667,
          "width": 0.1081,
          "x": 0.8619,
          "y": 0.1667
        },
        "propConfig": {
          "props.image.source": {
            "binding": {
              "config": {
                "expression": "if ({view.params.Control.StopLT.StopLT1} || {view.params.Control.StopLT.StopLT2} || {view.params.Control.StopLT.StopLT3} || {view.params.Control.StopLT.StopLT4} || {view.params.Control.StopLT.StopLT5}\r\n || {view.params.Control.StopLT.StopLT6} || {view.params.Control.StopLT.StopLT7} || {view.params.Control.StopLT.StopLT8} || {view.params.Control.StopLT.StopLT9} || {view.params.Control.StopLT.StopLT10},\r\n\"/system/images/MyIcon/Stop-red64x64.png\",\r\n\"/system/images/MyIcon/Stop-grey64x64.png\")"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "image": {
            "height": "100%",
            "width": "100%"
          },
          "style": {
            "backgroundColor": "#00000000",
            "borderColor": "#00000000"
          },
          "text": ""
        },
        "type": "ia.input.button"
      }
    ],
    "meta": {
      "name": "root",
      "tooltip": {
        "style": {
          "backgroundColor": "#2B2B2BBF",
          "color": "#FFFFFF",
          "fontSize": 14,
          "textAlign": "left",
          "white-space": "pre"
        }
      }
    },
    "propConfig": {
      "props.style.transform": {
        "binding": {
          "config": {
            "expression": "if ({session.custom.RotateText} \u003d 180,\r\n\"translate3d(0,0,0) rotate(180deg)\",\r\n\"translate3d(0,0,0) rotate(0deg)\")"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "mode": "percent",
      "style": {
        "cursor": "pointer"
      }
    },
    "type": "ia.container.coord"
  }
}