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