<script>
import Sortable from './Sortable.min.js';
import { onMount } from "svelte";
onMount(async () => {
setUpSortable();
});
let foo, bar;
let myList1 = [{name:'1', id:1}, {name:'2', id:2}, {name:'3', id:3}]
let myList2 = [{name:'A', id:4}, {name:'B', id:5}, {name:'C', id:6}]
function setUpSortable() {
Sortable.create(foo, {
group: {
name: 'foo',
put: true,
// pull: false,
},
revertDOM: true,
animation: 300,
delay: 200,
delayOnTouchOnly: true,
onAdd: (e) => {
// drag from one list and drop into another
if ( duplicatedId(myList2[e.oldIndex].id, myList1) ) return;
console.log("moved", e.item)
console.log("to", e.toSortable)
console.log("from", e.fromSortable)
if (e.fromSortable.options.group.name == 'bar') {
myList1.splice(e.newIndex, 0, myList2[e.oldIndex]);
if (e.pullMode !== 'clone') {
// delete
myList2.splice(e.oldIndex, 1);