{
  "custom": {
    "AlarmSeverity": 4
  },
  "params": {
    "config": 2,
    "tagpath": "value"
  },
  "propConfig": {
    "custom.AlarmSeverity": {
      "persistent": true
    },
    "params.config": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagpath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 66,
      "width": 67
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "upper_id"
        },
        "position": {
          "height": 10
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "path": "view.params.config"
              },
              "transforms": [
                {
                  "fallback": false,
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": true
                    },
                    {
                      "input": 2,
                      "output": false
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "position.width": {
            "binding": {
              "config": {
                "path": "view.props.defaultSize.width"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "color": "var(--text-color)",
            "fontSize": 10,
            "paddingLeft": "var(--space-xs)"
          },
          "text": "RPP01"
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "lower_id"
        },
        "position": {
          "height": 10,
          "y": 52.5
        },
        "propConfig": {
          "meta.visible": {
            "binding": {
              "config": {
                "path": "view.params.config"
              },
              "transforms": [
                {
                  "fallback": false,
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": false
                    },
                    {
                      "input": 2,
                      "output": true
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "position.width": {
            "binding": {
              "config": {
                "path": "view.props.defaultSize.width"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "color": "var(--text-color)",
            "fontSize": 10,
            "paddingLeft": "var(--space-xs)"
          },
          "text": "DM11 RPP01"
        },
        "type": "ia.display.label"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "value"
                },
                "position": {
                  "basis": "65%"
                },
                "props": {
                  "style": {
                    "color": "var(--call-to-action)",
                    "fontSize": 10,
                    "textAlign": "end"
                  },
                  "text": 7535
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "eng_unit"
                },
                "position": {
                  "basis": "35%"
                },
                "props": {
                  "style": {
                    "fontSize": 10
                  },
                  "text": "kW",
                  "textStyle": {
                    "color": "var(--text-color)"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "value_01"
            },
            "position": {
              "basis": "50%"
            },
            "props": {
              "style": {
                "gap": "var(--space-xs)"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "meta": {
                  "name": "value"
                },
                "position": {
                  "basis": "65%"
                },
                "props": {
                  "style": {
                    "color": "var(--call-to-action)",
                    "fontSize": 10,
                    "textAlign": "end"
                  },
                  "text": 0.89
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "eng_unit"
                },
                "position": {
                  "basis": "35%"
                },
                "props": {
                  "style": {
                    "fontSize": 10
                  },
                  "text": "pf",
                  "textStyle": {
                    "color": "var(--text-color)"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "value_02"
            },
            "position": {
              "basis": "50%"
            },
            "props": {
              "style": {
                "gap": "var(--space-xs)"
              }
            },
            "type": "ia.container.flex"
          }
        ],
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "id": "L4",
                "type": "open",
                "viewParams": {
                  "tagpath": "{view.params.tagpath}"
                }
              },
              "scope": "C",
              "type": "dock"
            }
          }
        },
        "meta": {
          "name": "device"
        },
        "position": {
          "height": 38,
          "width": 62,
          "y": 12.5
        },
        "propConfig": {
          "props.style.outlineColor": {
            "binding": {
              "config": {
                "path": "view.custom.AlarmSeverity"
              },
              "transforms": [
                {
                  "fallback": "transparent",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": "var(--alarm-low)"
                    },
                    {
                      "input": 2,
                      "output": "var(--alarm-medium)"
                    },
                    {
                      "input": 3,
                      "output": "var(--alarm-high)"
                    },
                    {
                      "input": 4,
                      "output": "var(--alarm-critical)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "direction": "column",
          "style": {
            "borderBottomLeftRadius": "var(--border-radius)",
            "borderBottomRightRadius": "var(--border-radius)",
            "borderColor": "#000000AA",
            "borderStyle": "solid",
            "borderTopLeftRadius": "var(--border-radius)",
            "borderTopRightRadius": "var(--border-radius)",
            "borderWidth": 1,
            "outlineStyle": "solid",
            "outlineWidth": "2"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "AlarmIcons"
        },
        "position": {
          "height": 22,
          "width": 17,
          "x": 54
        },
        "propConfig": {
          "props.params.AlarmSeverity": {
            "binding": {
              "config": {
                "path": "view.custom.AlarmSeverity"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "params": {
            "ack": false
          },
          "path": "Components/Atoms/AlarmIcons"
        },
        "type": "ia.display.view"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "style": {
        "overflow": "visible"
      }
    },
    "type": "ia.container.coord"
  }
}