{#snippet menuButton(item: Item, isActive: boolean, isSub: boolean)}
{ if (isSub) { if (active !== null && items[active].items) { subActive = items[active].items.indexOf(item); } } else { active = items.indexOf(item); subActive = null; } }} onclick={(event) => { event.stopPropagation(); if (item.items) { active = items.indexOf(item); subActive = null; } else { exec(item.action); } }} > {item.label} {#if item.items}
▶
{/if}
{/snippet} {#if !isTauri}
{ event.preventDefault(); onclose(); }} >
event.stopPropagation()} onkeydown={onKey} bind:clientWidth={width} bind:clientHeight={height} tabindex="0" > {#each items as item, index} {#if item.type === "separator"}
{:else}
{ if (subActive === null) active = null; }} > {@render menuButton( item, active === index && subActive === null, false, )} {#if item.items && active === index}
window.innerWidth} class:flip-y={top + index * 32 + item.items.length * 32 > window.innerHeight} > {#each item.items as sub, subIndex} {#if sub.type === "separator"}
{:else} {@render menuButton(sub, subActive === subIndex, true)} {/if} {/each}
{/if}
{/if} {/each}
{/if}