Получить позицию перетаскивания

Question

Я использую Angular-JS Dragula для перетаскивания

Мне нужно сохранить позицию, потому что пользователь выбирает собственную позицию div. Вот так выглядит мой HTML

<div class='wrapper'>
  <div class='container' dragula='"first-bag"'>
    <div>You can move these elements between these two containers</div>
    <div>Moving them anywhere else isn't quite possible</div>
    <div>There's also the possibility of moving elements around in the same container, changing their position</div>
  </div>
</div>

С $scope.$on я получил over а также out событие, но я не могу получить id или что-то подобное для получения позиции, чтобы сохранить в cookie.

$scope.$on('first-bag.over', function (e, el) {
  el.addClass('over');
  console.log(e);
  console.log(el);
})

$scope.$on('first-bag.out', function (e, el) {
  el.removeClass('over');
  console.log(e);
  console.log(el);
});

Вот плункер, откройте консоль, чтобы увидеть, что происходит. Пожалуйста, если кто-то знает, как при каждом перетаскивании сохранять порядок деления, то в следующий раз, когда пользователь вернется, чтобы получить сохраненную позицию. Thnx

https://plnkr.co/edit/AeGw9A3196DsYBHFv98b?p=preview