{#if isOpen} ({ timeframe: 300, minSwipeDistance: 60 })} onswipe={(ev: SwipeCustomEvent) => { if (ev.detail.direction === "left") { dispatch("toggle", false); } }} class="fixed inset-0 z-30 grid max-h-screen grid-cols-1 grid-rows-[auto,1fr,auto,auto] bg-white pt-4 dark:bg-gray-900" in:fly={{ x: -window.innerWidth, duration: 250 }} out:fly={{ x: -window.innerWidth, duration: 250 }} > {#if page.url.pathname === base + "/"} dispatch("toggle", false)} aria-label="Close menu" bind:this={closeEl}> {/if} {@render children?.()} {/if}