import { Controller } from "@hotwired/stimulus"

import Sortable from "sortablejs"


export default class extends Controller {
    connect() {
        const self = this
        self.sortable(self.element)
    }

    sortable(element) {
        const self = this

        let options = {
            animation: 150,
            fallbackOnBody: true,
            swapThreshold: 0.65,
            handle: self.data.get("handle"),
        }

        Sortable.create(element, options)
    }
};