{
  "custom": {},
  "params": {
    "layout": 0,
    "tagPath": "[Ignition_TX21_BE]DM11/Testing_RPP/CB1/Status/kW"
  },
  "propConfig": {
    "params.layout": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 50,
      "width": 130
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "meta": {
              "name": "Val"
            },
            "position": {
              "grow": 1,
              "shrink": 0
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "tagPath": "{view.params.tagPath}"
                    },
                    "tagPath": "{tagPath}/val"
                  },
                  "type": "tag"
                }
              }
            },
            "props": {
              "textStyle": {
                "color": "var(--call-to-action)",
                "fontSize": 14,
                "fontWeight": "bold",
                "textAlign": "end"
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "EngUnit"
            },
            "propConfig": {
              "position.basis": {
                "binding": {
                  "config": {
                    "path": "view.params.layout"
                  },
                  "transforms": [
                    {
                      "fallback": "50%",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": 0,
                          "output": "50%"
                        },
                        {
                          "input": 1,
                          "output": "20%"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "property"
                }
              },
              "position.display": {
                "binding": {
                  "config": {
                    "path": "view.params.layout"
                  },
                  "transforms": [
                    {
                      "fallback": false,
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": 0,
                          "output": false
                        },
                        {
                          "input": 1,
                          "output": true
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "property"
                }
              },
              "props.text": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "tagPath": "{view.params.tagPath}"
                    },
                    "tagPath": "{tagPath}/Parameters.Cfg_EngUnits"
                  },
                  "type": "tag"
                }
              }
            },
            "props": {
              "textStyle": {
                "color": "var(--text-color-muted)",
                "fontSize": 12,
                "fontWeight": "lighter",
                "textAlign": "start"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "Value"
        },
        "props": {
          "justify": "center",
          "style": {
            "gap": "5px",
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "EngUnit"
            },
            "position": {
              "basis": "50%"
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "path": "view.params.layout"
                  },
                  "transforms": [
                    {
                      "fallback": true,
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": 0,
                          "output": true
                        },
                        {
                          "input": 1,
                          "output": false
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "property"
                }
              },
              "props.text": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "tagPath": "{view.params.tagPath}"
                    },
                    "tagPath": "{tagPath}/Parameters.Cfg_EngUnits"
                  },
                  "type": "tag"
                }
              }
            },
            "props": {
              "textStyle": {
                "color": "var(--text-color-muted)",
                "fontSize": 12,
                "fontWeight": "lighter",
                "textAlign": "start"
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "Label"
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "tagPath": "{view.params.tagPath}"
                    },
                    "tagPath": "{tagPath}/Parameters.Item_Id"
                  },
                  "type": "tag"
                }
              },
              "props.textStyle.textAlign": {
                "binding": {
                  "config": {
                    "path": "view.params.layout"
                  },
                  "transforms": [
                    {
                      "fallback": "start",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": 0,
                          "output": "start"
                        },
                        {
                          "input": 1,
                          "output": "center"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "overflow": "visible"
              },
              "textStyle": {
                "color": "var(--text-muted)",
                "fontSize": 12,
                "overflowWrap": "normal"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "Info"
        },
        "position": {
          "shrink": 0
        },
        "props": {
          "direction": "column",
          "style": {
            "overflow": "visible"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "props.direction": {
        "binding": {
          "config": {
            "path": "view.params.layout"
          },
          "transforms": [
            {
              "fallback": "row",
              "inputType": "scalar",
              "mappings": [
                {
                  "input": 0,
                  "output": "row"
                },
                {
                  "input": 1,
                  "output": "column"
                }
              ],
              "outputType": "scalar",
              "type": "map"
            }
          ],
          "type": "property"
        }
      }
    },
    "props": {
      "justify": "center",
      "style": {
        "gap": "5px",
        "overflow": "visible"
      }
    },
    "type": "ia.container.flex"
  }
}