fluid-dnd 2.5.0 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HandlerPublisher-DBjPMiyO.js → HandlerPublisher-CRu7xI9p.js} +1 -1
- package/dist/{HandlerPublisher-1MmlNkG3.cjs → HandlerPublisher-CrUNmzg-.cjs} +1 -1
- package/dist/core/events/changeDraggableStyles.d.ts +1 -1
- package/dist/core/events/dragAndDrop/dragAndDrop.d.ts +1 -1
- package/dist/core/events/dragAndDrop/dragAndDrop.js +1 -5
- package/dist/core/events/insert.d.ts +1 -1
- package/dist/core/events/remove.d.ts +2 -2
- package/dist/core/events/remove.js +4 -5
- package/dist/core/index.d.ts +0 -6
- package/dist/core/index.js +0 -7
- package/dist/core/positioning/usePositioning.d.ts +2 -2
- package/dist/core/positioning/usePositioning.js +35 -24
- package/dist/core/tempChildren.d.ts +2 -2
- package/dist/core/tempChildren.js +0 -3
- package/dist/core/useDraggable.js +17 -10
- package/dist/core/useDroppable.js +1 -3
- package/dist/core/utils/GetStyles.d.ts +1 -0
- package/dist/core/utils/GetStyles.js +3 -0
- package/dist/core/utils/ParseStyles.d.ts +1 -1
- package/dist/core/utils/ParseStyles.js +1 -1
- package/dist/core/utils/SetStyles.d.ts +1 -6
- package/dist/core/utils/SetStyles.js +1 -29
- package/dist/core/utils/dom/classList.d.ts +2 -2
- package/dist/core/utils/dom/classList.js +2 -11
- package/dist/index-BOqB07mI.cjs +1 -0
- package/dist/index-CJpjY7r7.js +1130 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +2 -2
- package/dist/{insert-Dd8savAS.js → insert--mO_a1mv.js} +6 -6
- package/dist/{insert-T4Y6rI_j.cjs → insert-CEcy9QNd.cjs} +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.mjs +13 -13
- package/dist/remove-C4YcWK2S.js +48 -0
- package/dist/remove-dSzXNYxs.cjs +1 -0
- package/dist/svelte/index.cjs +1 -1
- package/dist/svelte/index.mjs +3 -3
- package/dist/vue/index.cjs +1 -1
- package/dist/vue/index.mjs +3 -3
- package/package.json +1 -1
- package/dist/index-BdOAK6C7.cjs +0 -1
- package/dist/index-HczUoMBK.js +0 -1131
- package/dist/remove-BC4sUY1o.cjs +0 -1
- package/dist/remove-M01dmTvo.js +0 -48
package/dist/index-HczUoMBK.js
DELETED
@@ -1,1131 +0,0 @@
|
|
1
|
-
var Pe = Object.defineProperty;
|
2
|
-
var Fe = (t, e, n) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
3
|
-
var X = (t, e, n) => Fe(t, typeof e != "symbol" ? e + "" : e, n);
|
4
|
-
const Y = "horizontal", z = "vertical";
|
5
|
-
var P = /* @__PURE__ */ ((t) => (t[t.NOT_DRAGGING = 0] = "NOT_DRAGGING", t[t.START_DRAGGING = 1] = "START_DRAGGING", t[t.DRAGING = 2] = "DRAGING", t[t.END_DRAGGING = 3] = "END_DRAGGING", t))(P || {});
|
6
|
-
const q = "draggable", Vt = "droppable", xt = "handler-class", Nt = "dragging", Yt = "dragging-handler-class", Xt = "dropping", ie = "grabbing", _e = "grab", Un = "disable-transition", K = (t, e) => t.classList.contains(e), ht = (t, e, n = !1) => {
|
7
|
-
t.classList.toggle(e, n);
|
8
|
-
}, ct = (t, e) => {
|
9
|
-
t.classList.add(e);
|
10
|
-
}, Jt = (t, e) => {
|
11
|
-
t.classList.remove(e);
|
12
|
-
}, $e = (t, e) => At(e).every(
|
13
|
-
(n) => K(t, n)
|
14
|
-
), lt = (t) => t ? `.${At(t).join(".")}` : "", Ve = (t, e) => {
|
15
|
-
if (!e)
|
16
|
-
return;
|
17
|
-
const n = At(e);
|
18
|
-
t.classList.add(...n);
|
19
|
-
}, At = (t) => t ? t.split(" ").filter((e) => e) : [], Ye = () => {
|
20
|
-
const { scrollX: t, scrollY: e } = window;
|
21
|
-
return { scrollX: t, scrollY: e };
|
22
|
-
}, zt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Xe = (t) => t ? parseInt(t) : -1, We = (t) => {
|
23
|
-
const e = getComputedStyle(t), n = new DOMMatrixReadOnly(e.transform);
|
24
|
-
return {
|
25
|
-
x: n.m41,
|
26
|
-
y: n.m42
|
27
|
-
};
|
28
|
-
}, ae = (t, e) => t.x1 > e.x1 ? ae(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, Dt = (t, e) => !He(t, e), He = (t, e) => {
|
29
|
-
const { intersectionX: n, intersectionY: s, rect1: o, rect2: r } = le(t, e);
|
30
|
-
return s >= Math.min(o.height, r.height) / 2 && n >= Math.min(o.width, r.width) / 2;
|
31
|
-
}, qe = (t, e) => !ze(t, e), ze = (t, e) => {
|
32
|
-
const { intersectionX: n, intersectionY: s } = le(t, e);
|
33
|
-
return s >= 0 && n >= 0;
|
34
|
-
}, le = (t, e) => {
|
35
|
-
const n = B(t), s = B(e), o = Kt(n, s, z), r = Kt(n, s, Y);
|
36
|
-
return {
|
37
|
-
rect1: n,
|
38
|
-
rect2: s,
|
39
|
-
intersectionX: r,
|
40
|
-
intersectionY: o
|
41
|
-
};
|
42
|
-
}, Kt = (t, e, n) => {
|
43
|
-
const { before: s, distance: o } = L(n);
|
44
|
-
return ae(
|
45
|
-
{
|
46
|
-
x1: t[s],
|
47
|
-
x2: t[s] + t[o]
|
48
|
-
},
|
49
|
-
{
|
50
|
-
x1: e[s],
|
51
|
-
x2: e[s] + e[o]
|
52
|
-
}
|
53
|
-
);
|
54
|
-
}, Et = (t, e) => t ? zt(getComputedStyle(t)[e]) : 0, Qt = (t) => {
|
55
|
-
const { scrollLeft: e, scrollTop: n } = t;
|
56
|
-
return { scrollLeft: e, scrollTop: n };
|
57
|
-
}, B = (t) => t.getBoundingClientRect(), j = (t, e) => {
|
58
|
-
const { distance: n } = L(t);
|
59
|
-
return [e[n], n];
|
60
|
-
}, Bt = (t, e) => {
|
61
|
-
const { axis: n } = L(t);
|
62
|
-
return e[n];
|
63
|
-
}, ut = (t, e) => {
|
64
|
-
const { borderBeforeWidth: n } = L(t);
|
65
|
-
return Et(e, n);
|
66
|
-
}, Rt = (t, e) => {
|
67
|
-
const { beforeMargin: n } = L(t);
|
68
|
-
return Et(e, n);
|
69
|
-
}, ue = (t, e) => {
|
70
|
-
const { beforeMargin: n } = L(t);
|
71
|
-
return Et(e, n);
|
72
|
-
}, Tt = (t, e) => {
|
73
|
-
const { afterMargin: n } = L(t);
|
74
|
-
return Et(e, n);
|
75
|
-
}, U = (t, e) => {
|
76
|
-
const { before: n } = L(t);
|
77
|
-
return e[n];
|
78
|
-
}, St = (t, e) => {
|
79
|
-
const { scrollElement: n } = L(t);
|
80
|
-
return [e[n], n];
|
81
|
-
}, it = (t, e) => {
|
82
|
-
const { scroll: n } = L(t);
|
83
|
-
return e[n];
|
84
|
-
}, je = (t, e) => {
|
85
|
-
const { inner: n } = L(t);
|
86
|
-
return e[n];
|
87
|
-
}, jt = (t, e) => {
|
88
|
-
const { page: n } = L(t);
|
89
|
-
return e[n];
|
90
|
-
}, fe = (t, e) => {
|
91
|
-
const { offset: n } = L(t);
|
92
|
-
return e[n];
|
93
|
-
}, L = (t) => {
|
94
|
-
const e = t == Y;
|
95
|
-
return {
|
96
|
-
beforeMargin: e ? "marginLeft" : "marginTop",
|
97
|
-
afterMargin: e ? "marginRight" : "marginBottom",
|
98
|
-
borderBeforeWidth: e ? "borderLeftWidth" : "borderTopWidth",
|
99
|
-
before: e ? "left" : "top",
|
100
|
-
gap: e ? "columnGap" : "rowGap",
|
101
|
-
distance: e ? "width" : "height",
|
102
|
-
axis: e ? "x" : "y",
|
103
|
-
offset: e ? "offsetX" : "offsetY",
|
104
|
-
scroll: e ? "scrollX" : "scrollY",
|
105
|
-
scrollElement: e ? "scrollLeft" : "scrollTop",
|
106
|
-
page: e ? "pageX" : "pageY",
|
107
|
-
inner: e ? "innerWidth" : "innerHeight",
|
108
|
-
scrollDistance: e ? "scrollWidth" : "scrollHeight",
|
109
|
-
clientDistance: e ? "clientWidth" : "clientHeight",
|
110
|
-
paddingBefore: e ? "paddingLeft" : "paddingTop",
|
111
|
-
getRect: B
|
112
|
-
};
|
113
|
-
}, Ft = (t, e) => ke(t, e), Jn = (t) => [...t.children].filter((n) => K(n, q)), ke = (t, e) => {
|
114
|
-
const n = [...e.children].filter((o) => K(o, q) && !o.isEqualNode(t)).toReversed(), s = [...e.children].findLastIndex(
|
115
|
-
(o) => o.isEqualNode(t)
|
116
|
-
);
|
117
|
-
return [n, s, e];
|
118
|
-
}, Ze = (t) => {
|
119
|
-
let e = t.parentElement;
|
120
|
-
for (; e; ) {
|
121
|
-
if (window.getComputedStyle(e).position === "fixed")
|
122
|
-
return e;
|
123
|
-
e = e.parentElement;
|
124
|
-
}
|
125
|
-
return null;
|
126
|
-
}, ge = (t, e) => {
|
127
|
-
const n = Ze(t);
|
128
|
-
return n ? U(e, B(n)) + ut(e, n) : 0;
|
129
|
-
}, N = (t, e) => t == null ? void 0 : t.isSameNode(e), pe = "startDrag", Ot = "drag", de = "startDrop", ot = "temp-child", he = "cubic-bezier(0.2, 0, 0, 1)", Mt = { height: 0, width: 0 }, mt = (t) => window.TouchEvent && t instanceof TouchEvent, Q = (t) => t instanceof HTMLElement, me = (t) => t instanceof MouseEvent, Ue = ["onmouseup", "onmousedown", "onmousemove"], Je = (t, e) => {
|
130
|
-
t && (t.style.height = `${e.height}px`, t.style.width = `${e.width}px`);
|
131
|
-
}, at = (t, e = Mt) => {
|
132
|
-
!t || !Q(t) || (e.width == 0 && e.height == 0 ? t.style.transform = "" : t.style.transform = `translate(${e.width}px,${e.height}px)`);
|
133
|
-
}, Ke = (t, e, n, s) => {
|
134
|
-
t[e] = (o) => {
|
135
|
-
if (o.defaultPrevented)
|
136
|
-
return;
|
137
|
-
s && s(o);
|
138
|
-
const r = Wt(o);
|
139
|
-
n(r);
|
140
|
-
};
|
141
|
-
}, _t = (t, e, n, s) => {
|
142
|
-
n && (Qe(e) ? t[e] = n : Ke(t, e, n, s));
|
143
|
-
}, Qe = (t) => Ue.includes(t), tn = (t) => {
|
144
|
-
const { target: e } = t;
|
145
|
-
return {
|
146
|
-
clientX: 0,
|
147
|
-
clientY: 0,
|
148
|
-
pageX: 0,
|
149
|
-
pageY: 0,
|
150
|
-
screenX: 0,
|
151
|
-
screenY: 0,
|
152
|
-
target: e,
|
153
|
-
offsetX: 0,
|
154
|
-
offsetY: 0
|
155
|
-
};
|
156
|
-
}, en = (t, e) => {
|
157
|
-
const n = (s, o) => sn(e, window, o, s);
|
158
|
-
if (me(t)) {
|
159
|
-
const { offsetX: s, offsetY: o } = t;
|
160
|
-
return [s, o];
|
161
|
-
} else {
|
162
|
-
const s = t.target;
|
163
|
-
return [
|
164
|
-
n(s, Y),
|
165
|
-
n(s, z)
|
166
|
-
];
|
167
|
-
}
|
168
|
-
}, Wt = (t) => {
|
169
|
-
const e = nn(t);
|
170
|
-
if (!e)
|
171
|
-
return tn(t);
|
172
|
-
const [n, s] = en(t, e), { clientX: o, clientY: r, pageX: i, pageY: a, screenX: g, screenY: l, target: h } = e;
|
173
|
-
return {
|
174
|
-
clientX: o,
|
175
|
-
clientY: r,
|
176
|
-
pageX: i,
|
177
|
-
pageY: a,
|
178
|
-
screenX: g,
|
179
|
-
screenY: l,
|
180
|
-
target: h,
|
181
|
-
offsetX: n,
|
182
|
-
offsetY: s
|
183
|
-
};
|
184
|
-
}, nn = (t) => {
|
185
|
-
if (mt(t))
|
186
|
-
return t.touches[0] ?? t.changedTouches[0];
|
187
|
-
if (me(t))
|
188
|
-
return t;
|
189
|
-
}, sn = (t, e, n, s) => {
|
190
|
-
const o = B(s);
|
191
|
-
return jt(n, t) - it(n, e) - U(n, o) - ut(n, s);
|
192
|
-
}, wt = (t, e, n = "ease-out", s = "transform") => {
|
193
|
-
Q(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
|
194
|
-
}, De = (t, e, n) => {
|
195
|
-
!t || !Q(t) || (t[e] = () => {
|
196
|
-
n();
|
197
|
-
});
|
198
|
-
}, on = (t) => {
|
199
|
-
var e = t.querySelector("style");
|
200
|
-
if (!e) {
|
201
|
-
var n = document.createElement("style");
|
202
|
-
return t.appendChild(n), n;
|
203
|
-
}
|
204
|
-
return e;
|
205
|
-
}, rn = (t, e) => {
|
206
|
-
const n = /\.-?[_a-zA-Z0-9-*\s<>():]+/g, [s] = e.match(n) || [];
|
207
|
-
for (const o of t.cssRules) {
|
208
|
-
const [r] = o.cssText.match(n) || [];
|
209
|
-
if (s === r)
|
210
|
-
return !0;
|
211
|
-
}
|
212
|
-
return !1;
|
213
|
-
}, cn = (t, e) => {
|
214
|
-
e.forEach((n) => {
|
215
|
-
an(t, n);
|
216
|
-
});
|
217
|
-
}, an = (t, e) => {
|
218
|
-
var s;
|
219
|
-
var n = on(t);
|
220
|
-
n.sheet && (rn(n.sheet, e) || (s = n.sheet) == null || s.insertRule(e, n.sheet.cssRules.length));
|
221
|
-
}, Te = (t, e = {}) => {
|
222
|
-
for (const n of Object.keys(e)) {
|
223
|
-
const s = e[n];
|
224
|
-
s != null && ln(t, `--${n}`, s);
|
225
|
-
}
|
226
|
-
}, ln = (t, e, n) => t && t.style.setProperty(e, n), Ht = (t) => {
|
227
|
-
Q(t) && (t.style.transition = "", t.style.transform = "");
|
228
|
-
}, un = (t, e, n) => {
|
229
|
-
n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
|
230
|
-
}, fn = (t) => {
|
231
|
-
let e = 0.5;
|
232
|
-
const n = 0.03, s = (i, a, g, l) => {
|
233
|
-
const [h] = j(i, B(t)), p = B(a), R = U(i, g) - U(i, p) + Bt(i, l), [w] = j(i, p), y = w - h, A = R / y, D = h / y, b = 0.25, E = 0.2, G = 0.8;
|
234
|
-
let F = 0;
|
235
|
-
const W = qe(t, a);
|
236
|
-
!W && A < E && A > -D ? F = o(A < 0 ? 0 : A, E) : !W && A > G && A < 1 + D && (F = r(A, G));
|
237
|
-
const _ = b * h * F;
|
238
|
-
e = Math.sign(_) * Math.min(Math.abs(_), Math.abs(e) + n), un(a, i, e);
|
239
|
-
}, o = (i, a) => Math.pow(i / a, 1 / 3) - 1, r = (i, a) => Math.pow(1 / (1 - a) * (i - a), 3);
|
240
|
-
return [s];
|
241
|
-
}, gn = (t, e) => {
|
242
|
-
let n = { offsetX: 0, offsetY: 0 }, s = { top: 0, left: 0 }, o = { x: 0, y: 0 };
|
243
|
-
const [r] = fn(t), i = (p) => {
|
244
|
-
t.style.transform = `translate( ${p.x}px, ${p.y}px)`;
|
245
|
-
}, a = (p) => {
|
246
|
-
t.style.top = `${p.top}px`, t.style.left = `${p.left}px`;
|
247
|
-
}, g = (p, R, w, y) => {
|
248
|
-
const A = (E) => {
|
249
|
-
const G = jt(E, w), F = it(E, window), W = je(E, window), [_] = j(E, B(p)), k = ut(E, p), J = Rt(E, p), Z = G - fe(E, n), tt = ge(p, E);
|
250
|
-
if (Z >= F - _ / 2 && Z <= F + W) {
|
251
|
-
const u = Z - U(E, s) - k - J - F - tt;
|
252
|
-
return D(E), u;
|
253
|
-
}
|
254
|
-
return Bt(E, o);
|
255
|
-
}, D = (E) => {
|
256
|
-
p && K(p, Nt) && E === y && r(y, R, s, o);
|
257
|
-
}, b = (E) => {
|
258
|
-
const { axis: G } = L(E);
|
259
|
-
o[G] = A(E), i(l());
|
260
|
-
};
|
261
|
-
b(Y), b(z);
|
262
|
-
}, l = () => {
|
263
|
-
let p = o;
|
264
|
-
for (const R of e)
|
265
|
-
p = R(p, t);
|
266
|
-
return p;
|
267
|
-
};
|
268
|
-
return [g, (p, R) => {
|
269
|
-
const [w, y, A, D] = hn(p, R, t);
|
270
|
-
s = {
|
271
|
-
top: w,
|
272
|
-
left: y
|
273
|
-
}, a(s), n = { offsetX: A, offsetY: D };
|
274
|
-
}];
|
275
|
-
}, bt = (t, e, n) => U(t, B(e)) - U(t, B(n)) - ut(t, n), pn = (t, e) => {
|
276
|
-
let { offsetX: n, offsetY: s, target: o } = t, r = dn(o, e);
|
277
|
-
const i = o;
|
278
|
-
return i && r && !N(i, r) && (n += bt(Y, i, r), s += bt(z, i, r)), r && e != o && (n += bt(Y, r, e), s += bt(z, r, e)), [n, s];
|
279
|
-
}, dn = (t, e) => {
|
280
|
-
const n = t == null ? void 0 : t.closest(`.${xt}`);
|
281
|
-
return n && N(e, n) ? t : n;
|
282
|
-
}, te = (t, e, n, s) => {
|
283
|
-
const o = ge(n, t);
|
284
|
-
return jt(t, e) - fe(t, s) - Rt(t, n) - ut(t, n) - it(t, window) - o;
|
285
|
-
}, hn = (t, e, n) => {
|
286
|
-
const [s, o] = pn(t, n);
|
287
|
-
return [
|
288
|
-
te(z, t, e, {
|
289
|
-
offsetX: s,
|
290
|
-
offsetY: o
|
291
|
-
}),
|
292
|
-
te(Y, t, e, {
|
293
|
-
offsetX: s,
|
294
|
-
offsetY: o
|
295
|
-
}),
|
296
|
-
s,
|
297
|
-
o
|
298
|
-
];
|
299
|
-
}, H = class H {
|
300
|
-
static addConfig(e, n) {
|
301
|
-
const s = H.configs.filter(
|
302
|
-
(r) => !N(r.droppable, e)
|
303
|
-
), o = Qt(e);
|
304
|
-
s.push({
|
305
|
-
droppable: e,
|
306
|
-
config: n,
|
307
|
-
scroll: o
|
308
|
-
}), H.configs = s;
|
309
|
-
}
|
310
|
-
static updateScrolls(e, n) {
|
311
|
-
for (const s of H.configs) {
|
312
|
-
const { droppable: o } = s;
|
313
|
-
(n && $e(o, n) || N(e, o)) && (s.scroll = Qt(o));
|
314
|
-
}
|
315
|
-
}
|
316
|
-
static getConfig(e) {
|
317
|
-
return H.configs.find(
|
318
|
-
({ droppable: s }) => N(e, s)
|
319
|
-
);
|
320
|
-
}
|
321
|
-
};
|
322
|
-
X(H, "configs", []), X(H, "removeObsoleteConfigs", () => {
|
323
|
-
const e = H.configs.filter(
|
324
|
-
({ droppable: n }) => document.contains(n)
|
325
|
-
);
|
326
|
-
H.configs = e;
|
327
|
-
});
|
328
|
-
let rt = H;
|
329
|
-
const qt = (t) => !t || t.length == 0 ? 0 : zt(t.replace("px", "")), mn = (t, e) => {
|
330
|
-
const n = getComputedStyle(t)[e];
|
331
|
-
if (n.match("%")) {
|
332
|
-
const o = zt(n.replace("%", "")), { width: r } = B(t);
|
333
|
-
return r * (o / 100);
|
334
|
-
}
|
335
|
-
return qt(n);
|
336
|
-
}, Dn = (t, e) => {
|
337
|
-
if (!(t instanceof Element)) return [0, !1];
|
338
|
-
const n = mn(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
|
339
|
-
return [n, o];
|
340
|
-
}, Tn = (t) => {
|
341
|
-
const { top: e, left: n } = getComputedStyle(t);
|
342
|
-
return [qt(e), qt(n)];
|
343
|
-
}, kt = (t, e) => {
|
344
|
-
const { gap: n } = L(e);
|
345
|
-
return Dn(t, n);
|
346
|
-
}, Sn = (t, e) => {
|
347
|
-
const [n, s] = kt(t, e);
|
348
|
-
return s ? n : 0;
|
349
|
-
}, Se = (t, e, n, s = () => !0) => {
|
350
|
-
const o = new MutationObserver((r) => {
|
351
|
-
if (r = r.filter(s), r.length > 0) {
|
352
|
-
const i = r[0];
|
353
|
-
t(o, i);
|
354
|
-
}
|
355
|
-
});
|
356
|
-
return o.observe(e, n), o;
|
357
|
-
}, ee = (t) => Q(t) ? t.classList.contains(ot) : !1;
|
358
|
-
function Gt(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
|
359
|
-
let { height: i, width: a } = An(
|
360
|
-
n,
|
361
|
-
t,
|
362
|
-
o,
|
363
|
-
r
|
364
|
-
);
|
365
|
-
return Dt(t, s) && e == Ot && (i = 0, a = 0), { height: i, width: a };
|
366
|
-
}
|
367
|
-
const An = (t, e, n, s) => {
|
368
|
-
const o = Tt(t, e), r = Rt(t, e), i = Rt(t, s), [a, g] = kt(e.parentElement, t), [l] = j(t, B(e));
|
369
|
-
if (g)
|
370
|
-
return ne(l, r, o, a, 0, t);
|
371
|
-
const [h, p, R] = En(
|
372
|
-
n,
|
373
|
-
i,
|
374
|
-
o,
|
375
|
-
r,
|
376
|
-
t
|
377
|
-
);
|
378
|
-
return ne(l, p, h, 0, R, t);
|
379
|
-
}, En = (t, e, n, s, o) => {
|
380
|
-
const r = Math.max(e, n);
|
381
|
-
let i = s, a = e;
|
382
|
-
if (t) {
|
383
|
-
const g = Tt(o, t);
|
384
|
-
i = Math.max(g, s), a = Math.max(a, g);
|
385
|
-
}
|
386
|
-
return [r, i, a];
|
387
|
-
}, ne = (t, e, n, s, o, r) => vn(r, t + e + n + s - o), vn = (t, e) => t == Y ? { width: e, height: 0 } : { width: 0, height: e }, Cn = "startDrag", Ae = "cubic-bezier(0.2, 0, 0, 1)", Ee = 50, ve = "width, min-width, height", yn = (t, e, n) => {
|
388
|
-
let s = Gt(e, Cn, n, t);
|
389
|
-
const o = Sn(t, n), [, r] = j(n, s);
|
390
|
-
s[r] -= o;
|
391
|
-
const [i, a] = bn(n, e);
|
392
|
-
return s[a] = i, s;
|
393
|
-
}, bn = (t, e) => {
|
394
|
-
const n = t == Y ? z : Y;
|
395
|
-
return j(n, B(e));
|
396
|
-
}, ft = (t, e = Mt) => {
|
397
|
-
Je(t, e), t.style.minWidth = `${e.width}px`;
|
398
|
-
}, Gn = (t, e, n) => (s) => {
|
399
|
-
e.contains(t) && (ft(t, n), s.disconnect());
|
400
|
-
}, Ce = (t, e) => {
|
401
|
-
const { scrollDistance: n, clientDistance: s } = L(e);
|
402
|
-
return t[n] - t[s];
|
403
|
-
}, xn = (t, e, n) => {
|
404
|
-
const [s] = St(t, n);
|
405
|
-
return s / Ce(e, t);
|
406
|
-
}, Rn = (t, e, n, s) => {
|
407
|
-
if (!s)
|
408
|
-
return;
|
409
|
-
const { direction: o } = e, r = xn(o, t, n) > 0.99, [, i] = St(o, t);
|
410
|
-
r && (t[i] = Ce(t, o));
|
411
|
-
}, ye = (t, e, n, s) => {
|
412
|
-
if (!n)
|
413
|
-
return;
|
414
|
-
const { droppable: o, config: r, scroll: i } = n, { direction: a, animationDuration: g } = r;
|
415
|
-
if (Rn(o, r, i, e), o.querySelector(`.${ot}`) || !t)
|
416
|
-
return;
|
417
|
-
var l = t.tagName == "LI" ? "DIV" : t.tagName, h = document.createElement(l);
|
418
|
-
ct(h, ot), ft(h);
|
419
|
-
const p = yn(o, t, a);
|
420
|
-
return wt(
|
421
|
-
h,
|
422
|
-
g,
|
423
|
-
Ae,
|
424
|
-
ve
|
425
|
-
), [h, p, o];
|
426
|
-
}, se = (t, e, n, s, o) => {
|
427
|
-
const r = ye(
|
428
|
-
t,
|
429
|
-
n,
|
430
|
-
s
|
431
|
-
);
|
432
|
-
if (!r)
|
433
|
-
return;
|
434
|
-
const [i, a, g] = r;
|
435
|
-
N(e, g) && ft(i, a), Se(Gn(i, g, a), g, {
|
436
|
-
childList: !0,
|
437
|
-
subtree: !0
|
438
|
-
}), g.appendChild(i);
|
439
|
-
}, Kn = (t, e, n) => {
|
440
|
-
const s = ye(t, e, n);
|
441
|
-
if (!s)
|
442
|
-
return;
|
443
|
-
const [o, r, i] = s;
|
444
|
-
i.appendChild(o), On(o, r);
|
445
|
-
}, On = (t, e) => requestAnimationFrame(() => {
|
446
|
-
ft(t, e), requestAnimationFrame(() => {
|
447
|
-
wt(t, 0, Ae, ve);
|
448
|
-
});
|
449
|
-
}), Mn = (t, e, n, s, o = !0) => {
|
450
|
-
if (n) {
|
451
|
-
var r = document.querySelectorAll(
|
452
|
-
`${lt(n)} > .${ot}`
|
453
|
-
);
|
454
|
-
r.forEach((i) => {
|
455
|
-
const a = i.parentElement;
|
456
|
-
if (N(e, a) || !o && N(t, a))
|
457
|
-
return;
|
458
|
-
ft(i), setTimeout(() => {
|
459
|
-
var l;
|
460
|
-
(l = i.parentNode) == null || l.removeChild(i);
|
461
|
-
}, s + Ee);
|
462
|
-
});
|
463
|
-
}
|
464
|
-
}, $t = (t, e, n = !1) => {
|
465
|
-
var s = t.querySelectorAll(`.${ot}`);
|
466
|
-
s.forEach((o) => {
|
467
|
-
const r = o;
|
468
|
-
n ? (ft(r), setTimeout(() => {
|
469
|
-
t.contains(r) && t.removeChild(r);
|
470
|
-
}, e + Ee)) : t.removeChild(o);
|
471
|
-
});
|
472
|
-
}, Nn = (t, e) => {
|
473
|
-
const { config: n, droppable: s } = t, { onInsertEvent: o, onDragEnd: r } = n;
|
474
|
-
return {
|
475
|
-
...n,
|
476
|
-
onDragEnd: (g) => {
|
477
|
-
const { index: l, value: h } = g;
|
478
|
-
r({ index: l, value: e(h, s) });
|
479
|
-
},
|
480
|
-
onInsertEvent: (g, l) => o(g, e(l, s), !0)
|
481
|
-
};
|
482
|
-
};
|
483
|
-
class Bn {
|
484
|
-
constructor(e, n, s, o, r, i) {
|
485
|
-
X(this, "initial");
|
486
|
-
X(this, "current");
|
487
|
-
X(this, "parent");
|
488
|
-
X(this, "draggableElement");
|
489
|
-
X(this, "groupClass");
|
490
|
-
X(this, "dragEvent");
|
491
|
-
X(this, "changeDroppable");
|
492
|
-
X(this, "mapFrom");
|
493
|
-
this.parent = s, this.draggableElement = e, this.groupClass = n, this.dragEvent = o, this.mapFrom = i, this.initial = rt.getConfig(s), this.changeDroppable = r;
|
494
|
-
}
|
495
|
-
getDraggableAncestor(e, n, s) {
|
496
|
-
return document.elementsFromPoint(e, n).filter((o) => !N(s, o));
|
497
|
-
}
|
498
|
-
getElementBelow(e, n) {
|
499
|
-
return ((o) => {
|
500
|
-
const [r] = o.getDraggableAncestor(
|
501
|
-
n.clientX,
|
502
|
-
n.clientY,
|
503
|
-
e
|
504
|
-
);
|
505
|
-
return r;
|
506
|
-
})(this);
|
507
|
-
}
|
508
|
-
getCurrent(e, n) {
|
509
|
-
const s = this.getElementBelow(e, n);
|
510
|
-
return !this.groupClass || !s ? void 0 : s.closest(lt(this.groupClass));
|
511
|
-
}
|
512
|
-
isOutsideOfAllDroppables(e) {
|
513
|
-
return (this.groupClass ? Array.from(document.querySelectorAll(lt(this.groupClass))) : [this.parent]).every((s) => Dt(e, s));
|
514
|
-
}
|
515
|
-
isNotInsideAnotherDroppable(e, n) {
|
516
|
-
return !Dt(e, n) || this.isOutsideOfAllDroppables(e);
|
517
|
-
}
|
518
|
-
onScrollEvent() {
|
519
|
-
this.dragEvent();
|
520
|
-
}
|
521
|
-
setOnScroll(e) {
|
522
|
-
De(e, "onscroll", () => {
|
523
|
-
this.onScrollEvent();
|
524
|
-
});
|
525
|
-
}
|
526
|
-
getConfigFrom(e) {
|
527
|
-
const n = rt.getConfig(e);
|
528
|
-
if (n)
|
529
|
-
return N(this.parent, e) ? n : {
|
530
|
-
...n,
|
531
|
-
config: Nn(n, this.mapFrom)
|
532
|
-
};
|
533
|
-
}
|
534
|
-
droppableIfInsideCurrent(e, n) {
|
535
|
-
return e && !N(n, e) && n.contains(e);
|
536
|
-
}
|
537
|
-
getCurrentConfig(e) {
|
538
|
-
var o, r;
|
539
|
-
const n = this.draggableElement, s = this.getCurrent(n, e);
|
540
|
-
return this.current && this.isNotInsideAnotherDroppable(n, (o = this.current) == null ? void 0 : o.droppable) && !this.droppableIfInsideCurrent(s, (r = this.current) == null ? void 0 : r.droppable) ? this.current : s ? (Q(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
|
541
|
-
}
|
542
|
-
updateConfig(e) {
|
543
|
-
const n = this.current;
|
544
|
-
this.current = this.getCurrentConfig(e), this.changeDroppable(this.current, n);
|
545
|
-
}
|
546
|
-
isOutside(e) {
|
547
|
-
const n = this.draggableElement;
|
548
|
-
return !this.getCurrent(n, e);
|
549
|
-
}
|
550
|
-
}
|
551
|
-
const oe = (t, e) => {
|
552
|
-
const { paddingBefore: n } = L(t), s = ut(t, e), o = Et(e, n), r = Bt(t, B(e));
|
553
|
-
return s + o + r;
|
554
|
-
}, wn = (t, e) => {
|
555
|
-
const [n, s] = Tn(e), o = oe(z, t);
|
556
|
-
return [oe(Y, t) - s, o - n];
|
557
|
-
};
|
558
|
-
function In(t, e, n, s, o, r, i, a, g) {
|
559
|
-
let l = 0, h = 0;
|
560
|
-
const p = !!(n < 0 && g);
|
561
|
-
if (n === s && !p)
|
562
|
-
return re(
|
563
|
-
{ height: l, width: h },
|
564
|
-
t,
|
565
|
-
o,
|
566
|
-
i,
|
567
|
-
p
|
568
|
-
);
|
569
|
-
const [R, w, y, A] = Fn(
|
570
|
-
e,
|
571
|
-
n,
|
572
|
-
s,
|
573
|
-
g
|
574
|
-
);
|
575
|
-
if (p) {
|
576
|
-
const [d, m] = wn(a, g);
|
577
|
-
l += m, h += d;
|
578
|
-
}
|
579
|
-
const [D, b] = kt(a, t), [E, G, F] = $n(
|
580
|
-
R,
|
581
|
-
w == null ? void 0 : w.previousElementSibling,
|
582
|
-
A,
|
583
|
-
b,
|
584
|
-
p,
|
585
|
-
t
|
586
|
-
), [W, _, k] = _n(
|
587
|
-
y,
|
588
|
-
D,
|
589
|
-
b,
|
590
|
-
t
|
591
|
-
), J = Pn(
|
592
|
-
_,
|
593
|
-
W,
|
594
|
-
k,
|
595
|
-
G,
|
596
|
-
E,
|
597
|
-
D
|
598
|
-
), [Z] = St(t, a), tt = p ? Z : Ln(a, r, t), u = (A ? J - F : F - J) - tt;
|
599
|
-
return t === z ? l += u : t === Y && (h += u), re(
|
600
|
-
{ height: l, width: h },
|
601
|
-
t,
|
602
|
-
o,
|
603
|
-
i,
|
604
|
-
p
|
605
|
-
);
|
606
|
-
}
|
607
|
-
const Ln = (t, e, n) => {
|
608
|
-
const [s] = St(n, t), [o] = St(n, e);
|
609
|
-
return s - o;
|
610
|
-
}, Pn = (t, e, n, s, o, r) => {
|
611
|
-
const i = Math.max(e, o);
|
612
|
-
return Math.max(n, s) + t + i + r;
|
613
|
-
}, Fn = (t, e, n, s) => {
|
614
|
-
const o = e < n, [r, i] = [e, n].toSorted((h, p) => h - p), a = t[e] ?? s, g = t[n];
|
615
|
-
let l = o ? t.slice(r + 1, i + 1) : t.slice(r, i);
|
616
|
-
return r < 0 && s && (l = t.slice(r + 1, i)), [a, g, l, o];
|
617
|
-
}, _n = (t, e, n, s) => {
|
618
|
-
if (t.length == 0)
|
619
|
-
return [0, 0, 0];
|
620
|
-
const o = Tt(s, t[0]);
|
621
|
-
let r = 0, i = -o;
|
622
|
-
for (const [a, g] of t.entries()) {
|
623
|
-
const [l] = j(s, B(g)), h = ue(s, g);
|
624
|
-
n && (r += h), n && a > 0 ? r += e : r = Math.max(r, h), i += r + l, r = Tt(s, g);
|
625
|
-
}
|
626
|
-
return [o, i, r];
|
627
|
-
}, re = (t, e, n, s, o) => {
|
628
|
-
const r = it(e, window), i = it(e, n), a = o ? 0 : i - 2 * r + it(e, s), [, g] = j(e, t);
|
629
|
-
return t[g] += a, t;
|
630
|
-
}, $n = (t, e, n, s, o, r) => {
|
631
|
-
const i = n ? t.previousElementSibling : e;
|
632
|
-
return Vn(
|
633
|
-
i,
|
634
|
-
t,
|
635
|
-
s,
|
636
|
-
o,
|
637
|
-
r
|
638
|
-
);
|
639
|
-
}, Vn = (t, e, n, s, o) => {
|
640
|
-
if (n)
|
641
|
-
return [0, 0, 0];
|
642
|
-
const r = Tt(o, s ? null : t), i = ue(o, e);
|
643
|
-
let a = Math.max(r, i);
|
644
|
-
return [r, i, a];
|
645
|
-
}, Yn = (t, e, n) => {
|
646
|
-
const { handlerSelector: s, animationDuration: o } = t, r = (l) => {
|
647
|
-
n(), i(l, !1), Ht(l), l.style.top = "", l.style.left = "", Te(l, {
|
648
|
-
fixedHeight: "",
|
649
|
-
fixedWidth: ""
|
650
|
-
});
|
651
|
-
}, i = (l, h) => {
|
652
|
-
ht(l, Nt, h), a(h, l), e.toggleGrabClass(!h);
|
653
|
-
}, a = (l, h) => {
|
654
|
-
const p = h.querySelector(s);
|
655
|
-
ht(document.body, ie, l), ht(p || h, Yt, l);
|
656
|
-
};
|
657
|
-
return [r, i, (l, h) => {
|
658
|
-
wt(l, o, he), at(l, h);
|
659
|
-
}];
|
660
|
-
}, Xn = 50;
|
661
|
-
function Wn(t, e, n, s, o, r) {
|
662
|
-
let i = e;
|
663
|
-
const { onRemoveAtEvent: a, animationDuration: g, draggingClass: l } = t, [h, p, R] = Yn(t, o, r), w = (u, d, m) => {
|
664
|
-
if (!m)
|
665
|
-
return;
|
666
|
-
const { droppable: C, config: x } = m, v = Gt(u, d, x.direction, C);
|
667
|
-
A(u, d, v, C, x);
|
668
|
-
}, y = (u, d, m, C, x) => {
|
669
|
-
if (!m)
|
670
|
-
return;
|
671
|
-
const { droppable: v, scroll: O, config: M } = m, S = Gt(u, d, M.direction, v);
|
672
|
-
E(
|
673
|
-
u,
|
674
|
-
d,
|
675
|
-
S,
|
676
|
-
C,
|
677
|
-
v,
|
678
|
-
O,
|
679
|
-
M,
|
680
|
-
x
|
681
|
-
);
|
682
|
-
}, A = (u, d, m, C, x) => {
|
683
|
-
const [v] = Ft(u, C), O = Dt(u, C), { direction: M } = x;
|
684
|
-
v.length == 0 && b(m, 1, M, v);
|
685
|
-
for (const [S, I] of v.entries()) {
|
686
|
-
if (!K(I, q))
|
687
|
-
continue;
|
688
|
-
const $ = D(M, u, I, m);
|
689
|
-
if (!O && $)
|
690
|
-
m = $;
|
691
|
-
else if (!O)
|
692
|
-
continue;
|
693
|
-
const nt = v.length - S;
|
694
|
-
b(m, nt, M, v), d === pe ? at(I, m) : d === Ot && R(I, m);
|
695
|
-
}
|
696
|
-
}, D = (u, d, m, C) => {
|
697
|
-
const x = B(d), v = B(m), O = U(u, x), M = U(u, v), [S] = j(u, v), I = M + S / 2, $ = Bt(u, We(m)), nt = I - $;
|
698
|
-
return O > nt ? Mt : C;
|
699
|
-
}, b = (u, d, m, C) => {
|
700
|
-
const x = C.filter((O) => K(O, q)).length, [v] = j(m, u);
|
701
|
-
v == 0 ? i = Math.max(i, d) : i = Math.min(i, d - 1), i = Math.min(i, x);
|
702
|
-
}, E = (u, d, m, C, x, v, O, M) => {
|
703
|
-
const [S, I] = Ft(u, x), $ = S.toReversed(), nt = I === -1 ? $.length : I;
|
704
|
-
$.splice(nt, 0, u);
|
705
|
-
const [It, vt, gt] = G(
|
706
|
-
u,
|
707
|
-
I,
|
708
|
-
$,
|
709
|
-
x
|
710
|
-
);
|
711
|
-
m = Gt(
|
712
|
-
u,
|
713
|
-
d,
|
714
|
-
O.direction,
|
715
|
-
n,
|
716
|
-
It,
|
717
|
-
vt
|
718
|
-
);
|
719
|
-
const Lt = Ye(), Ct = In(
|
720
|
-
O.direction,
|
721
|
-
$,
|
722
|
-
I,
|
723
|
-
gt,
|
724
|
-
Lt,
|
725
|
-
v,
|
726
|
-
C,
|
727
|
-
x,
|
728
|
-
u
|
729
|
-
);
|
730
|
-
S.length == 0 && F(void 0, m, u, Ct);
|
731
|
-
for (const [Pt, pt] of S.toReversed().entries()) {
|
732
|
-
let yt = m;
|
733
|
-
gt - 1 >= Pt && (yt = Mt), d === de && !K(pt, ot) && F(pt, yt, u, Ct);
|
734
|
-
}
|
735
|
-
W(gt, u, O, x, M);
|
736
|
-
}, G = (u, d, m, C) => {
|
737
|
-
const v = Dt(u, C) ? d : i, O = () => d < v ? [v, v + 1] : d > v ? [v - 1, v] : [v - 1, v + 1], [M, S] = O(), I = m[M] ?? null, $ = m[S] ?? null;
|
738
|
-
return [I, $, v];
|
739
|
-
}, F = (u, d, m, C) => {
|
740
|
-
at(u, d), at(m, C);
|
741
|
-
}, W = (u, d, m, C, x) => {
|
742
|
-
const { onInsertEvent: v, onDragEnd: O } = m;
|
743
|
-
ct(d, Xt), J(d, n, C, () => {
|
744
|
-
if (Jt(d, Xt), x != null) {
|
745
|
-
const M = a(x, !0);
|
746
|
-
M != null && (v(u, M, !0), O({ value: M, index: u })), k(d), _();
|
747
|
-
}
|
748
|
-
});
|
749
|
-
}, _ = () => {
|
750
|
-
if (s) {
|
751
|
-
var u = document.querySelectorAll(
|
752
|
-
`${lt(s)} > .${q}`
|
753
|
-
);
|
754
|
-
for (const d of u)
|
755
|
-
Ht(d);
|
756
|
-
}
|
757
|
-
}, k = (u) => {
|
758
|
-
setTimeout(() => {
|
759
|
-
Jt(u, l);
|
760
|
-
}, Xn);
|
761
|
-
}, J = (u, d, m, C) => {
|
762
|
-
setTimeout(() => {
|
763
|
-
C && C(), Z(d, m), tt(m), h(u), et(u, d), et(u, m);
|
764
|
-
}, g);
|
765
|
-
}, Z = (u, d) => {
|
766
|
-
N(u, d) ? $t(u, g) : ($t(u, g, !0), $t(d, g));
|
767
|
-
}, tt = (u) => {
|
768
|
-
if (!N(n, u)) {
|
769
|
-
var [d] = n.querySelectorAll(`.${ot}`);
|
770
|
-
d && Q(d) && (d.style.height = "0px", d.style.width = "0px");
|
771
|
-
}
|
772
|
-
}, et = (u, d) => {
|
773
|
-
const [m] = Ft(u, d);
|
774
|
-
for (const C of [...m, u])
|
775
|
-
Ht(C);
|
776
|
-
};
|
777
|
-
return [w, y, p];
|
778
|
-
}
|
779
|
-
const ce = "onmousedown";
|
780
|
-
function Hn(t, e, n, s, o) {
|
781
|
-
const {
|
782
|
-
handlerSelector: r,
|
783
|
-
isDraggable: i,
|
784
|
-
droppableGroup: a,
|
785
|
-
animationDuration: g,
|
786
|
-
draggingClass: l,
|
787
|
-
droppableClass: h,
|
788
|
-
onDragStart: p,
|
789
|
-
delayBeforeTouchMoveEvent: R,
|
790
|
-
coordinateTransform: w
|
791
|
-
} = n, y = At(a).map((c) => `droppable-group-${c}`).join(" ");
|
792
|
-
let A = P.NOT_DRAGGING, D = {
|
793
|
-
scrollX: 0,
|
794
|
-
scrollY: 0
|
795
|
-
}, b = { pageX: 0, pageY: 0 }, E, G;
|
796
|
-
const [F, W] = gn(
|
797
|
-
t,
|
798
|
-
w
|
799
|
-
), _ = () => {
|
800
|
-
A = P.NOT_DRAGGING;
|
801
|
-
}, [k, J, Z] = Wn(
|
802
|
-
n,
|
803
|
-
e,
|
804
|
-
s,
|
805
|
-
y,
|
806
|
-
o,
|
807
|
-
_
|
808
|
-
), tt = () => {
|
809
|
-
ct(t, q);
|
810
|
-
}, et = (c) => {
|
811
|
-
ct(c, xt), o.addSubscriber(c);
|
812
|
-
}, u = () => {
|
813
|
-
if (i(t)) {
|
814
|
-
const c = t.querySelector(r);
|
815
|
-
et(c || t);
|
816
|
-
}
|
817
|
-
}, d = () => {
|
818
|
-
u(), tt();
|
819
|
-
}, m = (c) => {
|
820
|
-
const f = c == null ? void 0 : c.querySelector(`.${xt}`), T = f == null ? void 0 : f.parentElement;
|
821
|
-
return f && T && K(T, Vt) && !N(s, T) ? null : f;
|
822
|
-
}, C = (c) => {
|
823
|
-
const f = m(c) ?? c;
|
824
|
-
f && i(c) && (_t(f, ce, pt("mousemove", "mouseup")), _t(
|
825
|
-
f,
|
826
|
-
"ontouchstart",
|
827
|
-
pt("touchmove", "touchend"),
|
828
|
-
(T) => {
|
829
|
-
const V = T.touches[0];
|
830
|
-
G = {
|
831
|
-
x: V.clientX,
|
832
|
-
y: V.clientY
|
833
|
-
};
|
834
|
-
}
|
835
|
-
), x(f)), N(c, f) || _t(c, ce, yt), ct(s, Vt);
|
836
|
-
}, x = (c) => {
|
837
|
-
const f = c.querySelectorAll("img");
|
838
|
-
Array.from(f).forEach((T) => {
|
839
|
-
T.onmousedown = () => !1;
|
840
|
-
});
|
841
|
-
}, v = () => {
|
842
|
-
if (b.pageX == 0 && b.pageY == 0 || !S.current)
|
843
|
-
return;
|
844
|
-
const { droppable: c, config: f } = S.current;
|
845
|
-
F(t, c, b, f.direction), k(t, Ot, S.current);
|
846
|
-
}, O = (c) => {
|
847
|
-
const f = c.querySelectorAll(`.${q}`);
|
848
|
-
for (const T of f)
|
849
|
-
at(T);
|
850
|
-
}, M = (c, f) => {
|
851
|
-
f && A == P.DRAGING && !N(c == null ? void 0 : c.droppable, f.droppable) && (k(t, Ot, f), O(f.droppable));
|
852
|
-
}, S = new Bn(
|
853
|
-
t,
|
854
|
-
y,
|
855
|
-
s,
|
856
|
-
v,
|
857
|
-
M,
|
858
|
-
n.mapFrom
|
859
|
-
), I = (c) => {
|
860
|
-
if (!S.current)
|
861
|
-
return;
|
862
|
-
const f = y ? Array.from(document.querySelectorAll(lt(y))) : [s];
|
863
|
-
for (const T of f)
|
864
|
-
T.classList.toggle(
|
865
|
-
h,
|
866
|
-
!c && N(T, S.current.droppable)
|
867
|
-
);
|
868
|
-
}, $ = (c, f = !1) => {
|
869
|
-
S.updateConfig(c);
|
870
|
-
const T = S.isOutside(c);
|
871
|
-
I(T), A === P.START_DRAGGING && !f ? Ut(c) : A === P.DRAGING && (nt(T), Re(c));
|
872
|
-
}, nt = (c = !0) => {
|
873
|
-
if (!S.current)
|
874
|
-
return;
|
875
|
-
const { droppable: f } = S.current;
|
876
|
-
Mn(f, s, y, g, c), !c && se(
|
877
|
-
t,
|
878
|
-
s,
|
879
|
-
A == P.START_DRAGGING,
|
880
|
-
S.current
|
881
|
-
);
|
882
|
-
}, It = (c) => {
|
883
|
-
if (mt(c) && G && A == P.START_DRAGGING) {
|
884
|
-
const f = c.touches[0], T = Math.abs(f.clientX - G.x), V = Math.abs(f.clientY - G.y);
|
885
|
-
if (Math.abs(T) > 5 && Math.abs(V) > 5)
|
886
|
-
return clearTimeout(E), !1;
|
887
|
-
}
|
888
|
-
return !0;
|
889
|
-
}, vt = (c) => {
|
890
|
-
clearTimeout(E);
|
891
|
-
const f = Wt(c);
|
892
|
-
if (mt(c) && c.cancelable && A == P.DRAGING && c.preventDefault(), mt(c) && !c.cancelable || !It(c)) {
|
893
|
-
Zt("touchmove", c);
|
894
|
-
return;
|
895
|
-
}
|
896
|
-
$(f, mt(c));
|
897
|
-
}, gt = (c, f) => {
|
898
|
-
c == "touchmove" ? E = setTimeout(() => {
|
899
|
-
f();
|
900
|
-
}, R) : f();
|
901
|
-
}, Lt = (c, f) => {
|
902
|
-
const { clientX: T, clientY: V } = c, st = document.elementFromPoint(T, V), dt = st == null ? void 0 : st.closest(`.${q}`);
|
903
|
-
return dt && N(f, dt);
|
904
|
-
}, Ct = (c) => {
|
905
|
-
const f = n.onGetValue(e);
|
906
|
-
return { index: e, element: c, value: f };
|
907
|
-
}, Pt = (c) => {
|
908
|
-
S.updateConfig(c), I(S.isOutside(c)), Ut(c);
|
909
|
-
}, pt = (c, f) => (T) => {
|
910
|
-
if (!Lt(T, t))
|
911
|
-
return;
|
912
|
-
rt.updateScrolls(s, y);
|
913
|
-
const { scrollX: V, scrollY: st } = window;
|
914
|
-
if (D = { scrollX: V, scrollY: st }, A === P.NOT_DRAGGING) {
|
915
|
-
A = P.START_DRAGGING;
|
916
|
-
const dt = Ct(t);
|
917
|
-
dt && p(dt), gt(c, () => {
|
918
|
-
c == "touchmove" && Pt(T);
|
919
|
-
}), document.addEventListener(c, vt, {
|
920
|
-
passive: !1
|
921
|
-
}), Oe(s), document.addEventListener(f, be(c), {
|
922
|
-
once: !0
|
923
|
-
});
|
924
|
-
}
|
925
|
-
}, yt = (c) => S.updateConfig(c), be = (c) => (f) => {
|
926
|
-
Zt(c, f);
|
927
|
-
}, Zt = (c, f) => {
|
928
|
-
I(!0);
|
929
|
-
const T = Wt(f);
|
930
|
-
Ne(S.isOutside(T)), clearTimeout(E), document.removeEventListener(c, vt), S.updateConfig(T);
|
931
|
-
const V = S.getCurrentConfig(T);
|
932
|
-
if (V) {
|
933
|
-
const { droppable: st } = V;
|
934
|
-
Ge(st);
|
935
|
-
}
|
936
|
-
s.onscroll = null, _();
|
937
|
-
}, Ge = (c) => {
|
938
|
-
if (c.onscroll = null, !y)
|
939
|
-
return;
|
940
|
-
const f = Array.from(
|
941
|
-
document.querySelectorAll(lt(y))
|
942
|
-
);
|
943
|
-
for (const T of f)
|
944
|
-
Q(T) && (T.onscroll = null);
|
945
|
-
}, Ut = (c) => {
|
946
|
-
se(
|
947
|
-
t,
|
948
|
-
s,
|
949
|
-
A == P.START_DRAGGING,
|
950
|
-
S.current
|
951
|
-
), xe(), k(t, pe, S.current), we(t), W(c, t);
|
952
|
-
}, xe = () => {
|
953
|
-
A = P.DRAGING;
|
954
|
-
}, Re = (c) => {
|
955
|
-
const { pageX: f, pageY: T } = c;
|
956
|
-
b = { pageX: f, pageY: T }, v();
|
957
|
-
}, Oe = (c) => De(c, "onscroll", Me), Me = () => v(), Ne = (c) => {
|
958
|
-
if (A !== P.DRAGING && A !== P.START_DRAGGING) {
|
959
|
-
_();
|
960
|
-
return;
|
961
|
-
}
|
962
|
-
A = P.END_DRAGGING, Be(t), t.classList.contains(Nt) && J(
|
963
|
-
t,
|
964
|
-
de,
|
965
|
-
c ? S.initial : S.current,
|
966
|
-
D,
|
967
|
-
e
|
968
|
-
);
|
969
|
-
}, Be = (c) => {
|
970
|
-
wt(c, g, he), at(c);
|
971
|
-
}, we = (c) => {
|
972
|
-
const { height: f, width: T } = B(c);
|
973
|
-
Te(c, {
|
974
|
-
fixedHeight: `${f}px`,
|
975
|
-
fixedWidth: `${T}px`
|
976
|
-
}), Z(c, !0), ht(c, l, !0), c.style.transition = "";
|
977
|
-
}, Ie = (c) => {
|
978
|
-
import("./remove-M01dmTvo.js").then((f) => {
|
979
|
-
const [T] = f.default(n, s, o, _);
|
980
|
-
S.initial && T(e, c, t, A, S.initial);
|
981
|
-
});
|
982
|
-
}, Le = (c, f) => {
|
983
|
-
(c === e || c === n.onGetLegth() && e === c - 1) && import("./insert-Dd8savAS.js").then((T) => {
|
984
|
-
const [V] = T.default(
|
985
|
-
n,
|
986
|
-
s,
|
987
|
-
o,
|
988
|
-
_
|
989
|
-
);
|
990
|
-
V(
|
991
|
-
c,
|
992
|
-
t,
|
993
|
-
s,
|
994
|
-
f,
|
995
|
-
S.initial
|
996
|
-
);
|
997
|
-
});
|
998
|
-
};
|
999
|
-
return d(), C(t), [Ie, Le];
|
1000
|
-
}
|
1001
|
-
const qn = (t, e) => {
|
1002
|
-
t && Ve(e, t);
|
1003
|
-
}, zn = () => {
|
1004
|
-
cn(document.body, [
|
1005
|
-
`.${q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
|
1006
|
-
`.${xt}{pointer-events:auto!important;}`,
|
1007
|
-
`.${_e}{cursor:grab;}`,
|
1008
|
-
".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
|
1009
|
-
".droppable{box-sizing:border-box!important;}",
|
1010
|
-
`.${Nt}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
|
1011
|
-
`.${Yt}{pointer-events:none!important;}`,
|
1012
|
-
`.${Xt}{pointer-events:none!important;}`,
|
1013
|
-
`.${ie}{cursor:grabbing;}`,
|
1014
|
-
".disable-transition{transition:none!important;}"
|
1015
|
-
]);
|
1016
|
-
};
|
1017
|
-
function jn(t, e, n, s = "index") {
|
1018
|
-
const o = s;
|
1019
|
-
let r = [], i = [];
|
1020
|
-
const { droppableGroup: a } = t;
|
1021
|
-
if (!n)
|
1022
|
-
return [r, i];
|
1023
|
-
const g = At(a).map((l) => `droppable-group-${l}`).join(" ");
|
1024
|
-
zn(), qn(g, n);
|
1025
|
-
for (const l of n.children) {
|
1026
|
-
const h = l.getAttribute(o), p = Xe(h), R = l;
|
1027
|
-
if (R && p >= 0) {
|
1028
|
-
const [w, y] = Hn(
|
1029
|
-
R,
|
1030
|
-
p,
|
1031
|
-
t,
|
1032
|
-
n,
|
1033
|
-
e
|
1034
|
-
);
|
1035
|
-
r.push(w), i.push(y);
|
1036
|
-
}
|
1037
|
-
}
|
1038
|
-
return [r, i];
|
1039
|
-
}
|
1040
|
-
const kn = (t, e) => {
|
1041
|
-
const n = (a, g) => t.removeAtEvent(a, g), s = (a, g, l) => t.insertEvent(a, g, l), o = () => t.getLength(), r = (a) => t.getValue(a), i = (a) => a;
|
1042
|
-
return {
|
1043
|
-
direction: (e == null ? void 0 : e.direction) ?? z,
|
1044
|
-
handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? q,
|
1045
|
-
draggingClass: (e == null ? void 0 : e.draggingClass) ?? "dragging",
|
1046
|
-
droppableClass: (e == null ? void 0 : e.droppableClass) ?? "droppable-hover",
|
1047
|
-
isDraggable: (e == null ? void 0 : e.isDraggable) ?? (() => !0),
|
1048
|
-
onDragStart: (e == null ? void 0 : e.onDragStart) ?? (() => {
|
1049
|
-
}),
|
1050
|
-
onDragEnd: (e == null ? void 0 : e.onDragEnd) ?? (() => {
|
1051
|
-
}),
|
1052
|
-
droppableGroup: e == null ? void 0 : e.droppableGroup,
|
1053
|
-
onRemoveAtEvent: n,
|
1054
|
-
onInsertEvent: s,
|
1055
|
-
onGetLegth: o,
|
1056
|
-
onGetValue: r,
|
1057
|
-
animationDuration: (e == null ? void 0 : e.animationDuration) ?? 200,
|
1058
|
-
removingClass: (e == null ? void 0 : e.removingClass) ?? "removing",
|
1059
|
-
insertingFromClass: (e == null ? void 0 : e.insertingFromClass) ?? "from-inserting",
|
1060
|
-
delayBeforeRemove: (e == null ? void 0 : e.delayBeforeRemove) ?? 200,
|
1061
|
-
delayBeforeInsert: (e == null ? void 0 : e.delayBeforeInsert) ?? 200,
|
1062
|
-
mapFrom: (e == null ? void 0 : e.mapFrom) ?? i,
|
1063
|
-
delayBeforeTouchMoveEvent: (e == null ? void 0 : e.delayBeforeTouchMoveEvent) ?? 150,
|
1064
|
-
coordinateTransform: (e == null ? void 0 : e.coordinateTransform) ?? [(a) => a]
|
1065
|
-
};
|
1066
|
-
};
|
1067
|
-
function Qn(t, e, n, s = "index") {
|
1068
|
-
let o = [], r = [], i;
|
1069
|
-
const a = kn(t, n), g = (D) => {
|
1070
|
-
for (const b of o)
|
1071
|
-
b(D);
|
1072
|
-
}, l = (D, b) => {
|
1073
|
-
if (a.onGetLegth() === 0)
|
1074
|
-
t.insertToListEmpty(a, D, b);
|
1075
|
-
else
|
1076
|
-
for (const G of r)
|
1077
|
-
G(D, b);
|
1078
|
-
}, h = (D) => {
|
1079
|
-
const [b, E] = jn(
|
1080
|
-
a,
|
1081
|
-
e,
|
1082
|
-
D,
|
1083
|
-
s
|
1084
|
-
);
|
1085
|
-
o = b, r = E;
|
1086
|
-
}, p = (D) => {
|
1087
|
-
const b = D.addedNodes.values().filter((G) => !ee(G)).toArray(), E = D.removedNodes.values().filter((G) => !ee(G)).toArray();
|
1088
|
-
return b.length > 0 || E.length > 0;
|
1089
|
-
}, R = (D) => {
|
1090
|
-
i = Se(
|
1091
|
-
() => {
|
1092
|
-
h(D);
|
1093
|
-
},
|
1094
|
-
D,
|
1095
|
-
{ childList: !0 },
|
1096
|
-
p
|
1097
|
-
);
|
1098
|
-
}, w = (D) => {
|
1099
|
-
ct(D, Vt);
|
1100
|
-
}, y = (D) => {
|
1101
|
-
rt.addConfig(D, a);
|
1102
|
-
};
|
1103
|
-
return [g, l, (D) => {
|
1104
|
-
if (D)
|
1105
|
-
return w(D), y(D), R(D), h(D), rt.removeObsoleteConfigs(), i;
|
1106
|
-
}];
|
1107
|
-
}
|
1108
|
-
export {
|
1109
|
-
P as D,
|
1110
|
-
_e as G,
|
1111
|
-
ct as a,
|
1112
|
-
se as b,
|
1113
|
-
Gt as c,
|
1114
|
-
he as d,
|
1115
|
-
$t as e,
|
1116
|
-
Ht as f,
|
1117
|
-
Ft as g,
|
1118
|
-
Jn as h,
|
1119
|
-
K as i,
|
1120
|
-
q as j,
|
1121
|
-
Kn as k,
|
1122
|
-
Un as l,
|
1123
|
-
at as m,
|
1124
|
-
ee as n,
|
1125
|
-
Se as o,
|
1126
|
-
Qn as p,
|
1127
|
-
Jt as r,
|
1128
|
-
wt as s,
|
1129
|
-
ht as t,
|
1130
|
-
Yn as u
|
1131
|
-
};
|