{ "custom": { "colorHandler": { "auto": "#27669C", "manual": "#9C6427", "none": "#FFFFFF" } }, "params": { "Mode": 0 }, "propConfig": { "custom.colorHandler": { "persistent": true }, "params.Mode": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 20, "width": 111 } }, "root": { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "100%", "grow": 1 }, "propConfig": { "props.style.backgroundColor": { "binding": { "config": { "path": "view.params.Mode" }, "transforms": [ { "fallback": "purple", "inputType": "scalar", "mappings": [ { "input": false, "output": "var(--state-standby)" }, { "input": true, "output": "var(--state-running)" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } }, "props.text": { "binding": { "config": { "path": "view.params.Mode" }, "transforms": [ { "fallback": "none", "inputType": "scalar", "mappings": [ { "input": true, "output": "Compressor ON" }, { "input": false, "output": "Compressor OFF" } ], "outputType": "scalar", "type": "map" } ], "type": "property" } } }, "props": { "style": { "borderBottomLeftRadius": "var(--borderRadius)", "borderBottomRightRadius": "var(--borderRadius)", "borderTopLeftRadius": "var(--borderRadius)", "borderTopRightRadius": "var(--borderRadius)", "paddingLeft": 5, "paddingRight": 5 }, "textStyle": { "color": "black", "fontSize": 12, "textAlign": "center" } }, "type": "ia.display.label" } ], "meta": { "name": "root" }, "props": { "direction": "column", "style": { "borderBottomLeftRadius": "var(--borderRadius)", "borderBottomRightRadius": "var(--borderRadius)", "borderTopLeftRadius": "var(--borderRadius)", "borderTopRightRadius": "var(--borderRadius)", "boxShadow": "var(--boxShadow1)", "overflow": "visible" } }, "type": "ia.container.flex" } }