Add unique drawer names for each binding drawer
This commit is contained in:
parent
e3c214f310
commit
fe1e035360
|
@ -7,6 +7,7 @@
|
||||||
runtimeToReadableBinding,
|
runtimeToReadableBinding,
|
||||||
} from "builderStore/dataBinding"
|
} from "builderStore/dataBinding"
|
||||||
import BindingPanel from "components/design/PropertiesPanel/BindingPanel.svelte"
|
import BindingPanel from "components/design/PropertiesPanel/BindingPanel.svelte"
|
||||||
|
import { capitalise } from "../../../../helpers"
|
||||||
|
|
||||||
export let label = ""
|
export let label = ""
|
||||||
export let bindable = true
|
export let bindable = true
|
||||||
|
@ -88,26 +89,26 @@
|
||||||
on:click={bindingDrawer.show}>
|
on:click={bindingDrawer.show}>
|
||||||
<Icon name="lightning" />
|
<Icon name="lightning" />
|
||||||
</div>
|
</div>
|
||||||
|
<Drawer bind:this={bindingDrawer} title={capitalise(key)}>
|
||||||
|
<div slot="description">
|
||||||
|
<Body extraSmall grey>
|
||||||
|
Add the objects on the left to enrich your text.
|
||||||
|
</Body>
|
||||||
|
</div>
|
||||||
|
<heading slot="buttons">
|
||||||
|
<Button thin blue disabled={!valid} on:click={handleClose}>Save</Button>
|
||||||
|
</heading>
|
||||||
|
<div slot="body">
|
||||||
|
<BindingPanel
|
||||||
|
bind:valid
|
||||||
|
value={safeValue}
|
||||||
|
close={handleClose}
|
||||||
|
on:update={e => (temporaryBindableValue = e.detail)}
|
||||||
|
{bindableProperties} />
|
||||||
|
</div>
|
||||||
|
</Drawer>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<Drawer bind:this={bindingDrawer} title="Bindings">
|
|
||||||
<div slot="description">
|
|
||||||
<Body extraSmall grey>
|
|
||||||
Add the objects on the left to enrich your text.
|
|
||||||
</Body>
|
|
||||||
</div>
|
|
||||||
<heading slot="buttons">
|
|
||||||
<Button thin blue disabled={!valid} on:click={handleClose}>Save</Button>
|
|
||||||
</heading>
|
|
||||||
<div slot="body">
|
|
||||||
<BindingPanel
|
|
||||||
bind:valid
|
|
||||||
value={safeValue}
|
|
||||||
close={handleClose}
|
|
||||||
on:update={e => (temporaryBindableValue = e.detail)}
|
|
||||||
{bindableProperties} />
|
|
||||||
</div>
|
|
||||||
</Drawer>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.property-control {
|
.property-control {
|
||||||
|
|
Loading…
Reference in New Issue