dnd wip

resources/views/livewire/mapper-left.blade.php

@@ -1,3 +1,10 @@
-<div>
+<ul class="drag-and-drop__items" :class="{ 'drag-and-drop__items--removing': removing }" x-on:drop="removing = false"
+    x-on:drop.prevent="
+                const id = event.dataTransfer.getData('text/plain');
+                const target = event.target.closest('ul');
+                const element = document.getElementById(id);
+                alert(element)
+            "
+    x-on:dragover.prevent="removing = true" x-on:dragleave.prevent="removing = false">
     {{ $this->table }}
-</div>
+</ul>