-
Notifications
You must be signed in to change notification settings - Fork 1
/
directive.js
91 lines (78 loc) · 1.65 KB
/
directive.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import Sortable from "sortablejs";
/**
* Triggers on bind
* @public
* @param {object} element
* @param {object} binding
* @return {undefined}
*/
var bind = function(element, binding) {
if ((binding.value || {}).disabled === true) {
__reset(element);
return;
}
// Initialize private state ($sortablejs)
element.$s = {};
element.$s.sortable = null;
element.$s.options = (binding.value || {}).options || null;
// Initialize Sortable
element.$s.sortable = new Sortable(element, {
...element.$s.options
});
// Forward Sortable instance
__emitEvent(element, "ready", {
sortable: element.$s.sortable
});
};
/**
* Triggers on update
* @public
* @param {object} element
* @param {object} binding
* @return {undefined}
*/
var update = function(element, binding) {
if (binding.value !== binding.oldValue) {
bind(element, binding);
}
};
/**
* Triggers on unbind
* @public
* @param {object} element
* @return {undefined}
*/
var unbind = function(element) {
__reset(element);
};
/**
* Emits event
* @private
* @param {object} element
* @param {string} type
* @param {object} data
* @return {undefined}
*/
var __emitEvent = function(element, type, data) {
const event = new CustomEvent(type);
for (let key in data) {
event[key] = data[key];
}
element.dispatchEvent(event);
};
/**
* Resets
* @private
* @param {object} element
* @return {undefined}
*/
var __reset = function(element) {
// Reset Sortable
if ((element.$s || {}).sortable) {
element.$s.sortable.destroy();
element.$s.sortable = null;
}
// Reset private state
element.$s = {};
};
export { bind, update, unbind };