Disable save button in drawerbindableinput when syntax is invalid

packages/builder/src/components/common/bindings/DrawerBindableInput.svelte

@@ -17,6 +17,7 @@
 
   const dispatch = createEventDispatcher()
   let bindingDrawer
+  let valid = true
   $: readableValue = runtimeToReadableBinding(bindings, value)
   $: tempValue = readableValue
 
@@ -48,10 +49,13 @@
   <svelte:fragment slot="description">
     Add the objects on the left to enrich your text.
   </svelte:fragment>
-  <Button cta slot="buttons" on:click={saveBinding}>Save</Button>
+  <Button cta slot="buttons" disabled={!valid} on:click={saveBinding}>
+    Save
+  </Button>
   <svelte:component
     this={panel}
     slot="body"
+    bind:valid
     value={readableValue}
     on:change={event => (tempValue = event.detail)}
     bindableProperties={bindings}