<script lang="ts">
  import type { EmbeddedFile } from "../main";
  import { createEventDispatcher } from "svelte";
  import Embedding from "./Embedding.svelte";
  import Dial from "./Dial.svelte";
  import Nail from "./Nail.svelte";

  export const dispatch = createEventDispatcher();

  export let files: EmbeddedFile[];
  export let id: string = "";

  let children: { [k in number]: Embedding } = {};
  export async function bepis(ev: MouseEvent) {
    for (let child of Object.values(children)) child.bepis(ev);
  }
</script>

<Dial dist={220}>
  {#each files as file, i}
    <Nail>
      <Embedding on:fileinfo bind:this={children[i]} {id} {file} />
    </Nail>
  {/each}
</Dial>

<style scoped>
</style>
