|
|
@ -16,6 +16,11 @@ |
|
|
export const show = () => { |
|
|
export const show = () => { |
|
|
dropdown.show() |
|
|
dropdown.show() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const closeOnClickWrapper = (cb) => { |
|
|
|
|
|
dropdown.hide() |
|
|
|
|
|
cb() |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<div class="contents" use:getAnchor on:click={dropdown.show}> |
|
|
<div class="contents" use:getAnchor on:click={dropdown.show}> |
|
|
@ -23,7 +28,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<Popover bind:this={dropdown} {anchor} align="left"> |
|
|
<Popover bind:this={dropdown} {anchor} align="left"> |
|
|
<Menu> |
|
|
<Menu> |
|
|
<slot /> |
|
|
<slot closeOnClick={closeOnClickWrapper} /> |
|
|
</Menu> |
|
|
</Menu> |
|
|
</Popover> |
|
|
</Popover> |
|
|
|
|
|
|
|
|
|