lavkach3

1
$(function () {
2
  dragula([document.getElementById("draggable-area")]),
3
    dragula([document.getElementById("card-colors")])
4
      .on("drag", function (e) {
5
        e.className = e.className.replace("card-moved", "");
6
      })
7
      .on("drop", function (e) {
8
        e.className += " card-moved";
9
      })
10
      .on("over", function (e, t) {
11
        t.className += " card-over";
12
      })
13
      .on("out", function (e, t) {
14
        t.className = t.className.replace("card-over", "");
15
      }),
16
    dragula(
17
      [
18
        document.getElementById("copy-left"),
19
        document.getElementById("copy-right"),
20
      ],
21
      {
22
        copy: !0,
23
      }
24
    ),
25
    dragula(
26
      [
27
        document.getElementById("left-handles"),
28
        document.getElementById("right-handles"),
29
      ],
30
      {
31
        moves: function (e, t, n) {
32
          return n.classList.contains("handle");
33
        },
34
      }
35
    ),
36
    dragula(
37
      [
38
        document.getElementById("left-titleHandles"),
39
        document.getElementById("right-titleHandles"),
40
      ],
41
      {
42
        moves: function (e, t, n) {
43
          return n.classList.contains("titleArea");
44
        },
45
      }
46
    );
47
});
48