{
  "custom": {
    "AlarmSeverity": 0
  },
  "params": {
    "config": 1,
    "tagpath": "value"
  },
  "propConfig": {
    "custom.AlarmSeverity": {
      "persistent": true
    },
    "params.config": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagpath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 71,
      "width": 52
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "id"
        },
        "position": {
          "height": 9
        },
        "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
          },
          "text": "CDU 01"
        },
        "type": "ia.display.label"
      },
      {
        "children": [
          {
            "meta": {
              "name": "status"
            },
            "position": {
              "basis": "20%"
            },
            "props": {
              "style": {
                "color": "darkgray",
                "fontSize": 10
              },
              "text": "Running"
            },
            "type": "ia.display.label"
          },
          {
            "children": [
              {
                "meta": {
                  "name": "value"
                },
                "position": {
                  "basis": "60%"
                },
                "props": {
                  "style": {
                    "color": "var(--call-to-action)",
                    "fontSize": 10,
                    "textAlign": "end"
                  },
                  "text": 68.5
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "engUnit"
                },
                "position": {
                  "basis": "40%"
                },
                "props": {
                  "style": {
                    "fontSize": 10
                  },
                  "text": "°F"
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "Variable01"
            },
            "position": {
              "basis": "40%"
            },
            "props": {
              "style": {
                "gap": "var(--space-xs)"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "meta": {
                  "name": "value"
                },
                "position": {
                  "basis": "60%"
                },
                "props": {
                  "style": {
                    "color": "var(--call-to-action)",
                    "fontSize": 10,
                    "textAlign": "end"
                  },
                  "text": 45.2
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "engUnits"
                },
                "position": {
                  "basis": "40%"
                },
                "props": {
                  "style": {
                    "fontSize": 10
                  },
                  "text": "dp"
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "Variable02"
            },
            "position": {
              "basis": "40%"
            },
            "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": 60,
          "width": 51,
          "x": 1,
          "y": 10
        },
        "propConfig": {
          "props.style.borderColor": {
            "binding": {
              "config": {
                "path": "view.custom.AlarmSeverity"
              },
              "transforms": [
                {
                  "fallback": "black",
                  "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.style.borderWidth": {
            "binding": {
              "config": {
                "path": "view.custom.AlarmSeverity"
              },
              "transforms": [
                {
                  "fallback": null,
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": 1,
                      "output": 2
                    },
                    {
                      "input": 2,
                      "output": 2
                    },
                    {
                      "input": 3,
                      "output": 2
                    },
                    {
                      "input": 1,
                      "output": 2
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "direction": "column",
          "style": {
            "backgroundColor": "var(--high-performance-white)",
            "borderBottomLeftRadius": "var(--border-radius)",
            "borderBottomRightRadius": "var(--border-radius)",
            "borderStyle": "solid",
            "borderTopLeftRadius": "var(--border-radius)",
            "borderTopRightRadius": "var(--border-radius)",
            "classes": "containers/HoverOver",
            "padding": "var(--space-xs)"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "AlarmIcons"
        },
        "position": {
          "height": 20,
          "width": 20,
          "x": 42,
          "y": -1
        },
        "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"
  }
}