31 lines
583 B
Svelte
31 lines
583 B
Svelte
<script>
|
|
import BindingPanel from "./BindingPanel.svelte"
|
|
|
|
export let bindings = []
|
|
export let valid
|
|
export let value = ""
|
|
export let allowJS = false
|
|
|
|
$: enrichedBindings = enrichBindings(bindings)
|
|
|
|
// Ensure bindings have the correct categories
|
|
const enrichBindings = bindings => {
|
|
if (!bindings?.length) {
|
|
return bindings
|
|
}
|
|
return bindings?.map(binding => ({
|
|
...binding,
|
|
category: "Bindable Values",
|
|
type: null,
|
|
}))
|
|
}
|
|
</script>
|
|
|
|
<BindingPanel
|
|
bind:valid
|
|
bindings={enrichedBindings}
|
|
{value}
|
|
{allowJS}
|
|
on:change
|
|
/>
|