fluid-dnd 1.3.0-beta.0 → 1.3.2-beta.0

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