Initial commit with files

Still need to fix the imports
This commit is contained in:
Ryan Gossiaux
2021-12-13 17:13:47 -08:00
parent 42aba8a158
commit db9ec57065
56 changed files with 4034 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
<script lang="ts">
import { State } from "./open-closed";
import { getContext } from "svelte";
import type { Writable } from "svelte/store";
import { PopoverStates, StateDefinition } from "./Popover.svelte";
let api: Writable<StateDefinition> | undefined = getContext("PopoverApi");
let openClosedState: Writable<State> | undefined = getContext("OpenClosed");
$: visible =
openClosedState !== undefined
? $openClosedState === State.Open
: $api.popoverState === PopoverStates.Open;
function handleClick() {
$api.closePopover();
}
</script>
{#if visible}
<div {...$$restProps} on:click={handleClick} aria-hidden>
<slot open={$api.popoverState === PopoverStates.Open} />
</div>
{/if}