multiarray.html

<template>
  <div class="container-fluid">
    <dragula-and-drop drop-fn.call="itemDropped(item, target, source, sibling)"></dragula-and-drop>
    <div class="row">
      <div class="col-md-4">
        <h4>Array A</h4>
        <div class="drag-source drop-target drop-style" data-list="arra">
          <compose repeat.for="item of arra" view-model.bind="item" data-index.bind="$index"></compose>
        </div>
      </div>
      <div class="col-md-4">
        <h4>Array B</h4>
        <div class="drag-source drop-target drop-style" data-list="arrb">
          <compose repeat.for="item of arrb" view-model.bind="item" data-index.bind="$index"></compose>
        </div>
      </div>
      <div class="col-md-4">
        <h4>Array C</h4>
        <div class="drag-source drop-target drop-style" data-list="arrc">
          <compose repeat.for="item of arrc" view-model.bind="item" data-index.bind="$index"></compose>
        </div>
      </div>
    </div>
  </div>
</template>