{
  "custom": {
    "buffer": null,
    "value": null
  },
  "params": {
    "tagPath": "[default]CDU_Test1/Config/Secondary DP Setpoint"
  },
  "propConfig": {
    "custom.buffer": {
      "persistent": true
    },
    "custom.value": {
      "binding": {
        "config": {
          "bidirectional": true,
          "coalesce": true,
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "{tagPath}"
        },
        "type": "tag"
      },
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 50,
      "width": 500
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "25%"
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "fallbackDelay": 2.5,
                "mode": "indirect",
                "references": {
                  "tagPath": "{view.params.tagPath}"
                },
                "tagPath": "{tagPath}.uiLabel"
              },
              "type": "tag"
            }
          }
        },
        "props": {
          "style": {
            "classes": "Common/Static/text"
          }
        },
        "type": "ia.display.label"
      },
      {
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "script": "\tself.view.custom.value -\u003d 1"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Icon"
        },
        "position": {
          "basis": "5%"
        },
        "props": {
          "color": "var(--call-to-action)",
          "path": "material/indeterminate_check_box"
        },
        "type": "ia.display.icon"
      },
      {
        "events": {
          "dom": {
            "onMouseUp": {
              "config": {
                "script": "\tself.view.custom.value \u003d self.view.custom.buffer"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Slider"
        },
        "position": {
          "basis": "35%"
        },
        "propConfig": {
          "props.max": {
            "binding": {
              "config": {
                "fallbackDelay": 2.5,
                "mode": "indirect",
                "references": {
                  "tagPath": "{view.params.tagPath}"
                },
                "tagPath": "{tagPath}.EngHigh"
              },
              "type": "tag"
            }
          },
          "props.min": {
            "binding": {
              "config": {
                "fallbackDelay": 2.5,
                "mode": "indirect",
                "references": {
                  "tagPath": "{view.params.tagPath}"
                },
                "tagPath": "{tagPath}.EngLow"
              },
              "type": "tag"
            }
          },
          "props.value": {
            "binding": {
              "config": {
                "bidirectional": true,
                "path": "view.custom.buffer"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "handleColor": "var(--call-to-action)",
          "trackColor": "var(--call-to-action-highlight)"
        },
        "type": "ia.input.slider"
      },
      {
        "events": {
          "dom": {
            "onClick": {
              "config": {
                "script": "\tself.view.custom.value +\u003d 1"
              },
              "scope": "G",
              "type": "script"
            }
          }
        },
        "meta": {
          "name": "Icon_0"
        },
        "position": {
          "basis": "5%"
        },
        "props": {
          "color": "var(--call-to-action)",
          "path": "material/add_box"
        },
        "type": "ia.display.icon"
      },
      {
        "meta": {
          "name": "NumericEntryField"
        },
        "position": {
          "basis": "20%"
        },
        "propConfig": {
          "props.value": {
            "binding": {
              "config": {
                "bidirectional": true,
                "path": "view.custom.value"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "classes": "Input/text_field",
            "paddingBottom": "var(--space-xs)",
            "paddingTop": "var(--space-xs)"
          }
        },
        "type": "ia.input.numeric-entry-field"
      },
      {
        "meta": {
          "name": "Label_0"
        },
        "position": {
          "basis": "10%"
        },
        "props": {
          "style": {
            "classes": "Common/Static/text_muted"
          },
          "text": "degF"
        },
        "type": "ia.display.label"
      }
    ],
    "events": {
      "system": {
        "onStartup": {
          "config": {
            "script": "\tself.view.custom.buffer \u003d self.view.custom.value"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "props": {
      "justify": "center",
      "style": {
        "gap": "var(--space-sm)",
        "padding": "var(--space-xs)"
      }
    },
    "type": "ia.container.flex"
  }
}