{
  "custom": {
    "value": true
  },
  "params": {
    "item": {
      "access_level": 0,
      "format": "0.0",
      "group": 1,
      "is_hidden": false,
      "is_read_only": false,
      "item_label": "Remote Start",
      "order": 1,
      "states": [
        "Off",
        "On"
      ],
      "sub_path": "/Control/start",
      "tagpath": "[Ignition_TX21_BE]DM11/Testing_CDU/Control/start",
      "type": "control",
      "widget": "btn_set_reset"
    }
  },
  "propConfig": {
    "custom.value": {
      "binding": {
        "config": {
          "bidirectional": true,
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagpath": "{view.params.item.tagpath}"
          },
          "tagPath": "{tagpath}/val"
        },
        "type": "tag"
      },
      "persistent": true
    },
    "params.item": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 50,
      "width": 500
    }
  },
  "root": {
    "children": [
      {
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "script": "\tself.view.custom.value \u003d True"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Button"
        },
        "position": {
          "basis": "80px"
        },
        "propConfig": {
          "props.style.backgroundColor": {
            "binding": {
              "config": {
                "path": "view.custom.value"
              },
              "transforms": [
                {
                  "fallback": "var(--container-nested)",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": false,
                      "output": "var(--container-nested)"
                    },
                    {
                      "input": true,
                      "output": "var(--call-to-action)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "props.style.color": {
            "binding": {
              "config": {
                "path": "view.custom.value"
              },
              "transforms": [
                {
                  "fallback": "var(--container-nested)",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": true,
                      "output": "var(--container-nested)"
                    },
                    {
                      "input": false,
                      "output": "var(--call-to-action)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "text": "Start"
        },
        "type": "ia.input.button"
      },
      {
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "script": "\tself.view.custom.value \u003d False"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Button_0"
        },
        "position": {
          "basis": "80px"
        },
        "propConfig": {
          "props.style.backgroundColor": {
            "binding": {
              "config": {
                "path": "view.custom.value"
              },
              "transforms": [
                {
                  "fallback": "var(--container-nested)",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": true,
                      "output": "var(--container-nested)"
                    },
                    {
                      "input": false,
                      "output": "var(--call-to-action)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          },
          "props.style.color": {
            "binding": {
              "config": {
                "path": "view.custom.value"
              },
              "transforms": [
                {
                  "fallback": "var(--container-nested)",
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": false,
                      "output": "var(--container-nested)"
                    },
                    {
                      "input": true,
                      "output": "var(--call-to-action)"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "text": "Stop"
        },
        "type": "ia.input.button"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "justify": "center",
      "style": {
        "gap": "var(--space-sm)",
        "padding": "var(--space-xs)"
      }
    },
    "type": "ia.container.flex"
  }
}