{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-leo/demos/bibliographie/leodragexample.js"],"names":["LeoDragExample","create","lively","notify","hello","world","description","addEventListener","dragStart","dragEnd","drop","event","innerHTML","dataTransfer","setData","target","id","preventDefault","data","getData","console","log","types","appendChild","query"],"mappings":";;;;;;;;;;;;;;;;;;AAAe,YAAMA,cAAN,CAAoB;AACjC,qBAAaC,MAAb,GAAuB;AACrBC,iBAAOC,MAAP,CAAc,YAAd;AACA,cAAIC,kEAAgB,UAAhB,wCAAqC,MAArC,iCAAmD,MAAMF,OAAOC,MAAP,CAAc,IAAd,CAAzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAJ;;AAIA,cAAIE,kEAAgB,UAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAJ;;AAIA,cAAIC,sEAAoB,aAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAJ;;AAEAF,gBAAMG,gBAAN,CAAuB,WAAvB,EAAoCC,SAApC;AACAJ,gBAAMG,gBAAN,CAAuB,SAAvB,EAAkCE,OAAlC;;AAEAJ,gBAAME,gBAAN,CAAuB,MAAvB,EAA+BG,IAA/B;;AAEA;;;;;;;;AAQA;;;;;;;;;;;AAcA,mBAASF,SAAT,CAAmBG,KAAnB,EAA0B;AACxBL,wBAAYM,SAAZ,GAAwB,UAAxB;AACAD,kBAAME,YAAN,CAAmBC,OAAnB,CAA2B,SAA3B,EAAsCH,MAAMI,MAAN,CAAaC,EAAnD;AACD;;AAED,mBAASP,OAAT,CAAiBE,KAAjB,EAAwB;AACtBL,wBAAYM,SAAZ,GAAwB,EAAxB;AACD;;AAED,mBAASF,IAAT,CAAcC,KAAd,EAAqB;AACnBA,kBAAMM,cAAN;AACA,gBAAIC,OAAOP,MAAME,YAAN,CAAmBM,OAAnB,CAA2B,SAA3B,CAAX;AACAC,oBAAQC,GAAR,CAAY,uBAAuBV,MAAME,YAAN,CAAmBS,KAAtD;AACAX,kBAAMI,MAAN,CAAaQ,WAAb,CAAyBrB,OAAOsB,KAAP,CAAa,IAAb,EAAmB,MAAIN,IAAvB,CAAzB;AACD;;AAGD,mGACGd,KADH,4CAEGC,KAFH,4CAGGC,WAHH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKD;AA9DgC;;yBAAdN,c","file":"leodragexample.js","sourcesContent":["export default class LeoDragExample{\n  static async create () {\n    lively.notify('create bla')\n    var hello = <div id=\"helloDiv\" draggable=\"true\" click={() => lively.notify('hi')}>\n        Hi\n      </div>\n\n    var world = <div id=\"worldDiv\">\n        World\n      </div>\n\n    let description = <p id=\"description\"></p>\n\n    hello.addEventListener('dragstart', dragStart);\n    hello.addEventListener('dragend', dragEnd);\n\n    world.addEventListener('drop', drop);\n\n    /*fetch(\"academic://expr:Composite(AA.AuId=2055148755)?count=1000\", {\n      method: \"GET\",\n      headers: {\n        \"content-type\": \"application/json; charset=utf-8\"\n      },\n      body: JSON.stringify({query: \"Jens Lincke 2014\", queryExpression: \"\", filters: [], orderBy: 0, skip: 0, sortAscending: true, take: 10})\n    }).then(r => console.log(\"JSON\", r));*/\n\n    /*var json;\n\n    (async () => {\n    json = await fetch(\"https://academic.microsoft.com/api/search\", {\n      method: \"POST\",\n      headers: {\n        \"content-type\": \"application/json; charset=utf-8\"\n      },\n      body: JSON.stringify({query: \"Jens Lincke\", queryExpression: \"\", filters: [], orderBy: 0, skip: 0, sortAscending: true, take: 10})\n    }).then(r => r.json())\n    })()*/\n\n\n\n    function dragStart(event) {\n      description.innerHTML = \"dragging\";\n      event.dataTransfer.setData(\"element\", event.target.id);\n    }\n\n    function dragEnd(event) {\n      description.innerHTML = \"\";\n    }\n\n    function drop(event) {\n      event.preventDefault();\n      var data = event.dataTransfer.getData(\"element\");\n      console.log(\"Datatransfer Types\" + event.dataTransfer.types);\n      event.target.appendChild(lively.query(this, '#'+data))\n    }\n\n\n    return <div>\n      {hello}\n      {world}\n      {description}\n    </div>\n  }\n}"]}