Spaces:
Sleeping
Sleeping
File size: 811 Bytes
43a06dc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<script lang="ts">
export let id: string;
export let classes = "";
export let draggedOver = false;
export let file: File | undefined;
const dropHandler = async (ev: DragEvent) => {
draggedOver = false;
ev.preventDefault();
if (ev?.dataTransfer?.files.length === 1) {
file = ev.dataTransfer.files[0];
return file;
}
};
const dragOverHandler = (ev: DragEvent) => {
draggedOver = true;
ev.preventDefault();
};
</script>
<div
{id}
class={classes}
role="region"
on:drop={(ev) => dropHandler(ev)}
on:dragover={(ev) => dragOverHandler(ev)}
on:dragend={() => {
draggedOver = false;
}}
on:dragleave={() => {
draggedOver = false;
}}
>
<slot></slot>
</div>
|