{ "custom": {}, "params": { "EU": "degF", "EU_Pos": 0, "Size": 12, "Value": 12.34, "color": "var(--tagvalue-color)" }, "propConfig": { "params.EU": { "paramDirection": "input", "persistent": true }, "params.EU_Pos": { "paramDirection": "input", "persistent": true }, "params.Size": { "paramDirection": "input", "persistent": true }, "params.Value": { "paramDirection": "input", "persistent": true }, "params.color": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 54, "width": 124 } }, "root": { "children": [ { "meta": { "name": "Var", "tooltip": { "width": "100%" } }, "position": { "align": "center", "grow": 1 }, "propConfig": { "position.basis": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": "75%", "inputType": "scalar", "mappings": [ { "input": 0, "output": "75%" }, { "input": 1, "output": "50%" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.alignVertical": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": "center", "inputType": "scalar", "mappings": [ { "input": 0, "output": "center" }, { "input": 1, "output": "bottom" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.Value" }, "transforms": [ { "formatType": "numeric", "formatValue": "#.##", "type": "format" } ], "type": "property" } }, "props.textStyle.color": { "binding": { "config": { "path": "view.params.color" }, "type": "property" } }, "props.textStyle.fontSize": { "binding": { "config": { "path": "view.params.Size" }, "type": "property" } }, "props.textStyle.textAlign": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": "end", "inputType": "scalar", "mappings": [ { "input": 0, "output": "end" }, { "input": 1, "output": "center" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } } }, "props": { "style": { "overflow": "visible" }, "textStyle": { "fontWeight": "bold" } }, "type": "ia.display.label" }, { "meta": { "name": "EU" }, "position": { "grow": 1 }, "propConfig": { "props.alignVertical": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": "center", "inputType": "scalar", "mappings": [ { "input": 0, "output": "center" }, { "input": 1, "output": "top" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.EU" }, "type": "property" } }, "props.textStyle.fontSize": { "binding": { "config": { "path": "view.params.Size" }, "type": "property" } }, "props.textStyle.textAlign": { "binding": { "config": { "path": "view.params.EU_Pos" }, "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(--units-color)", "marginLeft": 1 } }, "type": "ia.display.label" } ], "meta": { "name": "root" }, "propConfig": { "props.direction": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": "row", "inputType": "scalar", "mappings": [ { "input": 0, "output": "row" }, { "input": 1, "output": "column" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.style.gap": { "binding": { "config": { "path": "view.params.EU_Pos" }, "transforms": [ { "fallback": 2, "inputType": "scalar", "mappings": [ { "input": 0, "output": 2 }, { "input": 1, "output": 0 } ], "outputType": "scalar", "type": "map" } ], "type": "property" } } }, "props": { "alignContent": "center", "alignItems": "center", "justify": "center", "style": { "backgroundColor": "#00000000", "borderBottomLeftRadius": 10, "borderBottomRightRadius": 10, "borderTopLeftRadius": 10, "borderTopRightRadius": 10, "overflow": "visible", "padding": 5 } }, "type": "ia.container.flex" } }