tool strip button, execute current command

This commit is contained in:
Jan Prochazka
2022-02-17 10:53:47 +01:00
parent 1b4bc427e3
commit 6a7afeff53
5 changed files with 124 additions and 12 deletions

View File

@@ -0,0 +1,23 @@
<script lang="ts">
import { currentDropDownMenu } from '../stores';
import ToolStripButton from './ToolStripButton.svelte';
import ToolStripSplitButton from './ToolStripSplitButton.svelte';
export let menu;
export let title = undefined;
export let label;
export let icon;
export let component = ToolStripButton;
function handleClick(e) {
const rect = e.detail.target.getBoundingClientRect();
const left = rect.left;
const top = rect.bottom;
currentDropDownMenu.set({ left, top, items: menu });
}
</script>
<ToolStripSplitButton {title} {icon} on:splitclick={handleClick} on:click>
<slot />
</ToolStripSplitButton>