- various __all__

- serializer: track search, reorder module files
- autocomplete: allow simple string value selection
- playlist editor:
    - ui & flow improve
    - init data
    - save user settings
    - autocomplete
    - fix bugs
    - discard changes

assets/src/components/AList.vue

@@ -5,7 +5,7 @@
         <component :is="listTag" :class="listClass">
             <template v-for="(item,index) in items" :key="index">
                 <component :is="itemTag" :class="itemClass" @click="select(index)"
-                        :draggable="orderable"
+                        :draggable="orderable" :data-index="index"
                         @dragstart="onDragStart" @dragover="onDragOver" @drop="onDrop">
                     <slot name="item" :selected="index == selectedIndex" :set="set" :index="index" :item="item"></slot>
                 </component>
@@ -70,7 +70,7 @@ export default {
 
         onDragStart(ev) {
             const dataset = ev.target.dataset;
-            const data = `cell:${dataset.index}`
+            const data = `row:${dataset.index}`
             ev.dataTransfer.setData("text/cell", data)
             ev.dataTransfer.dropEffect = 'move'
         },
@@ -82,11 +82,11 @@ export default {
 
         onDrop(ev) {
             const data = ev.dataTransfer.getData("text/cell")
-            if(!data || !data.startsWith('cell:'))
+            if(!data || !data.startsWith('row:'))
                 return
 
             ev.preventDefault()
-            const from = Number(data.slice(5))
+            const from = Number(data.slice(4))
             const target = ev.target.tagName == this.itemTag ? ev.target
                                 : ev.target.closest(this.itemTag)
             this.$emit('move', {