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}, {name:'4', id:4}];

let myList2 = [{name:'A', id:5}, {name:'B', id:6}, {name:'C', id:7}, {name:'D', id:8}];

let selectedIds = [];

function setUpSortable() {

Sortable.create(foo, {

group: {

name: 'foo',

put: true,

// pull: 'clone',

},

revertDOM: true,

animation: 300,

delay: 200,

delayOnTouchOnly: true,

multiDrag: true,

// multiDragKey: 'CTRL',

selectedClass: 'selected',

onSelect: (e) => { slectIds(myList1, e) },

onDeselect: (e) => { slectIds(myList1, e) },

onAdd: (e) => {

// drag from one list and drop into another