Add use= support to Popover

Fixes #21

Not sure it's worth doing this component by component instead of figuring out <Render> first but w/e
This commit is contained in:
Ryan Gossiaux
2021-12-16 16:35:09 -08:00
parent 3b340fbde5
commit f5130c6cc1
5 changed files with 21 additions and 4 deletions

View File

@@ -1,8 +1,11 @@
<script lang="ts">
import { ActionArray, useActions } from "$lib/hooks/use-actions";
import { State } from "$lib/internal/open-closed";
import { getContext } from "svelte";
import type { Writable } from "svelte/store";
import { PopoverStates, usePopoverContext } from "./Popover.svelte";
export let use: ActionArray = [];
let api = usePopoverContext("PopoverOverlay");
@@ -19,7 +22,7 @@
</script>
{#if visible}
<div {...$$restProps} on:click={handleClick} aria-hidden>
<div use:useActions={use} {...$$restProps} on:click={handleClick} aria-hidden>
<slot open={$api.popoverState === PopoverStates.Open} />
</div>
{/if}