fluid-dnd 1.0.5-beta.0 → 1.0.7-beta.0

package/README.md

@@ -1,22 +1,22 @@
  <h1 align="center">
-    <img src="https://github.com/carlosjorger/vue-fluid-dnd/assets/50055316/dab15832-5290-42ca-b425-db177a2e589e" alt="Icon" width="150" height="140" />
+    <img src="https://github.com/carlosjorger/fluid-dnd/assets/50055316/dab15832-5290-42ca-b425-db177a2e589e" alt="Icon" width="150" height="140" />
   <br>Fluid DnD<br>
 </h1>
 
 <div align="center">
 
-![npm bundle size](https://img.shields.io/bundlephobia/minzip/vue-fluid-dnd)
-[![license](https://img.shields.io/github/license/carlosjorger/vue-fluid-dnd?label=license)](https://github.com/carlosjorger/vue-fluid-dnd/blob/main/LICENSE)
-[![version](https://img.shields.io/npm/v/vue-fluid-dnd)](https://www.npmjs.com/package/fluid-dnd)
-![GitHub issues](https://img.shields.io/github/issues/carlosjorger/vue-fluid-dnd)
-![GitHub stars](https://img.shields.io/github/stars/carlosjorger/vue-fluid-dnd)
+![npm bundle size](https://img.shields.io/bundlephobia/minzip/fluid-dnd)
+[![license](https://img.shields.io/github/license/carlosjorger/fluid-dnd?label=license)](https://github.com/carlosjorger/fluid-dnd/blob/main/LICENSE)
+[![version](https://img.shields.io/npm/v/fluid-dnd)](https://www.npmjs.com/package/fluid-dnd)
+![GitHub issues](https://img.shields.io/github/issues/carlosjorger/fluid-dnd)
+![GitHub stars](https://img.shields.io/github/stars/carlosjorger/fluid-dnd)
 [![twitter](https://img.shields.io/twitter/follow/carlosjorgerc)](https://twitter.com/carlosjorgerc)
-[![test_coverage](https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage)](https://codeclimate.com/github/carlosjorger/vue-fluid-dnd/test_coverage)
+[![test_coverage](https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage)](https://codeclimate.com/github/carlosjorger/fluid-dnd/test_coverage)
 
 </div>
 
 Fluid DnD is a [**fluid**, **agnostic** and **versatil** drag and drop
-library for lists with support for Vue 3 and Svelte](https://vue-fluid-dnd.netlify.app/). It's a**lightweight** tool ~7 Kb (gzip) with no depenencies.
+library for lists with support for Vue 3 and Svelte](https://fluid-dnd.netlify.app/). It's a**lightweight** tool ~7 Kb (gzip) with no depenencies.
 
 <img src="https://github.com/user-attachments/assets/b350f9a4-7dd7-40ca-ae3f-ecca166a9081" width="100%"/>
 
@@ -52,14 +52,14 @@ library for lists with support for Vue 3 and Svelte](https://vue-fluid-dnd.netli
 
 3. **Documentation**
 
-- 📚 Check out all the [docs](https://vue-fluid-dnd.netlify.app/).
+- 📚 Check out all the [docs](https://fluid-dnd.netlify.app/).
 - 🛠️ Edit the previous [here](https://codesandbox.io/s/nifty-hooks-5plkpl).
-- 📘 See others examples [here](https://vue-fluid-dnd.netlify.app/example/vertical-list/single-vertical-list/).
+- 📘 See others examples [here](https://fluid-dnd.netlify.app/example/vertical-list/single-vertical-list/).
 
 ## 🤝 Contributing
 
-If you're interested in contributing to [vue-fluid-dnd](https://github.com/carlosjorger/vue-fluid-dnd), please read our contributing docs before submitting a pull request [CONTRIBUTING](./CONTRIBUTING.md).
+If you're interested in contributing to [fluid-dnd](https://github.com/carlosjorger/fluid-dnd), please read our contributing docs before submitting a pull request [CONTRIBUTING](./CONTRIBUTING.md).
 
 ## 🔑 License
 
-- [MIT](https://github.com/carlosjorger/vue-fluid-dnd/blob/main/LICENSE).
+- [MIT](https://github.com/carlosjorger/fluid-dnd/blob/main/LICENSE).

package/dist/{HandlerPublisher-BbGTnlu0.js → HandlerPublisher-BUubPiyW.js}

@@ -1,7 +1,7 @@
 var d = Object.defineProperty;
 var e = (a, s, l) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[s] = l;
 var r = (a, s, l) => e(a, typeof s != "symbol" ? s + "" : s, l);
-import { a as h, t as n, G as t } from "./index-D1rUx9iZ.js";
+import { a as h, t as n, G as t } from "./index-B0MByO4j.js";
 class c {
   constructor() {
     r(this, "handlers");

package/dist/{HandlerPublisher-Bd4_qrME.cjs → HandlerPublisher-D-RJfytA.cjs}

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-GRcZUS5t.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;
+"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-B6KgPfpv.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;

package/dist/index/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-GRcZUS5t.cjs");exports.dragAndDrop=e.dragAndDrop;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-B6KgPfpv.cjs");exports.dragAndDrop=e.dragAndDrop;

package/dist/index/index.mjs

@@ -1,4 +1,4 @@
-import { d as o } from "../index-D1rUx9iZ.js";
+import { d as o } from "../index-B0MByO4j.js";
 export {
   o as dragAndDrop
 };

package/dist/{index-D1rUx9iZ.js → index-B0MByO4j.js}

@@ -1,29 +1,29 @@
 var he = Object.defineProperty;
 var me = (t, e, n) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var J = (t, e, n) => me(t, typeof e != "symbol" ? e + "" : e, n);
-const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging", Wt = "dragging-handler-class", Xt = "dropping", ne = "grabbing", Se = "grab", Zt = "disable-transition", et = (t, e) => t.classList.contains(e), bt = (t, e, n = !1) => {
+const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging", Wt = "dragging-handler-class", Xt = "dropping", ne = "grabbing", Se = "grab", Zt = "disable-transition", et = (t, e) => t.classList.contains(e), vt = (t, e, n = !1) => {
   t.classList.toggle(e, n);
 }, nt = (t, e) => {
   t.classList.add(e);
 }, yt = (t, e) => {
   t.classList.remove(e);
-}, De = (t, e) => Ct(e).every(
+}, De = (t, e) => Et(e).every(
   (n) => et(t, n)
-), gt = (t) => t ? `.${Ct(t).join(".")}` : "", ve = (t, e) => {
+), gt = (t) => t ? `.${Et(t).join(".")}` : "", ve = (t, e) => {
   if (!e)
     return;
-  const n = Ct(e);
+  const n = Et(e);
   t.classList.add(...n);
-}, Ct = (t) => t ? t.split(" ").filter((e) => e) : [], H = "horizontal", U = "vertical", be = () => {
+}, Et = (t) => t ? t.split(" ").filter((e) => e) : [], H = "horizontal", U = "vertical", be = () => {
   const { scrollX: t, scrollY: e } = window;
   return { scrollX: t, scrollY: e };
-}, qt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Te = (t) => t ? parseInt(t) : -1, Ee = (t) => {
+}, qt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Te = (t) => t ? parseInt(t) : -1, ye = (t) => {
   const e = getComputedStyle(t), n = new DOMMatrixReadOnly(e.transform);
   return {
     x: n.m41,
     y: n.m42
   };
-}, se = (t, e) => t.x1 > e.x1 ? se(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, dt = (t, e) => !ye(t, e), ye = (t, e) => {
+}, se = (t, e) => t.x1 > e.x1 ? se(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, dt = (t, e) => !Ee(t, e), Ee = (t, e) => {
   const n = Mt(t), s = Mt(e), o = Jt(n, s, U), i = Jt(n, s, H);
   return o >= Math.min(n.height, s.height) / 2 && i >= Math.min(n.width, s.width) / 2;
 }, Jt = (t, e, n) => {
@@ -92,7 +92,7 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging",
   return o ? Mt(o)[n] + L(o, s) : 0;
 }, Yt = (t) => window.TouchEvent && t instanceof TouchEvent, at = (t) => t instanceof HTMLElement, ie = (t) => t instanceof MouseEvent, xe = ["onmouseup", "onmousedown", "onmousemove"], we = (t, e, n) => {
   t && (t.style.height = `${e}px`, t.style.width = `${n}px`);
-}, Tt = (t, e, n) => {
+}, bt = (t, e, n) => {
   !t || !at(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
 }, Be = (t, e, n) => {
   t[e] = (s) => {
@@ -132,14 +132,14 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging",
   const e = Me(t);
   if (!e)
     return Le(t);
-  const [n, s] = Oe(t, e), { clientX: o, clientY: i, pageX: c, pageY: l, screenX: f, screenY: p, target: h } = e;
+  const [n, s] = Oe(t, e), { clientX: o, clientY: i, pageX: c, pageY: l, screenX: f, screenY: g, target: h } = e;
   return {
     clientX: o,
     clientY: i,
     pageX: c,
     pageY: l,
     screenX: f,
-    screenY: p,
+    screenY: g,
     target: h,
     offsetX: n,
     offsetY: s
@@ -150,8 +150,8 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging",
   if (ie(t))
     return t;
 }, Pe = (t, e, n, s) => {
-  const { page: o, scroll: i, before: c, borderBeforeWidth: l, getRect: f } = w(n), p = f(s);
-  return t[o] - e[i] - p[c] - L(s, l);
+  const { page: o, scroll: i, before: c, borderBeforeWidth: l, getRect: f } = w(n), g = f(s);
+  return t[o] - e[i] - g[c] - L(s, l);
 }, Nt = (t, e, n = "ease-out", s = "transform") => {
   at(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
 }, ce = (t, e, n) => {
@@ -208,7 +208,7 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging",
   const { gap: n } = w(e), [s, o] = jt(t, n);
   return o ? s : 0;
 };
-function Et(t, e, n, s, o = t.previousElementSibling, i = t.nextElementSibling) {
+function Tt(t, e, n, s, o = t.previousElementSibling, i = t.nextElementSibling) {
   let { height: c, width: l } = _e(
     n,
     t,
@@ -224,16 +224,16 @@ const _e = (t, e, n, s) => {
     distance: c,
     gap: l,
     getRect: f
-  } = w(t), p = L(e, o), h = L(e, i), b = L(s, i), [B, M] = jt(
+  } = w(t), g = L(e, o), h = L(e, i), b = L(s, i), [B, M] = jt(
     e.parentElement,
     l
   ), S = f(e)[c];
   if (M)
-    return Qt(S, h, p, B, 0, t);
+    return Qt(S, h, g, B, 0, t);
   const [D, v, R] = qe(
     n,
     b,
-    p,
+    g,
     h,
     o
   );
@@ -265,11 +265,11 @@ const _e = (t, e, n, s) => {
   ];
 };
 function ke(t, e, n, s, o, i, c, l, f) {
-  let p = 0, h = 0;
+  let g = 0, h = 0;
   const b = !!(n < 0 && f);
   if (n === s && !b)
     return te(
-      { height: p, width: h },
+      { height: g, width: h },
       t,
       o,
       c,
@@ -278,7 +278,7 @@ function ke(t, e, n, s, o, i, c, l, f) {
   const [B, M, S, D] = Ke(e, n, s, f);
   if (b) {
     const [tt, ot] = je(l, f);
-    p += ot, h += tt;
+    g += ot, h += tt;
   }
   const {
     scrollElement: v,
@@ -313,8 +313,8 @@ function ke(t, e, n, s, o, i, c, l, f) {
     st,
     X
   ), j = b ? l[v] : Ze(v, l, i), $ = (D ? Y - P : P - Y) - j;
-  return t === U ? p += $ : t === H && (h += $), te(
-    { height: p, width: h },
+  return t === U ? g += $ : t === H && (h += $), te(
+    { height: g, width: h },
     t,
     o,
     c,
@@ -331,11 +331,11 @@ const Ze = (t, e, n) => {
   const o = e < n, [i, c] = [e, n].toSorted(
     (h, b) => h - b
   ), l = t[e] ?? s, f = t[n];
-  let p = o ? t.slice(i + 1, c + 1) : t.slice(i, c);
-  return i < 0 && s && (p = t.slice(i + 1, c)), [
+  let g = o ? t.slice(i + 1, c + 1) : t.slice(i, c);
+  return i < 0 && s && (g = t.slice(i + 1, c)), [
     l,
     f,
-    p,
+    g,
     o
   ];
 }, Qe = (t, e, n, s, o, i) => {
@@ -343,14 +343,14 @@ const Ze = (t, e, n) => {
     return [0, 0, 0];
   const c = L(s[0], t);
   let l = 0, f = -c;
-  for (const [p, h] of s.entries()) {
+  for (const [g, h] of s.entries()) {
     const b = h.getBoundingClientRect()[n], B = L(h, t);
-    i && (l += B), i && p > 0 ? l += o : l = Math.max(l, B), f += l + b, l = L(h, e);
+    i && (l += B), i && g > 0 ? l += o : l = Math.max(l, B), f += l + b, l = L(h, e);
   }
   return [c, f, l];
 }, te = (t, e, n, s, o) => {
-  const { scroll: i, distance: c } = w(e), l = window[i], f = n[i], p = o ? 0 : f - 2 * l + s[i];
-  return t[c] += p, t;
+  const { scroll: i, distance: c } = w(e), l = window[i], f = n[i], g = o ? 0 : f - 2 * l + s[i];
+  return t[c] += g, t;
 }, Ue = (t, e, n, s, o, i, c) => {
   const l = o ? n.previousElementSibling : s;
   return tn(
@@ -372,9 +372,10 @@ const Ze = (t, e, n) => {
   return [c, l, f];
 }, kt = (t, e, n) => {
   const s = new MutationObserver((o) => {
-    o.forEach((i) => {
+    if (o.length > 0) {
+      const i = o[0];
       t(s, i);
-    });
+    }
   });
   return s.observe(e, n), s;
 }, en = (t, e, n) => {
@@ -383,7 +384,7 @@ const Ze = (t, e, n) => {
   const { scrollDistance: s, clientDistance: o, scrollElement: i } = w(t);
   return n[i] / (e[s] - e[o]);
 }, sn = "startDrag", fe = "cubic-bezier(0.2, 0, 0, 1)", on = (t, e, n) => {
-  let s = Et(
+  let s = Tt(
     e,
     sn,
     n,
@@ -399,51 +400,53 @@ const Ze = (t, e, n) => {
     o(e)[s],
     s
   ];
-}, ht = (t, e, n) => {
+}, Ct = (t, e, n) => {
   we(t, e, n), t.style.minWidth = `${n}px`;
-}, cn = (t, e, n) => (s) => {
-  e.contains(t) && (ht(t, n.height, n.width), s.disconnect());
-}, an = (t, e) => {
+}, cn = (t, e) => {
   if (!e)
     return;
-  const { droppable: n, config: s, scroll: o } = t, { direction: i } = s, c = nn(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: p } = w(i);
-  c && (n[p] = n[l] - n[f]);
+  const { droppable: n, config: s, scroll: o } = t, { direction: i } = s, c = nn(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: g } = w(i);
+  c && (n[g] = n[l] - n[f]);
 }, ge = (t, e, n, s) => {
   if (!n)
     return;
   const { droppable: o, config: i } = n, { direction: c, animationDuration: l } = i;
-  if (an(n, e), o.querySelector(`.${pt}`) || !t)
+  if (cn(n, e), o.querySelector(`.${pt}`) || !t)
     return;
-  var f = t.tagName == "LI" ? "DIV" : t.tagName, p = document.createElement(f);
-  nt(p, pt), ht(p, 0, 0);
+  var f = t.tagName == "LI" ? "DIV" : t.tagName, g = document.createElement(f);
+  nt(g, pt), Ct(g, 0, 0);
   const h = on(o, t, c);
   return Nt(
-    p,
+    g,
     l,
     fe,
     "width, min-width, height"
-  ), [p, h, o];
+  ), [g, h, o];
 }, Gt = (t, e, n, s, o) => {
   const i = ge(t, n, s);
   if (!i)
     return;
   const [c, l, f] = i;
-  e.isSameNode(f) && ht(c, l.height, l.width), kt(
-    cn(c, f, l),
+  e.isSameNode(f) && Ct(c, l.height, l.width);
+  const g = kt(
+    () => {
+      g.disconnect();
+    },
     f,
     {
       childList: !0,
       subtree: !0
     }
-  ), f.appendChild(c);
-}, ln = (t, e, n) => {
+  );
+  f.appendChild(c);
+}, an = (t, e, n) => {
   const s = ge(t, e, n);
   if (!s)
     return;
   const [o, i, c] = s;
-  c.appendChild(o), un(o, i);
-}, un = (t, e) => requestAnimationFrame(() => {
-  ht(t, e.height, e.width), requestAnimationFrame(() => {
+  c.appendChild(o), ln(o, i);
+}, ln = (t, e) => requestAnimationFrame(() => {
+  Ct(t, e.height, e.width), requestAnimationFrame(() => {
     Nt(
       t,
       0,
@@ -451,7 +454,7 @@ const Ze = (t, e, n) => {
       "width, min-width, height"
     );
   });
-}), fn = (t, e, n, s, o = !0) => {
+}), un = (t, e, n, s, o = !0) => {
   if (n) {
     var i = document.querySelectorAll(
       `${gt(n)} > .${pt}`
@@ -460,43 +463,43 @@ const Ze = (t, e, n) => {
       const l = c.parentElement;
       if (l != null && l.isSameNode(e) || !o && (l != null && l.isSameNode(t)))
         return;
-      ht(c, 0, 0), setTimeout(() => {
-        var p;
-        (p = c.parentNode) == null || p.removeChild(c);
+      Ct(c, 0, 0), setTimeout(() => {
+        var g;
+        (g = c.parentNode) == null || g.removeChild(c);
       }, s);
     });
   }
-}, vt = (t, e, n = !1) => {
+}, Dt = (t, e, n = !1) => {
   var s = t.querySelectorAll(`.${pt}`);
   s.forEach((o) => {
-    n ? (ht(o, 0, 0), setTimeout(() => {
+    n ? (Ct(o, 0, 0), setTimeout(() => {
       t.contains(o) && t.removeChild(o);
     }, e)) : t.removeChild(o);
   });
-}, gn = 50;
-function dn(t, e, n, s, o, i) {
+}, fn = 50;
+function gn(t, e, n, s, o, i) {
   let c = e;
   const {
     direction: l,
     handlerSelector: f,
-    onRemoveAtEvent: p,
+    onRemoveAtEvent: g,
     animationDuration: h,
     delayBeforeInsert: b,
     draggingClass: B
-  } = t, M = (r, u, g, m, C) => {
+  } = t, M = (r, u, d, m, C) => {
     if (!m)
       return;
-    const { droppable: T, config: E } = m, A = Et(
+    const { droppable: T, config: y } = m, A = Tt(
       r,
       u,
-      E.direction,
+      y.direction,
       T
     );
     Xe(u) ? F(
       r,
       u,
       A,
-      g,
+      d,
       m,
       C
     ) : R(
@@ -505,100 +508,100 @@ function dn(t, e, n, s, o, i) {
       A,
       m
     );
-  }, S = (r, u, g, m, C) => {
-    const T = Et(
+  }, S = (r, u, d, m, C) => {
+    const T = Tt(
       u,
       "insert",
       t.direction,
-      g
-    ), { onInsertEvent: E } = t, A = oe(g);
+      d
+    ), { onInsertEvent: y } = t, A = oe(d);
     for (const [O, x] of A.entries())
       et(x, Q) && O >= r && X(x, T);
     C(), setTimeout(() => {
-      E(r, m), vt(n, 0, !0), de(r, g, t), tt(u), V(u, n);
+      y(r, m), Dt(n, 0, !0), de(r, d, t), tt(u), V(u, n);
     }, b);
-  }, D = (r, u, g, m) => {
-    if (!g || !g.droppable || !g.config)
+  }, D = (r, u, d, m) => {
+    if (!d || !d.droppable || !d.config)
       return;
-    const { droppable: C, config: T } = g;
-    let [E] = Rt(u, C);
-    E = [u, ...E].toReversed();
-    const A = Et(
+    const { droppable: C, config: T } = d;
+    let [y] = Rt(u, C);
+    y = [u, ...y].toReversed();
+    const A = Tt(
       u,
       "remove",
       T.direction,
       C
     );
-    for (const [O, x] of E.entries())
+    for (const [O, x] of y.entries())
       O >= r && (W(x, A), setTimeout(() => {
         m(x);
       }, h));
   }, v = (r) => {
-    vt(n, h, !0), setTimeout(() => {
+    Dt(n, h, !0), setTimeout(() => {
       tt(r), V(r, n);
     }, h);
-  }, R = (r, u, g, m) => {
-    const { config: C, droppable: T } = m, [E] = Rt(r, T), A = dt(r, T);
-    E.length == 0 && I(
-      g,
+  }, R = (r, u, d, m) => {
+    const { config: C, droppable: T } = m, [y] = Rt(r, T), A = dt(r, T);
+    y.length == 0 && I(
+      d,
       1,
       C.direction,
-      E
+      y
     );
-    for (const [O, x] of E.entries()) {
+    for (const [O, x] of y.entries()) {
       if (!et(x, Q))
         continue;
       const G = N(
         C.direction,
         r,
         x,
-        g
+        d
       );
       if (!A && G)
-        g = G;
+        d = G;
       else if (!A)
         continue;
-      const Z = E.length - O;
+      const Z = y.length - O;
       I(
-        g,
+        d,
         Z,
         C.direction,
-        E
-      ), u === le ? W(x, g) : u === Pt && X(x, g);
+        y
+      ), u === le ? W(x, d) : u === Pt && X(x, d);
     }
-  }, N = (r, u, g, m) => {
-    const { before: C, distance: T, axis: E, getRect: A } = w(r), O = A(u), x = A(g), G = O[C], Z = x[C], ut = x[T], mt = Z + ut / 2, St = Ee(g)[E], ct = mt - St;
+  }, N = (r, u, d, m) => {
+    const { before: C, distance: T, axis: y, getRect: A } = w(r), O = A(u), x = A(d), G = O[C], Z = x[C], ut = x[T], ht = Z + ut / 2, mt = ye(d)[y], ct = ht - mt;
     return G > ct ? { height: 0, width: 0 } : m;
-  }, I = (r, u, g, m) => {
+  }, I = (r, u, d, m) => {
     const C = m.filter(
-      (E) => et(E, Q)
-    ).length, { distance: T } = w(g);
+      (y) => et(y, Q)
+    ).length, { distance: T } = w(d);
     r[T] == 0 ? c = Math.max(c, u) : c = Math.min(c, u - 1), c = Math.min(c, C);
   }, W = (r, u) => {
-    const { width: g, height: m } = u;
-    Tt(r, m, g);
+    const { width: d, height: m } = u;
+    bt(r, m, d);
   }, X = (r, u) => {
-    const { width: g, height: m } = u;
-    Tt(r, m, g), Nt(r, h, ue);
-  }, F = (r, u, g, m, C, T) => {
-    const { droppable: E, scroll: A, config: O } = C, [x, G] = Rt(
+    const { width: d, height: m } = u;
+    bt(r, m, d), Nt(r, h, ue);
+  }, F = (r, u, d, m, C, T) => {
+    const { droppable: y, scroll: A, config: O } = C, [x, G] = Rt(
       r,
-      E
+      y
     ), Z = x.toReversed(), ut = G === -1 ? Z.length : G;
     Z.splice(ut, 0, r);
-    const [mt, St, ct] = st(
+    const [ht, mt, ct] = st(
       r,
       G,
       Z,
-      E
+      y
     );
-    g = Et(
+    d = Tt(
       r,
       u,
       O.direction,
       n,
-      mt,
-      St
+      ht,
+      mt
     );
     const Ft = be(), At = ke(
       O.direction,
@@ -608,17 +611,17 @@ function dn(t, e, n, s, o, i) {
       Ft,
       A,
       m,
-      E,
+      y,
       r
     );
     x.length == 0 && _(
       void 0,
-      g,
+      d,
       r,
       At
     );
     for (const [xt, wt] of x.toReversed().entries()) {
-      let Bt = g;
+      let Bt = d;
       ct - 1 >= xt && (Bt = { height: 0, width: 0 }), u === zt && !et(wt, pt) && _(
         wt,
         Bt,
@@ -630,28 +633,28 @@ function dn(t, e, n, s, o, i) {
       ct,
       r,
       O,
-      E,
+      y,
       T
     );
-  }, st = (r, u, g, m) => {
-    const T = dt(r, m) ? u : c, E = () => u < T ? [T, T + 1] : u > T ? [T - 1, T] : [T - 1, T + 1], [A, O] = E(), x = g[A] ?? null, G = g[O] ?? null;
+  }, st = (r, u, d, m) => {
+    const T = dt(r, m) ? u : c, y = () => u < T ? [T, T + 1] : u > T ? [T - 1, T] : [T - 1, T + 1], [A, O] = y(), x = d[A] ?? null, G = d[O] ?? null;
     return [
       x,
       G,
       T
     ];
-  }, _ = (r, u, g, m) => {
-    Tt(r, u.height, u.width), Tt(
-      g,
+  }, _ = (r, u, d, m) => {
+    bt(r, u.height, u.width), bt(
+      d,
       m.height,
       m.width
     );
-  }, P = (r, u, g, m, C) => {
-    const { onInsertEvent: T, onDragEnd: E } = g;
+  }, P = (r, u, d, m, C) => {
+    const { onInsertEvent: T, onDragEnd: y } = d;
     nt(u, Xt), z(u, n, m, () => {
       if (yt(u, Xt), C != null) {
-        const A = p(C);
-        A != null && (T(r, A), E({ value: A, index: r })), q(u), k();
+        const A = g(C);
+        A != null && (T(r, A), y({ value: A, index: r })), q(u), k();
       }
     });
   }, k = () => {
@@ -665,24 +668,24 @@ function dn(t, e, n, s, o, i) {
   }, q = (r) => {
     setTimeout(() => {
       yt(r, B);
-    }, gn);
-  }, z = (r, u, g, m) => {
+    }, fn);
+  }, z = (r, u, d, m) => {
     setTimeout(() => {
-      m && m(), Y(u, g), j(g), tt(r), V(r, u), V(r, g);
+      m && m(), Y(u, d), j(d), tt(r), V(r, u), V(r, d);
     }, h);
   }, Y = (r, u) => {
-    r.isSameNode(u) ? vt(r, h) : (vt(r, h, !0), vt(u, h));
+    r.isSameNode(u) ? Dt(r, h) : (Dt(r, h, !0), Dt(u, h));
   }, j = (r) => {
     if (n.isSameNode(r))
       return;
     var [u] = n.querySelectorAll(`.${pt}`);
     if (!u)
       return;
-    const { distance: g } = w(l);
-    at(u) && (u.style[g] = "0px");
+    const { distance: d } = w(l);
+    at(u) && (u.style[d] = "0px");
   }, V = (r, u) => {
-    const [g] = Rt(r, u);
-    for (const m of [...g, r])
+    const [d] = Rt(r, u);
+    for (const m of [...d, r])
       $(m);
   }, $ = (r) => {
     at(r) && (r.style.transition = "", r.style.transform = "");
@@ -692,10 +695,10 @@ function dn(t, e, n, s, o, i) {
       fixedWidth: ""
     });
   }, ot = (r, u) => {
-    const g = u.querySelector(f);
-    bt(document.body, ne, r), bt(g || u, Wt, r);
+    const d = u.querySelector(f);
+    vt(document.body, ne, r), vt(d || u, Wt, r);
   }, lt = (r, u) => {
-    bt(r, _t, u), ot(u, r), o.toggleGrabClass(!u);
+    vt(r, _t, u), ot(u, r), o.toggleGrabClass(!u);
   };
   return [
     M,
@@ -714,14 +717,14 @@ const de = (t, e, n) => {
   }, e, {
     childList: !0
   });
-}, Cn = (t, e, n, s) => {
+}, En = (t, e, n, s) => {
   if (!e)
     return;
   const { onInsertEvent: o, delayBeforeInsert: i } = t;
   setTimeout(() => {
     o(n, s), de(n, e, t);
   }, i);
-}, pn = (t, e) => {
+}, dn = (t, e) => {
   const n = (c) => t.removeAtEvent(c), s = (c, l) => t.insertEvent(c, l), o = () => t.getLength(), i = (c) => t.getValue(c);
   return {
     direction: (e == null ? void 0 : e.direction) ?? U,
@@ -744,7 +747,7 @@ const de = (t, e, n) => {
     delayBeforeRemove: (e == null ? void 0 : e.delayBeforeRemove) ?? 200,
     delayBeforeInsert: (e == null ? void 0 : e.delayBeforeInsert) ?? 200
   };
-}, hn = (t) => {
+}, pn = (t) => {
   let e = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
   const o = (f) => {
     t.style.transform = `translate( ${f.x}px, ${f.y}px)`;
@@ -752,7 +755,7 @@ const de = (t, e, n) => {
     t.style.top = `${f.top}px`, t.style.left = `${f.left}px`;
   };
   return [
-    (f, p, h, b) => {
+    (f, g, h, b) => {
       const B = (D) => {
         const {
           beforeMargin: v,
@@ -773,12 +776,12 @@ const de = (t, e, n) => {
         return s[_];
       }, M = (D) => {
         if (f && et(f, _t) && D === b) {
-          const { before: v, distance: R, axis: N, getRect: I } = w(b), W = I(f)[R], X = I(p), F = n[v] - X[v] + s[N], _ = X[R] - W, P = F / _, k = W / _, q = 0.1, z = 0.2, Y = 0.8;
+          const { before: v, distance: R, axis: N, getRect: I } = w(b), W = I(f)[R], X = I(g), F = n[v] - X[v] + s[N], _ = X[R] - W, P = F / _, k = W / _, q = 0.1, z = 0.2, Y = 0.8;
           let j = 0;
-          const V = dt(f, p);
+          const V = dt(f, g);
           !V && P < z && P > -k ? j = P / z - 1 : !V && P > Y && P < 1 + k && (j = 1 / (1 - Y) * (P - Y));
           const $ = q * W * j;
-          en(p, b, $);
+          en(g, b, $);
         }
       }, S = (D) => {
         const { axis: v } = w(D);
@@ -786,10 +789,10 @@ const de = (t, e, n) => {
       };
       S(H), S(U);
     },
-    (f, p) => {
-      const [h, b, B, M] = Dn(
+    (f, g) => {
+      const [h, b, B, M] = Sn(
         f,
-        p,
+        g,
         t
       );
       n = {
@@ -801,18 +804,18 @@ const de = (t, e, n) => {
 }, Lt = (t, e, n) => {
   const { borderBeforeWidth: s, before: o, getRect: i } = w(t);
   return i(e)[o] - i(n)[o] - L(n, s);
-}, mn = (t, e) => {
-  let { offsetX: n, offsetY: s, target: o } = t, i = Sn(o, e);
+}, hn = (t, e) => {
+  let { offsetX: n, offsetY: s, target: o } = t, i = mn(o, e);
   const c = o;
   return c && i && !c.isSameNode(i) && (n += Lt(H, c, i), s += Lt(U, c, i)), i && e != o && (n += Lt(H, i, e), s += Lt(U, i, e)), [n, s];
-}, Sn = (t, e) => {
+}, mn = (t, e) => {
   const n = t == null ? void 0 : t.closest(`.${Ot}`);
   return n && n.isSameNode(e) ? t : n;
 }, ee = (t, e, n, s) => {
-  const { offset: o, beforeMargin: i, page: c, borderBeforeWidth: l, scroll: f } = w(t), p = re(n, t);
-  return e[c] - s[o] - L(n, i) - L(n, l) - window[f] - p;
-}, Dn = (t, e, n) => {
-  const [s, o] = mn(t, n);
+  const { offset: o, beforeMargin: i, page: c, borderBeforeWidth: l, scroll: f } = w(t), g = re(n, t);
+  return e[c] - s[o] - L(n, i) - L(n, l) - window[f] - g;
+}, Sn = (t, e, n) => {
+  const [s, o] = hn(t, n);
   return [
     ee(U, t, e, {
       offsetX: s,
@@ -855,7 +858,7 @@ J(K, "configs", []), J(K, "removeObsoleteConfigs", () => {
   K.configs = e;
 });
 let it = K;
-class vn {
+class Dn {
   constructor(e, n, s, o, i) {
     J(this, "initial");
     J(this, "current");
@@ -925,24 +928,24 @@ class vn {
     return !this.getCurrent(s, e, n);
   }
 }
-function bn(t, e, n, s, o) {
+function vn(t, e, n, s, o) {
   const {
     handlerSelector: i,
     isDraggable: c,
     droppableGroup: l,
     animationDuration: f,
-    delayBeforeRemove: p,
+    delayBeforeRemove: g,
     draggingClass: h,
     removingClass: b,
     onRemoveAtEvent: B,
     droppableClass: M,
     onDragStart: S
-  } = n, D = Ct(l).map((a) => `droppable-group-${a}`).join(" ");
+  } = n, D = Et(l).map((a) => `droppable-group-${a}`).join(" ");
   let v = 0, R = {
     scrollX: 0,
     scrollY: 0
   }, N = { pageX: 0, pageY: 0 }, I;
-  const [W, X] = hn(
+  const [W, X] = pn(
     t
   ), [
     F,
@@ -950,7 +953,7 @@ function bn(t, e, n, s, o) {
     _,
     P,
     k
-  ] = dn(
+  ] = gn(
     n,
     e,
     s,
@@ -981,42 +984,42 @@ function bn(t, e, n, s, o) {
       ".disable-transition{transition:none!important;}"
     ]), Y(), q();
   }, V = (a) => {
-    const d = a == null ? void 0 : a.querySelector(`.${Ot}`), y = d == null ? void 0 : d.parentElement;
-    return d && y && et(y, It) && !y.isSameNode(s) ? null : d;
+    const p = a == null ? void 0 : a.querySelector(`.${Ot}`), E = p == null ? void 0 : p.parentElement;
+    return p && E && et(E, It) && !E.isSameNode(s) ? null : p;
   }, $ = (a) => {
-    const d = V(a) ?? a;
-    d && c(a) && ($t(
-      d,
+    const p = V(a) ?? a;
+    p && c(a) && ($t(
+      p,
       "onmousedown",
       O("mousemove", "mouseup")
     ), $t(
-      d,
+      p,
       "ontouchstart",
       O("touchmove", "touchend")
-    ), tt(d)), a != null && a.isSameNode(d) || $t(a, "onmousedown", x), nt(s, It);
+    ), tt(p)), a != null && a.isSameNode(p) || $t(a, "onmousedown", x), nt(s, It);
   }, tt = (a) => {
-    const d = a.querySelectorAll("img");
-    Array.from(d).forEach((y) => {
-      y.onmousedown = () => !1;
+    const p = a.querySelectorAll("img");
+    Array.from(p).forEach((E) => {
+      E.onmousedown = () => !1;
     });
   }, ot = () => {
     if (N.pageX == 0 && N.pageY == 0 || !r.current)
       return;
-    const { droppable: a, config: d } = r.current;
-    W(t, a, N, d.direction), F(
+    const { droppable: a, config: p } = r.current;
+    W(t, a, N, p.direction), F(
       t,
       Pt,
       R,
       r.current
     );
-  }, lt = (a, d) => {
-    d && v == 2 && !(a != null && a.droppable.isSameNode(d.droppable)) && F(
+  }, lt = (a, p) => {
+    p && v == 2 && !(a != null && a.droppable.isSameNode(p.droppable)) && F(
       t,
       Pt,
       R,
-      d
+      p
     );
-  }, r = new vn(
+  }, r = new Dn(
     t,
     D,
     s,
@@ -1025,24 +1028,24 @@ function bn(t, e, n, s, o) {
   ), u = (a) => {
     if (!r.current)
       return;
-    const d = D ? Array.from(
+    const p = D ? Array.from(
       document.querySelectorAll(gt(D))
     ) : [s];
-    for (const y of d)
-      y.classList.toggle(
+    for (const E of p)
+      E.classList.toggle(
         M,
-        !a && y.isSameNode(r.current.droppable)
+        !a && E.isSameNode(r.current.droppable)
       );
-  }, g = (a) => {
+  }, d = (a) => {
     r.updateConfig(a);
-    const d = r.isOutside(a);
-    u(d), v === 1 ? ut(a) : v === 2 && (m(d), St(a));
+    const p = r.isOutside(a);
+    u(p), v === 1 ? ut(a) : v === 2 && (m(p), mt(a));
   }, m = (a = !0) => {
     if (!r.current)
       return;
-    const { droppable: d } = r.current;
-    fn(
-      d,
+    const { droppable: p } = r.current;
+    un(
+      p,
       s,
       D,
       f,
@@ -1058,39 +1061,39 @@ function bn(t, e, n, s, o) {
       a.preventDefault();
     else if (Yt(a))
       return;
-    const d = Vt(a);
-    g(d);
-  }, T = (a, d) => {
+    const p = Vt(a);
+    d(p);
+  }, T = (a, p) => {
     a == "touchmove" ? I = setTimeout(() => {
-      d();
-    }, 200) : d();
-  }, E = (a, d) => {
-    const { clientX: y, clientY: ft } = a, rt = document.elementFromPoint(y, ft), Dt = rt == null ? void 0 : rt.closest(`.${Q}`);
-    return rt && d && Dt && !d.isSameNode(Dt);
+      p();
+    }, 200) : p();
+  }, y = (a, p) => {
+    const { clientX: E, clientY: ft } = a, rt = document.elementFromPoint(E, ft), St = rt == null ? void 0 : rt.closest(`.${Q}`);
+    return rt && p && St && !p.isSameNode(St);
   }, A = (a) => {
-    const d = n.onGetValue(e);
-    return { index: e, element: a, value: d };
-  }, O = (a, d) => (y) => {
-    if (E(y, t))
+    const p = n.onGetValue(e);
+    return { index: e, element: a, value: p };
+  }, O = (a, p) => (E) => {
+    if (y(E, t))
       return;
     it.updateScrolls(s, D);
     const { scrollX: ft, scrollY: rt } = window;
     if (R = { scrollX: ft, scrollY: rt }, v === 0) {
       v = 1;
-      const Dt = A(t);
-      Dt && S(Dt), T(a, () => {
-        a == "touchmove" && (r.updateConfig(y), u(r.isOutside(y)), ut(y)), document.addEventListener(a, C, {
+      const St = A(t);
+      St && S(St), T(a, () => {
+        a == "touchmove" && (r.updateConfig(E), u(r.isOutside(E)), ut(E)), document.addEventListener(a, C, {
           passive: !1
         });
-      }), ct(s), document.addEventListener(d, G(a), {
+      }), ct(s), document.addEventListener(p, G(a), {
         once: !0
       });
     }
-  }, x = (a) => r.updateConfig(a), G = (a) => (d) => {
+  }, x = (a) => r.updateConfig(a), G = (a) => (p) => {
     u(!0);
-    const y = Vt(d);
-    clearTimeout(I), At(r.isOutside(y, !1)), document.removeEventListener(a, C), r.updateConfig(y);
-    const ft = r.getCurrentConfig(y);
+    const E = Vt(p);
+    clearTimeout(I), At(r.isOutside(E, !1)), document.removeEventListener(a, C), r.updateConfig(E);
+    const ft = r.getCurrentConfig(E);
     if (ft) {
       const { droppable: rt } = ft;
       Z(rt);
@@ -1099,28 +1102,28 @@ function bn(t, e, n, s, o) {
   }, Z = (a) => {
     if (a.onscroll = null, !D)
       return;
-    const d = Array.from(
+    const p = Array.from(
       document.querySelectorAll(gt(D))
     );
-    for (const y of d)
-      at(y) && (y.onscroll = null);
+    for (const E of p)
+      at(E) && (E.onscroll = null);
   }, ut = (a) => {
     Gt(
       t,
       s,
       v == 1,
       r.current
-    ), mt(), F(
+    ), ht(), F(
       t,
       le,
       R,
       r.current
     ), wt(t), X(a, t);
-  }, mt = () => {
+  }, ht = () => {
     v = 2;
-  }, St = (a) => {
-    const { pageX: d, pageY: y } = a;
-    N = { pageX: d, pageY: y }, ot();
+  }, mt = (a) => {
+    const { pageX: p, pageY: E } = a;
+    N = { pageX: p, pageY: E }, ot();
   }, ct = (a) => ce(a, "onscroll", Ft), Ft = () => ot(), At = (a) => {
     if (v !== 2) {
       v = 0;
@@ -1134,17 +1137,17 @@ function bn(t, e, n, s, o) {
       e
     );
   }, xt = (a) => {
-    Nt(a, f, ue), Tt(a, 0, 0);
+    Nt(a, f, ue), bt(a, 0, 0);
   }, wt = (a) => {
-    const { height: d, width: y } = a.getBoundingClientRect();
+    const { height: p, width: E } = a.getBoundingClientRect();
     ae(a, {
-      fixedHeight: `${d}px`,
-      fixedWidth: `${y}px`
-    }), k(a, !0), bt(a, h, !0), a.style.transition = "";
+      fixedHeight: `${p}px`,
+      fixedWidth: `${E}px`
+    }), k(a, !0), vt(a, h, !0), a.style.transition = "";
   }, Bt = (a) => {
     if (!r.initial)
       return;
-    const d = r.initial;
+    const p = r.initial;
     a == e && (nt(t, b), setTimeout(() => {
       B(e), yt(t, b), Gt(
         t,
@@ -1154,20 +1157,20 @@ function bn(t, e, n, s, o) {
       ), st(
         a,
         t,
-        d,
-        (y) => {
-          xt(y), P(t);
+        p,
+        (E) => {
+          xt(E), P(t);
         }
       );
-    }, p));
-  }, pe = (a, d) => {
+    }, g));
+  }, pe = (a, p) => {
     (a === e || a === n.onGetLegth() && e === a - 1) && _(
       a,
       t,
       s,
-      d,
+      p,
       () => {
-        ln(
+        an(
           t,
           v == 1,
           r.initial
@@ -1177,10 +1180,10 @@ function bn(t, e, n, s, o) {
   };
   return j(), $(t), [Bt, pe];
 }
-const Tn = (t, e) => {
+const bn = (t, e) => {
   t && ve(e, t);
 };
-function En(t, e, n, s = "index") {
+function Tn(t, e, n, s = "index") {
   const o = s;
   let i = [], c = [];
   const { droppableGroup: l } = t;
@@ -1189,12 +1192,12 @@ function En(t, e, n, s = "index") {
       i,
       c
     ];
-  const f = Ct(l).map((p) => `droppable-group-${p}`).join(" ");
-  Tn(f, n);
-  for (const p of n.children) {
-    const h = p.getAttribute(o), b = Te(h), B = p;
+  const f = Et(l).map((g) => `droppable-group-${g}`).join(" ");
+  bn(f, n);
+  for (const g of n.children) {
+    const h = g.getAttribute(o), b = Te(h), B = g;
     if (B && b >= 0) {
-      const [M, S] = bn(
+      const [M, S] = vn(
         B,
         b,
         t,
@@ -1209,9 +1212,9 @@ function En(t, e, n, s = "index") {
     c
   ];
 }
-function An(t, e, n, s = "index") {
+function Cn(t, e, n, s = "index") {
   let o = [], i = [];
-  const c = pn(t, n), l = (S) => {
+  const c = dn(t, n), l = (S) => {
     for (const D of o)
       D(S);
   }, f = (S, D) => {
@@ -1220,13 +1223,13 @@ function An(t, e, n, s = "index") {
     else
       for (const R of i)
         R(S, D);
-  }, p = (S) => {
-    const [D, v] = En(c, e, S, s);
+  }, g = (S) => {
+    const [D, v] = Tn(c, e, S, s);
     o = D, i = v;
   }, h = (S) => {
     kt(
       () => {
-        p(S);
+        g(S);
       },
       S,
       { childList: !0 }
@@ -1240,13 +1243,13 @@ function An(t, e, n, s = "index") {
     );
   };
   return [l, f, (S) => {
-    S && (b(S), B(S), h(S), p(S), it.removeObsoleteConfigs());
+    S && (b(S), B(S), h(S), g(S), it.removeObsoleteConfigs());
   }];
 }
 export {
   Se as G,
   nt as a,
-  An as d,
-  Cn as i,
-  bt as t
+  Cn as d,
+  En as i,
+  vt as t
 };

package/dist/index-B6KgPfpv.cjs

@@ -0,0 +1 @@
+"use strict";var me=Object.defineProperty;var Se=(t,e,n)=>e in t?me(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var J=(t,e,n)=>Se(t,typeof e!="symbol"?e+"":e,n);const Q="draggable",It="droppable",Ot="handler-class",Ht="dragging",Wt="dragging-handler-class",Xt="dropping",ne="grabbing",se="grab",Zt="disable-transition",nt=(t,e)=>t.classList.contains(e),gt=(t,e,n=!1)=>{t.classList.toggle(e,n)},U=(t,e)=>{t.classList.add(e)},yt=(t,e)=>{t.classList.remove(e)},De=(t,e)=>Et(e).every(n=>nt(t,n)),dt=t=>t?`.${Et(t).join(".")}`:"",ve=(t,e)=>{if(!e)return;const n=Et(e);t.classList.add(...n)},Et=t=>t?t.split(" ").filter(e=>e):[],_="horizontal",tt="vertical",be=()=>{const{scrollX:t,scrollY:e}=window;return{scrollX:t,scrollY:e}},qt=t=>!t||t.trim().length==0||t=="normal"?0:parseFloat(t),Te=t=>t?parseInt(t):-1,ye=t=>{const e=getComputedStyle(t),n=new DOMMatrixReadOnly(e.transform);return{x:n.m41,y:n.m42}},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)=>!Ee(t,e),Ee=(t,e)=>{const n=Mt(t),s=Mt(e),o=Jt(n,s,tt),i=Jt(n,s,_);return o>=Math.min(n.height,s.height)/2&&i>=Math.min(n.width,s.width)/2},Jt=(t,e,n)=>{const{before:s,distance:o}=B(n);return oe({x1:t[s],x2:t[s]+t[o]},{x1:e[s],x2:e[s]+e[o]})},L=(t,e)=>t?qt(getComputedStyle(t)[e]):0,Kt=t=>{const{scrollLeft:e,scrollTop:n}=t;return{scrollLeft:e,scrollTop:n}},Mt=t=>t.getBoundingClientRect(),B=t=>{const e=t==_;return{beforeMargin:e?"marginLeft":"marginTop",afterMargin:e?"marginRight":"marginBottom",borderBeforeWidth:e?"borderLeftWidth":"borderTopWidth",before:e?"left":"top",after:e?"right":"down",gap:e?"columnGap":"rowGap",distance:e?"width":"height",axis:e?"x":"y",offset:e?"offsetX":"offsetY",scroll:e?"scrollX":"scrollY",scrollElement:e?"scrollLeft":"scrollTop",page:e?"pageX":"pageY",inner:e?"innerWidth":"innerHeight",offsetElement:e?"offsetLeft":"offsetTop",scrollDistance:e?"scrollWidth":"scrollHeight",clientDistance:e?"clientWidth":"clientHeight",paddingBefore:e?"paddingLeft":"paddingTop",getRect:Mt}},Rt=(t,e)=>Ce(t,e),re=t=>[...t.children].filter(n=>nt(n,Q)),Ce=(t,e)=>{const n=[...e.children].filter(o=>nt(o,Q)&&!o.isEqualNode(t)).toReversed(),s=[...e.children].findLastIndex(o=>o.isEqualNode(t));return[n,s,e]},Ae=t=>{let e=t.parentElement;for(;e;){if(window.getComputedStyle(e).position==="fixed")return e;e=e.parentElement}return null},ie=(t,e)=>{const{before:n,borderBeforeWidth:s}=B(e),o=Ae(t);return o?Mt(o)[n]+L(o,s):0},Yt=t=>window.TouchEvent&&t instanceof TouchEvent,at=t=>t instanceof HTMLElement,ce=t=>t instanceof MouseEvent,xe=["onmouseup","onmousedown","onmousemove"],Be=(t,e,n)=>{t&&(t.style.height=`${e}px`,t.style.width=`${n}px`)},bt=(t,e,n)=>{!t||!at(t)||(n==0&&e==0?t.style.transform="":t.style.transform=`translate(${n}px,${e}px)`)},we=(t,e,n)=>{t[e]=s=>{if(s.defaultPrevented)return;const o=Vt(s);n(o)}},$t=(t,e,n)=>{n&&(Re(e)?t[e]=n:we(t,e,n))},Re=t=>xe.includes(t),Le=t=>{const{target:e}=t;return{clientX:0,clientY:0,pageX:0,pageY:0,screenX:0,screenY:0,target:e,offsetX:0,offsetY:0}},Oe=(t,e)=>{const n=(s,o)=>Pe(e,window,o,s);if(ce(t)){const{offsetX:s,offsetY:o}=t;return[s,o]}else{const s=t.target;return[n(s,_),n(s,tt)]}},Vt=t=>{const e=Me(t);if(!e)return Le(t);const[n,s]=Oe(t,e),{clientX:o,clientY:i,pageX:c,pageY:l,screenX:f,screenY:g,target:h}=e;return{clientX:o,clientY:i,pageX:c,pageY:l,screenX:f,screenY:g,target:h,offsetX:n,offsetY:s}},Me=t=>{if(Yt(t))return t.touches[0]??t.changedTouches[0];if(ce(t))return t},Pe=(t,e,n,s)=>{const{page:o,scroll:i,before:c,borderBeforeWidth:l,getRect:f}=B(n),g=f(s);return t[o]-e[i]-g[c]-L(s,l)},Nt=(t,e,n="ease-out",s="transform")=>{at(t)&&(t.style.transitionDuration=`${e}ms`,t.style.transitionTimingFunction=`${n}`,t.style.transitionProperty=`${s}`)},ae=(t,e,n)=>{!t||!at(t)||(t[e]=()=>{n()})},Ne=t=>{var e=t.querySelector("style");if(!e){var n=document.createElement("style");return t.appendChild(n),n}return e},Fe=(t,e)=>{const n=/\.-?[_a-zA-Z0-9-*\s<>():]+/g,[s]=e.match(n)||[];for(const o of t.cssRules){const[i]=o.cssText.match(n)||[];if(s===i)return!0}return!1},$e=(t,e)=>{e.forEach(n=>{Ge(t,n)})},Ge=(t,e)=>{var s;var n=Ne(t);n.sheet&&(Fe(n.sheet,e)||(s=n.sheet)==null||s.insertRule(e,n.sheet.cssRules.length))},le=(t,e={})=>{for(const n of Object.keys(e)){const s=e[n];s!=null&&Ie(t,`--${n}`,s)}},Ie=(t,e,n)=>t&&t.style.setProperty(e,n),ue="startDrag",Pt="drag",zt="startDrop",We="drop",ht="temp-child",fe="cubic-bezier(0.2, 0, 0, 1)",Xe=t=>t===We||t===zt,_t=t=>!t||t.length==0?0:qt(t.replace("px","")),Ye=(t,e)=>{const n=getComputedStyle(t)[e];if(n.match("%")){const o=qt(n.replace("%","")),{width:i}=t.getBoundingClientRect();return i*(o/100)}return _t(n)},jt=(t,e)=>{if(!(t instanceof Element))return[0,!1];const n=Ye(t,e),s=getComputedStyle(t).display,o=n>0||s==="flex";return[n,o]},Ve=t=>{const{top:e,left:n}=getComputedStyle(t);return[_t(e),_t(n)]},_e=(t,e)=>{const{gap:n}=B(e),[s,o]=jt(t,n);return o?s:0};function Tt(t,e,n,s,o=t.previousElementSibling,i=t.nextElementSibling){let{height:c,width:l}=He(n,t,o,i);return pt(t,s)&&e==Pt&&(c=0,l=0),{height:c,width:l}}const He=(t,e,n,s)=>{const{afterMargin:o,beforeMargin:i,distance:c,gap:l,getRect:f}=B(t),g=L(e,o),h=L(e,i),b=L(s,i),[w,M]=jt(e.parentElement,l),S=f(e)[c];if(M)return Qt(S,h,g,w,0,t);const[D,v,R]=qe(n,b,g,h,o);return Qt(S,v,D,0,R,t)},qe=(t,e,n,s,o)=>{const i=Math.max(e,n);let c=s,l=e;if(t){const f=L(t,o);c=Math.max(f,s),l=Math.max(l,f)}return[i,c,l]},Qt=(t,e,n,s,o,i)=>ze(i,t+e+n+s-o),ze=(t,e)=>t==_?{width:e,height:0}:{width:0,height:e},Ut=(t,e)=>{const{borderBeforeWidth:n,paddingBefore:s,axis:o,getRect:i}=B(t),c=L(e,n),l=L(e,s),f=i(e)[o];return c+l+f},je=(t,e)=>{const[n,s]=Ve(e),o=Ut(tt,t);return[Ut(_,t)-s,o-n]};function ke(t,e,n,s,o,i,c,l,f){let g=0,h=0;const b=!!(n<0&&f);if(n===s&&!b)return te({height:g,width:h},t,o,c,b);const[w,M,S,D]=Ke(e,n,s,f);if(b){const[et,ot]=je(l,f);g+=ot,h+=et}const{scrollElement:v,beforeMargin:R,afterMargin:N,distance:I,gap:W}=B(t),[X,F]=jt(l,W),[st,H,P]=Ue(R,N,w,M==null?void 0:M.previousElementSibling,D,F,b),[k,q,z]=Qe(R,N,I,S,X,F),Y=Je(q,k,z,H,st,X),j=b?l[v]:Ze(v,l,i),$=(D?Y-P:P-Y)-j;return t===tt?g+=$:t===_&&(h+=$),te({height:g,width:h},t,o,c,b)}const Ze=(t,e,n)=>{const s=e[t],o=n[t];return s-o},Je=(t,e,n,s,o,i)=>{const c=Math.max(e,o);return Math.max(n,s)+t+c+i},Ke=(t,e,n,s)=>{const o=e<n,[i,c]=[e,n].toSorted((h,b)=>h-b),l=t[e]??s,f=t[n];let g=o?t.slice(i+1,c+1):t.slice(i,c);return i<0&&s&&(g=t.slice(i+1,c)),[l,f,g,o]},Qe=(t,e,n,s,o,i)=>{if(s.length==0)return[0,0,0];const c=L(s[0],t);let l=0,f=-c;for(const[g,h]of s.entries()){const b=h.getBoundingClientRect()[n],w=L(h,t);i&&(l+=w),i&&g>0?l+=o:l=Math.max(l,w),f+=l+b,l=L(h,e)}return[c,f,l]},te=(t,e,n,s,o)=>{const{scroll:i,distance:c}=B(e),l=window[i],f=n[i],g=o?0:f-2*l+s[i];return t[c]+=g,t},Ue=(t,e,n,s,o,i,c)=>{const l=o?n.previousElementSibling:s;return tn(t,e,l,n,i,c)},tn=(t,e,n,s,o,i)=>{if(o)return[0,0,0];const c=L(i?null:n,e),l=L(s,t);let f=Math.max(c,l);return[c,l,f]},kt=(t,e,n)=>{const s=new MutationObserver(o=>{if(o.length>0){const i=o[0];t(s,i)}});return s.observe(e,n),s},en=(t,e,n)=>{n!=0&&(e==="vertical"?t.scrollBy(0,n):t.scrollBy(n,0))},nn=(t,e,n)=>{const{scrollDistance:s,clientDistance:o,scrollElement:i}=B(t);return n[i]/(e[s]-e[o])},sn="startDrag",ge="cubic-bezier(0.2, 0, 0, 1)",on=(t,e,n)=>{let s=Tt(e,sn,n,t);const o=_e(t,n),{distance:i}=B(n);s[i]-=o;const[c,l]=rn(n,e);return s[l]=c,s},rn=(t,e)=>{const n=t==_?tt:_,{distance:s,getRect:o}=B(n);return[o(e)[s],s]},Ct=(t,e,n)=>{Be(t,e,n),t.style.minWidth=`${n}px`},cn=(t,e)=>{if(!e)return;const{droppable:n,config:s,scroll:o}=t,{direction:i}=s,c=nn(s.direction,n,o)>.99,{scrollDistance:l,clientDistance:f,scrollElement:g}=B(i);c&&(n[g]=n[l]-n[f])},de=(t,e,n,s)=>{if(!n)return;const{droppable:o,config:i}=n,{direction:c,animationDuration:l}=i;if(cn(n,e),o.querySelector(`.${ht}`)||!t)return;var f=t.tagName=="LI"?"DIV":t.tagName,g=document.createElement(f);U(g,ht),Ct(g,0,0);const h=on(o,t,c);return Nt(g,l,ge,"width, min-width, height"),[g,h,o]},Gt=(t,e,n,s,o)=>{const i=de(t,n,s);if(!i)return;const[c,l,f]=i;e.isSameNode(f)&&Ct(c,l.height,l.width);const g=kt(()=>{g.disconnect()},f,{childList:!0,subtree:!0});f.appendChild(c)},an=(t,e,n)=>{const s=de(t,e,n);if(!s)return;const[o,i,c]=s;c.appendChild(o),ln(o,i)},ln=(t,e)=>requestAnimationFrame(()=>{Ct(t,e.height,e.width),requestAnimationFrame(()=>{Nt(t,0,ge,"width, min-width, height")})}),un=(t,e,n,s,o=!0)=>{if(n){var i=document.querySelectorAll(`${dt(n)} > .${ht}`);i.forEach(c=>{const l=c.parentElement;if(l!=null&&l.isSameNode(e)||!o&&(l!=null&&l.isSameNode(t)))return;Ct(c,0,0),setTimeout(()=>{var g;(g=c.parentNode)==null||g.removeChild(c)},s)})}},vt=(t,e,n=!1)=>{var s=t.querySelectorAll(`.${ht}`);s.forEach(o=>{n?(Ct(o,0,0),setTimeout(()=>{t.contains(o)&&t.removeChild(o)},e)):t.removeChild(o)})},fn=50;function gn(t,e,n,s,o,i){let c=e;const{direction:l,handlerSelector:f,onRemoveAtEvent:g,animationDuration:h,delayBeforeInsert:b,draggingClass:w}=t,M=(r,u,d,m,C)=>{if(!m)return;const{droppable:T,config:y}=m,A=Tt(r,u,y.direction,T);Xe(u)?F(r,u,A,d,m,C):R(r,u,A,m)},S=(r,u,d,m,C)=>{const T=Tt(u,"insert",t.direction,d),{onInsertEvent:y}=t,A=re(d);for(const[O,x]of A.entries())nt(x,Q)&&O>=r&&X(x,T);C(),setTimeout(()=>{y(r,m),vt(n,0,!0),pe(r,d,t),et(u),V(u,n)},b)},D=(r,u,d,m)=>{if(!d||!d.droppable||!d.config)return;const{droppable:C,config:T}=d;let[y]=Rt(u,C);y=[u,...y].toReversed();const A=Tt(u,"remove",T.direction,C);for(const[O,x]of y.entries())O>=r&&(W(x,A),setTimeout(()=>{m(x)},h))},v=r=>{vt(n,h,!0),setTimeout(()=>{et(r),V(r,n)},h)},R=(r,u,d,m)=>{const{config:C,droppable:T}=m,[y]=Rt(r,T),A=pt(r,T);y.length==0&&I(d,1,C.direction,y);for(const[O,x]of y.entries()){if(!nt(x,Q))continue;const G=N(C.direction,r,x,d);if(!A&&G)d=G;else if(!A)continue;const Z=y.length-O;I(d,Z,C.direction,y),u===ue?W(x,d):u===Pt&&X(x,d)}},N=(r,u,d,m)=>{const{before:C,distance:T,axis:y,getRect:A}=B(r),O=A(u),x=A(d),G=O[C],Z=x[C],ut=x[T],mt=Z+ut/2,St=ye(d)[y],ct=mt-St;return G>ct?{height:0,width:0}:m},I=(r,u,d,m)=>{const C=m.filter(y=>nt(y,Q)).length,{distance:T}=B(d);r[T]==0?c=Math.max(c,u):c=Math.min(c,u-1),c=Math.min(c,C)},W=(r,u)=>{const{width:d,height:m}=u;bt(r,m,d)},X=(r,u)=>{const{width:d,height:m}=u;bt(r,m,d),Nt(r,h,fe)},F=(r,u,d,m,C,T)=>{const{droppable:y,scroll:A,config:O}=C,[x,G]=Rt(r,y),Z=x.toReversed(),ut=G===-1?Z.length:G;Z.splice(ut,0,r);const[mt,St,ct]=st(r,G,Z,y);d=Tt(r,u,O.direction,n,mt,St);const Ft=be(),At=ke(O.direction,Z,G,ct,Ft,A,m,y,r);x.length==0&&H(void 0,d,r,At);for(const[xt,Bt]of x.toReversed().entries()){let wt=d;ct-1>=xt&&(wt={height:0,width:0}),u===zt&&!nt(Bt,ht)&&H(Bt,wt,r,At)}P(ct,r,O,y,T)},st=(r,u,d,m)=>{const T=pt(r,m)?u:c,y=()=>u<T?[T,T+1]:u>T?[T-1,T]:[T-1,T+1],[A,O]=y(),x=d[A]??null,G=d[O]??null;return[x,G,T]},H=(r,u,d,m)=>{bt(r,u.height,u.width),bt(d,m.height,m.width)},P=(r,u,d,m,C)=>{const{onInsertEvent:T,onDragEnd:y}=d;U(u,Xt),z(u,n,m,()=>{if(yt(u,Xt),C!=null){const A=g(C);A!=null&&(T(r,A),y({value:A,index:r})),q(u),k()}})},k=()=>{if(s){var r=document.querySelectorAll(`${dt(s)} > .${Q}`);for(const u of r)$(u)}},q=r=>{setTimeout(()=>{yt(r,w)},fn)},z=(r,u,d,m)=>{setTimeout(()=>{m&&m(),Y(u,d),j(d),et(r),V(r,u),V(r,d)},h)},Y=(r,u)=>{r.isSameNode(u)?vt(r,h):(vt(r,h,!0),vt(u,h))},j=r=>{if(n.isSameNode(r))return;var[u]=n.querySelectorAll(`.${ht}`);if(!u)return;const{distance:d}=B(l);at(u)&&(u.style[d]="0px")},V=(r,u)=>{const[d]=Rt(r,u);for(const m of[...d,r])$(m)},$=r=>{at(r)&&(r.style.transition="",r.style.transform="")},et=r=>{i(),lt(r,!1),r.style.transform="",r.style.transition="",r.style.top="",r.style.left="",le(r,{fixedHeight:"",fixedWidth:""})},ot=(r,u)=>{const d=u.querySelector(f);gt(document.body,ne,r),gt(d||u,Wt,r)},lt=(r,u)=>{gt(r,Ht,u),ot(u,r),o.toggleGrabClass(!u)};return[M,D,S,v,lt]}const pe=(t,e,n)=>{const{insertingFromClass:s,animationDuration:o}=n,i=kt(()=>{const l=re(e)[t];U(l,s),U(l,Zt),setTimeout(()=>{yt(l,Zt),yt(l,s),i.disconnect()},o)},e,{childList:!0})},dn=(t,e,n,s)=>{if(!e)return;const{onInsertEvent:o,delayBeforeInsert:i}=t;setTimeout(()=>{o(n,s),pe(n,e,t)},i)},pn=(t,e)=>{const n=c=>t.removeAtEvent(c),s=(c,l)=>t.insertEvent(c,l),o=()=>t.getLength(),i=c=>t.getValue(c);return{direction:(e==null?void 0:e.direction)??tt,handlerSelector:(e==null?void 0:e.handlerSelector)??Q,draggingClass:(e==null?void 0:e.draggingClass)??"dragging",droppableClass:(e==null?void 0:e.droppableClass)??"droppable-hover",isDraggable:(e==null?void 0:e.isDraggable)??(()=>!0),onDragStart:(e==null?void 0:e.onDragStart)??(()=>{}),onDragEnd:(e==null?void 0:e.onDragEnd)??(()=>{}),droppableGroup:e==null?void 0:e.droppableGroup,onRemoveAtEvent:n,onInsertEvent:s,onGetLegth:o,onGetValue:i,animationDuration:(e==null?void 0:e.animationDuration)??150,removingClass:(e==null?void 0:e.removingClass)??"removing",insertingFromClass:(e==null?void 0:e.insertingFromClass)??"from-inserting",delayBeforeRemove:(e==null?void 0:e.delayBeforeRemove)??200,delayBeforeInsert:(e==null?void 0:e.delayBeforeInsert)??200}},hn=t=>{let e={offsetX:0,offsetY:0},n={top:0,left:0},s={x:0,y:0};const o=f=>{t.style.transform=`translate( ${f.x}px, ${f.y}px)`},i=f=>{t.style.top=`${f.top}px`,t.style.left=`${f.left}px`};return[(f,g,h,b)=>{const w=D=>{const{beforeMargin:v,borderBeforeWidth:R,before:N,offset:I,scroll:W,page:X,inner:F,distance:st,axis:H,getRect:P}=B(D),k=h[X],q=window[W],z=window[F],Y=P(f)[st],j=L(f,R),V=L(f,v),$=k-e[I],et=ie(f,D);if($>=q-Y/2&&$<=q+z){const lt=$-n[N]-j-V-q-et;return M(D),lt}return s[H]},M=D=>{if(f&&nt(f,Ht)&&D===b){const{before:v,distance:R,axis:N,getRect:I}=B(b),W=I(f)[R],X=I(g),F=n[v]-X[v]+s[N],H=X[R]-W,P=F/H,k=W/H,q=.1,z=.2,Y=.8;let j=0;const V=pt(f,g);!V&&P<z&&P>-k?j=P/z-1:!V&&P>Y&&P<1+k&&(j=1/(1-Y)*(P-Y));const $=q*W*j;en(g,b,$)}},S=D=>{const{axis:v}=B(D);s[v]=w(D),o(s)};S(_),S(tt)},(f,g)=>{const[h,b,w,M]=Dn(f,g,t);n={top:h,left:b},i(n),e={offsetX:w,offsetY:M}}]},Lt=(t,e,n)=>{const{borderBeforeWidth:s,before:o,getRect:i}=B(t);return i(e)[o]-i(n)[o]-L(n,s)},mn=(t,e)=>{let{offsetX:n,offsetY:s,target:o}=t,i=Sn(o,e);const c=o;return c&&i&&!c.isSameNode(i)&&(n+=Lt(_,c,i),s+=Lt(tt,c,i)),i&&e!=o&&(n+=Lt(_,i,e),s+=Lt(tt,i,e)),[n,s]},Sn=(t,e)=>{const n=t==null?void 0:t.closest(`.${Ot}`);return n&&n.isSameNode(e)?t:n},ee=(t,e,n,s)=>{const{offset:o,beforeMargin:i,page:c,borderBeforeWidth:l,scroll:f}=B(t),g=ie(n,t);return e[c]-s[o]-L(n,i)-L(n,l)-window[f]-g},Dn=(t,e,n)=>{const[s,o]=mn(t,n);return[ee(tt,t,e,{offsetX:s,offsetY:o}),ee(_,t,e,{offsetX:s,offsetY:o}),s,o]},K=class K{static addConfig(e,n){const s=K.configs.filter(i=>!i.droppable.isSameNode(e)),o=Kt(e);s.push({droppable:e,config:n,scroll:o}),K.configs=s}static updateScrolls(e,n){for(const s of K.configs){const{droppable:o}=s;(n&&De(o,n)||o.isSameNode(e))&&(s.scroll=Kt(o))}}static getConfig(e){return K.configs.find(({droppable:s})=>s.isSameNode(e))}};J(K,"configs",[]),J(K,"removeObsoleteConfigs",()=>{const e=K.configs.filter(({droppable:n})=>document.contains(n));K.configs=e});let it=K;class vn{constructor(e,n,s,o,i){J(this,"initial");J(this,"current");J(this,"parent");J(this,"draggableElement");J(this,"groupClass");J(this,"dragEvent");J(this,"changeDroppable");this.parent=s,this.draggableElement=e,this.groupClass=n,this.dragEvent=o,this.initial=s?it.getConfig(s):void 0,this.changeDroppable=i}getDraggableAncestor(e,n,s){return document.elementsFromPoint(e,n).filter(o=>!o.isSameNode(s))}getElementBelow(e,n,s=!0){const o=c=>{const[l]=c.getDraggableAncestor(n.clientX,n.clientY,e);return l};let i=null;return s?(e.hidden=!0,i=o(this),e.hidden=!1):i=o(this),i}getCurrent(e,n,s=!0){const o=this.getElementBelow(e,n,s);return!this.groupClass||!o?void 0:o.closest(dt(this.groupClass))}isOutsideOfAllDroppables(e){return(this.groupClass?Array.from(document.querySelectorAll(dt(this.groupClass))):[this.parent]).every(s=>pt(e,s))}isNotInsideAnotherDroppable(e,n){return!pt(e,n)||this.isOutsideOfAllDroppables(e)}onScrollEvent(){this.dragEvent()}setOnScroll(e){ae(e,"onscroll",()=>{this.onScrollEvent()})}getCurrentConfig(e){var o;const n=this.draggableElement;if(this.current&&this.isNotInsideAnotherDroppable(n,(o=this.current)==null?void 0:o.droppable))return this.current;const s=this.getCurrent(n,e);return s?(at(s)&&!s.onscroll&&this.setOnScroll(s),it.getConfig(s)):it.getConfig(this.parent)}updateConfig(e){const n=this.current;this.current=this.getCurrentConfig(e),this.changeDroppable(this.current,n)}isOutside(e,n=!0){const s=this.draggableElement;return!this.getCurrent(s,e,n)}}function bn(t,e,n,s,o){const{handlerSelector:i,isDraggable:c,droppableGroup:l,animationDuration:f,delayBeforeRemove:g,draggingClass:h,removingClass:b,onRemoveAtEvent:w,droppableClass:M,onDragStart:S}=n,D=Et(l).map(a=>`droppable-group-${a}`).join(" ");let v=0,R={scrollX:0,scrollY:0},N={pageX:0,pageY:0},I;const[W,X]=hn(t),[F,st,H,P,k]=gn(n,e,s,D,o,()=>v=0),q=()=>{U(t,Q)},z=a=>{U(a,Ot),o.addSubscriber(a)},Y=()=>{if(c(t)){const a=t.querySelector(i);z(a||t)}},j=()=>{$e(document.body,[`.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,`.${Ot}{pointer-events:auto!important;}`,`.${se}{cursor:grab;}`,".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",".droppable{box-sizing:border-box!important;}",`.${Ht}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,`.${Wt}{pointer-events:none!important;}`,`.${Xt}{pointer-events:none!important;}`,`.${ne}{cursor:grabbing;}`,".disable-transition{transition:none!important;}"]),Y(),q()},V=a=>{const p=a==null?void 0:a.querySelector(`.${Ot}`),E=p==null?void 0:p.parentElement;return p&&E&&nt(E,It)&&!E.isSameNode(s)?null:p},$=a=>{const p=V(a)??a;p&&c(a)&&($t(p,"onmousedown",O("mousemove","mouseup")),$t(p,"ontouchstart",O("touchmove","touchend")),et(p)),a!=null&&a.isSameNode(p)||$t(a,"onmousedown",x),U(s,It)},et=a=>{const p=a.querySelectorAll("img");Array.from(p).forEach(E=>{E.onmousedown=()=>!1})},ot=()=>{if(N.pageX==0&&N.pageY==0||!r.current)return;const{droppable:a,config:p}=r.current;W(t,a,N,p.direction),F(t,Pt,R,r.current)},lt=(a,p)=>{p&&v==2&&!(a!=null&&a.droppable.isSameNode(p.droppable))&&F(t,Pt,R,p)},r=new vn(t,D,s,ot,lt),u=a=>{if(!r.current)return;const p=D?Array.from(document.querySelectorAll(dt(D))):[s];for(const E of p)E.classList.toggle(M,!a&&E.isSameNode(r.current.droppable))},d=a=>{r.updateConfig(a);const p=r.isOutside(a);u(p),v===1?ut(a):v===2&&(m(p),St(a))},m=(a=!0)=>{if(!r.current)return;const{droppable:p}=r.current;un(p,s,D,f,a),!a&&Gt(t,s,v==1,r.current)},C=a=>{if(Yt(a)&&a.cancelable)a.preventDefault();else if(Yt(a))return;const p=Vt(a);d(p)},T=(a,p)=>{a=="touchmove"?I=setTimeout(()=>{p()},200):p()},y=(a,p)=>{const{clientX:E,clientY:ft}=a,rt=document.elementFromPoint(E,ft),Dt=rt==null?void 0:rt.closest(`.${Q}`);return rt&&p&&Dt&&!p.isSameNode(Dt)},A=a=>{const p=n.onGetValue(e);return{index:e,element:a,value:p}},O=(a,p)=>E=>{if(y(E,t))return;it.updateScrolls(s,D);const{scrollX:ft,scrollY:rt}=window;if(R={scrollX:ft,scrollY:rt},v===0){v=1;const Dt=A(t);Dt&&S(Dt),T(a,()=>{a=="touchmove"&&(r.updateConfig(E),u(r.isOutside(E)),ut(E)),document.addEventListener(a,C,{passive:!1})}),ct(s),document.addEventListener(p,G(a),{once:!0})}},x=a=>r.updateConfig(a),G=a=>p=>{u(!0);const E=Vt(p);clearTimeout(I),At(r.isOutside(E,!1)),document.removeEventListener(a,C),r.updateConfig(E);const ft=r.getCurrentConfig(E);if(ft){const{droppable:rt}=ft;Z(rt)}s.onscroll=null},Z=a=>{if(a.onscroll=null,!D)return;const p=Array.from(document.querySelectorAll(dt(D)));for(const E of p)at(E)&&(E.onscroll=null)},ut=a=>{Gt(t,s,v==1,r.current),mt(),F(t,ue,R,r.current),Bt(t),X(a,t)},mt=()=>{v=2},St=a=>{const{pageX:p,pageY:E}=a;N={pageX:p,pageY:E},ot()},ct=a=>ae(a,"onscroll",Ft),Ft=()=>ot(),At=a=>{if(v!==2){v=0;return}v=3,xt(t),F(t,zt,R,a?r.initial:r.current,e)},xt=a=>{Nt(a,f,fe),bt(a,0,0)},Bt=a=>{const{height:p,width:E}=a.getBoundingClientRect();le(a,{fixedHeight:`${p}px`,fixedWidth:`${E}px`}),k(a,!0),gt(a,h,!0),a.style.transition=""},wt=a=>{if(!r.initial)return;const p=r.initial;a==e&&(U(t,b),setTimeout(()=>{w(e),yt(t,b),Gt(t,s,v==1,r.initial),st(a,t,p,E=>{xt(E),P(t)})},g))},he=(a,p)=>{(a===e||a===n.onGetLegth()&&e===a-1)&&H(a,t,s,p,()=>{an(t,v==1,r.initial)})};return j(),$(t),[wt,he]}const Tn=(t,e)=>{t&&ve(e,t)};function yn(t,e,n,s="index"){const o=s;let i=[],c=[];const{droppableGroup:l}=t;if(!n)return[i,c];const f=Et(l).map(g=>`droppable-group-${g}`).join(" ");Tn(f,n);for(const g of n.children){const h=g.getAttribute(o),b=Te(h),w=g;if(w&&b>=0){const[M,S]=bn(w,b,t,n,e);i.push(M),c.push(S)}}return[i,c]}function En(t,e,n,s="index"){let o=[],i=[];const c=pn(t,n),l=S=>{for(const D of o)D(S)},f=(S,D)=>{if(c.onGetLegth()===0)t.insertToListEmpty(c,S,D);else for(const R of i)R(S,D)},g=S=>{const[D,v]=yn(c,e,S,s);o=D,i=v},h=S=>{kt(()=>{g(S)},S,{childList:!0})},b=S=>{U(S,It)},w=S=>{it.addConfig(S,c)};return[l,f,S=>{S&&(b(S),w(S),h(S),g(S),it.removeObsoleteConfigs())}]}exports.GRAB_CLASS=se;exports.addClass=U;exports.dragAndDrop=En;exports.insertToListEmpty=dn;exports.toggleClass=gt;

package/dist/svelte/index.cjs

@@ -1 +1 @@
-"use strict";var u=Object.defineProperty;var d=(n,t,e)=>t in n?u(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var s=(n,t,e)=>d(n,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../HandlerPublisher-Bd4_qrME.cjs"),o=require("../index-GRcZUS5t.cjs");class g{constructor(t){s(this,"items");s(this,"parent");this.items=t}setParent(t){this.parent=t}removeAtEvent(t){const e=this.items;if(e.length<=0)return;const[r]=e.splice(t,1);return r}insertEvent(t,e){this.items.splice(t,0,e)}getLength(){return this.items.length}getValue(t){return this.items[t]}insertToListEmpty(t,e,r){o.insertToListEmpty(t,this.parent,e,r)}}const h=new c.HandlerPublisher;function m(n,t){const e=new g(n),[r,l,a]=o.dragAndDrop(e,h,t,"data-index");return[i=>(e.setParent(i),a(i),{destroy(){}}),l,r]}exports.useDragAndDrop=m;
+"use strict";var u=Object.defineProperty;var d=(n,t,e)=>t in n?u(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var s=(n,t,e)=>d(n,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../HandlerPublisher-D-RJfytA.cjs"),o=require("../index-B6KgPfpv.cjs");class g{constructor(t){s(this,"items");s(this,"parent");this.items=t}setParent(t){this.parent=t}removeAtEvent(t){const e=this.items;if(e.length<=0)return;const[r]=e.splice(t,1);return r}insertEvent(t,e){this.items.splice(t,0,e)}getLength(){return this.items.length}getValue(t){return this.items[t]}insertToListEmpty(t,e,r){o.insertToListEmpty(t,this.parent,e,r)}}const h=new c.HandlerPublisher;function m(n,t){const e=new g(n),[r,l,a]=o.dragAndDrop(e,h,t,"data-index");return[i=>(e.setParent(i),a(i),{destroy(){}}),l,r]}exports.useDragAndDrop=m;

package/dist/svelte/index.mjs

@@ -1,8 +1,8 @@
 var l = Object.defineProperty;
 var d = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => d(n, typeof t != "symbol" ? t + "" : t, e);
-import { H as c } from "../HandlerPublisher-BbGTnlu0.js";
-import { i as m, d as u } from "../index-D1rUx9iZ.js";
+import { H as c } from "../HandlerPublisher-BUubPiyW.js";
+import { i as m, d as u } from "../index-B0MByO4j.js";
 class h {
   constructor(t) {
     r(this, "items");

package/dist/vue/index.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var h=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var s=(n,e,t)=>h(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../HandlerPublisher-Bd4_qrME.cjs"),u=require("../index-GRcZUS5t.cjs"),v=(n,e)=>{const t=n.value;if(t.length<=0)return;const[r]=t.splice(e,1);return r},d=(n,e,t)=>{n.value.splice(e,0,t)},m=n=>n.value.length,p=(n,e)=>n.value[e];class V{constructor(e,t){s(this,"items");s(this,"parent");this.items=e,this.parent=t}removeAtEvent(e){return v(this.items,e)}insertEvent(e,t){return d(this.items,e,t)}getLength(){return m(this.items)}getValue(e){return p(this.items,e)}insertToListEmpty(e,t,r){u.insertToListEmpty(e,this.parent.value,t,r)}}const A=new g.HandlerPublisher;function L(n,e){const t=i.ref();var r=new V(n,t);const[l,o,a]=u.dragAndDrop(r,A,e);return i.watch(t,()=>{a(t.value)}),[t,o,l]}exports.useDragAndDrop=L;
+"use strict";var c=Object.defineProperty;var h=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var s=(n,e,t)=>h(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../HandlerPublisher-D-RJfytA.cjs"),u=require("../index-B6KgPfpv.cjs"),v=(n,e)=>{const t=n.value;if(t.length<=0)return;const[r]=t.splice(e,1);return r},d=(n,e,t)=>{n.value.splice(e,0,t)},m=n=>n.value.length,p=(n,e)=>n.value[e];class V{constructor(e,t){s(this,"items");s(this,"parent");this.items=e,this.parent=t}removeAtEvent(e){return v(this.items,e)}insertEvent(e,t){return d(this.items,e,t)}getLength(){return m(this.items)}getValue(e){return p(this.items,e)}insertToListEmpty(e,t,r){u.insertToListEmpty(e,this.parent.value,t,r)}}const A=new g.HandlerPublisher;function L(n,e){const t=i.ref();var r=new V(n,t);const[l,o,a]=u.dragAndDrop(r,A,e);return i.watch(t,()=>{a(t.value)}),[t,o,l]}exports.useDragAndDrop=L;

package/dist/vue/index.mjs

@@ -2,8 +2,8 @@ var l = Object.defineProperty;
 var u = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => u(n, typeof t != "symbol" ? t + "" : t, e);
 import { ref as c, watch as m } from "vue";
-import { H as h } from "../HandlerPublisher-BbGTnlu0.js";
-import { i as p, d as v } from "../index-D1rUx9iZ.js";
+import { H as h } from "../HandlerPublisher-BUubPiyW.js";
+import { i as p, d as v } from "../index-B0MByO4j.js";
 const g = (n, t) => {
   const e = n.value;
   if (e.length <= 0)

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "fluid-dnd",
-  "version": "1.0.5-beta.0",
+  "version": "1.0.7-beta.0",
   "description": "An agnostic drag and drop library to sort all kind of lists. With current support for vue 3 and svelte",
   "type": "module",
-  "homepage": "https://vue-fluid-dnd.netlify.app",
+  "homepage": "https://fluid-dnd.netlify.app",
   "repository": {
     "type": "git",
-    "url": "https://github.com/carlosjorger/vue-fluid-dnd.git"
+    "url": "https://github.com/carlosjorger/fluid-dnd.git"
   },
   "files": [
     "dist"
@@ -14,14 +14,14 @@
   "main": ".dist/index.cjs",
   "exports": {
     "./vue": {
-      "types": ".dist/vue/index.d.ts",
-      "import": ".dist/vue/index.mjs",
-      "require": ".dist/vue/index.cjs"
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.mjs",
+      "require": "./dist/vue/index.cjs"
     },
     "./svelte": {
-      "types": ".dist/svelte/index.d.ts",
-      "import": ".dist/svelte/index.mjs",
-      "require": ".dist/svelte/index.cjs"
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte/index.mjs",
+      "require": "./dist/svelte/index.cjs"
     },
     ".": {
       "types": "./dist/index.d.ts",

package/dist/index-GRcZUS5t.cjs

@@ -1 +0,0 @@
-"use strict";var me=Object.defineProperty;var Se=(t,e,n)=>e in t?me(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var J=(t,e,n)=>Se(t,typeof e!="symbol"?e+"":e,n);const Q="draggable",It="droppable",Ot="handler-class",Ht="dragging",Wt="dragging-handler-class",Xt="dropping",ne="grabbing",se="grab",Zt="disable-transition",nt=(t,e)=>t.classList.contains(e),gt=(t,e,n=!1)=>{t.classList.toggle(e,n)},U=(t,e)=>{t.classList.add(e)},yt=(t,e)=>{t.classList.remove(e)},De=(t,e)=>Ct(e).every(n=>nt(t,n)),dt=t=>t?`.${Ct(t).join(".")}`:"",ve=(t,e)=>{if(!e)return;const n=Ct(e);t.classList.add(...n)},Ct=t=>t?t.split(" ").filter(e=>e):[],_="horizontal",tt="vertical",be=()=>{const{scrollX:t,scrollY:e}=window;return{scrollX:t,scrollY:e}},qt=t=>!t||t.trim().length==0||t=="normal"?0:parseFloat(t),Te=t=>t?parseInt(t):-1,Ee=t=>{const e=getComputedStyle(t),n=new DOMMatrixReadOnly(e.transform);return{x:n.m41,y:n.m42}},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)=>!ye(t,e),ye=(t,e)=>{const n=Mt(t),s=Mt(e),o=Jt(n,s,tt),i=Jt(n,s,_);return o>=Math.min(n.height,s.height)/2&&i>=Math.min(n.width,s.width)/2},Jt=(t,e,n)=>{const{before:s,distance:o}=w(n);return oe({x1:t[s],x2:t[s]+t[o]},{x1:e[s],x2:e[s]+e[o]})},L=(t,e)=>t?qt(getComputedStyle(t)[e]):0,Kt=t=>{const{scrollLeft:e,scrollTop:n}=t;return{scrollLeft:e,scrollTop:n}},Mt=t=>t.getBoundingClientRect(),w=t=>{const e=t==_;return{beforeMargin:e?"marginLeft":"marginTop",afterMargin:e?"marginRight":"marginBottom",borderBeforeWidth:e?"borderLeftWidth":"borderTopWidth",before:e?"left":"top",after:e?"right":"down",gap:e?"columnGap":"rowGap",distance:e?"width":"height",axis:e?"x":"y",offset:e?"offsetX":"offsetY",scroll:e?"scrollX":"scrollY",scrollElement:e?"scrollLeft":"scrollTop",page:e?"pageX":"pageY",inner:e?"innerWidth":"innerHeight",offsetElement:e?"offsetLeft":"offsetTop",scrollDistance:e?"scrollWidth":"scrollHeight",clientDistance:e?"clientWidth":"clientHeight",paddingBefore:e?"paddingLeft":"paddingTop",getRect:Mt}},Rt=(t,e)=>Ce(t,e),re=t=>[...t.children].filter(n=>nt(n,Q)),Ce=(t,e)=>{const n=[...e.children].filter(o=>nt(o,Q)&&!o.isEqualNode(t)).toReversed(),s=[...e.children].findLastIndex(o=>o.isEqualNode(t));return[n,s,e]},Ae=t=>{let e=t.parentElement;for(;e;){if(window.getComputedStyle(e).position==="fixed")return e;e=e.parentElement}return null},ie=(t,e)=>{const{before:n,borderBeforeWidth:s}=w(e),o=Ae(t);return o?Mt(o)[n]+L(o,s):0},Yt=t=>window.TouchEvent&&t instanceof TouchEvent,at=t=>t instanceof HTMLElement,ce=t=>t instanceof MouseEvent,xe=["onmouseup","onmousedown","onmousemove"],we=(t,e,n)=>{t&&(t.style.height=`${e}px`,t.style.width=`${n}px`)},Tt=(t,e,n)=>{!t||!at(t)||(n==0&&e==0?t.style.transform="":t.style.transform=`translate(${n}px,${e}px)`)},Be=(t,e,n)=>{t[e]=s=>{if(s.defaultPrevented)return;const o=Vt(s);n(o)}},$t=(t,e,n)=>{n&&(Re(e)?t[e]=n:Be(t,e,n))},Re=t=>xe.includes(t),Le=t=>{const{target:e}=t;return{clientX:0,clientY:0,pageX:0,pageY:0,screenX:0,screenY:0,target:e,offsetX:0,offsetY:0}},Oe=(t,e)=>{const n=(s,o)=>Pe(e,window,o,s);if(ce(t)){const{offsetX:s,offsetY:o}=t;return[s,o]}else{const s=t.target;return[n(s,_),n(s,tt)]}},Vt=t=>{const e=Me(t);if(!e)return Le(t);const[n,s]=Oe(t,e),{clientX:o,clientY:i,pageX:c,pageY:l,screenX:f,screenY:p,target:h}=e;return{clientX:o,clientY:i,pageX:c,pageY:l,screenX:f,screenY:p,target:h,offsetX:n,offsetY:s}},Me=t=>{if(Yt(t))return t.touches[0]??t.changedTouches[0];if(ce(t))return t},Pe=(t,e,n,s)=>{const{page:o,scroll:i,before:c,borderBeforeWidth:l,getRect:f}=w(n),p=f(s);return t[o]-e[i]-p[c]-L(s,l)},Nt=(t,e,n="ease-out",s="transform")=>{at(t)&&(t.style.transitionDuration=`${e}ms`,t.style.transitionTimingFunction=`${n}`,t.style.transitionProperty=`${s}`)},ae=(t,e,n)=>{!t||!at(t)||(t[e]=()=>{n()})},Ne=t=>{var e=t.querySelector("style");if(!e){var n=document.createElement("style");return t.appendChild(n),n}return e},Fe=(t,e)=>{const n=/\.-?[_a-zA-Z0-9-*\s<>():]+/g,[s]=e.match(n)||[];for(const o of t.cssRules){const[i]=o.cssText.match(n)||[];if(s===i)return!0}return!1},$e=(t,e)=>{e.forEach(n=>{Ge(t,n)})},Ge=(t,e)=>{var s;var n=Ne(t);n.sheet&&(Fe(n.sheet,e)||(s=n.sheet)==null||s.insertRule(e,n.sheet.cssRules.length))},le=(t,e={})=>{for(const n of Object.keys(e)){const s=e[n];s!=null&&Ie(t,`--${n}`,s)}},Ie=(t,e,n)=>t&&t.style.setProperty(e,n),ue="startDrag",Pt="drag",zt="startDrop",We="drop",ht="temp-child",fe="cubic-bezier(0.2, 0, 0, 1)",Xe=t=>t===We||t===zt,_t=t=>!t||t.length==0?0:qt(t.replace("px","")),Ye=(t,e)=>{const n=getComputedStyle(t)[e];if(n.match("%")){const o=qt(n.replace("%","")),{width:i}=t.getBoundingClientRect();return i*(o/100)}return _t(n)},jt=(t,e)=>{if(!(t instanceof Element))return[0,!1];const n=Ye(t,e),s=getComputedStyle(t).display,o=n>0||s==="flex";return[n,o]},Ve=t=>{const{top:e,left:n}=getComputedStyle(t);return[_t(e),_t(n)]},_e=(t,e)=>{const{gap:n}=w(e),[s,o]=jt(t,n);return o?s:0};function Et(t,e,n,s,o=t.previousElementSibling,i=t.nextElementSibling){let{height:c,width:l}=He(n,t,o,i);return pt(t,s)&&e==Pt&&(c=0,l=0),{height:c,width:l}}const He=(t,e,n,s)=>{const{afterMargin:o,beforeMargin:i,distance:c,gap:l,getRect:f}=w(t),p=L(e,o),h=L(e,i),b=L(s,i),[B,M]=jt(e.parentElement,l),S=f(e)[c];if(M)return Qt(S,h,p,B,0,t);const[D,v,R]=qe(n,b,p,h,o);return Qt(S,v,D,0,R,t)},qe=(t,e,n,s,o)=>{const i=Math.max(e,n);let c=s,l=e;if(t){const f=L(t,o);c=Math.max(f,s),l=Math.max(l,f)}return[i,c,l]},Qt=(t,e,n,s,o,i)=>ze(i,t+e+n+s-o),ze=(t,e)=>t==_?{width:e,height:0}:{width:0,height:e},Ut=(t,e)=>{const{borderBeforeWidth:n,paddingBefore:s,axis:o,getRect:i}=w(t),c=L(e,n),l=L(e,s),f=i(e)[o];return c+l+f},je=(t,e)=>{const[n,s]=Ve(e),o=Ut(tt,t);return[Ut(_,t)-s,o-n]};function ke(t,e,n,s,o,i,c,l,f){let p=0,h=0;const b=!!(n<0&&f);if(n===s&&!b)return te({height:p,width:h},t,o,c,b);const[B,M,S,D]=Ke(e,n,s,f);if(b){const[et,ot]=je(l,f);p+=ot,h+=et}const{scrollElement:v,beforeMargin:R,afterMargin:N,distance:I,gap:W}=w(t),[X,F]=jt(l,W),[st,H,P]=Ue(R,N,B,M==null?void 0:M.previousElementSibling,D,F,b),[k,q,z]=Qe(R,N,I,S,X,F),Y=Je(q,k,z,H,st,X),j=b?l[v]:Ze(v,l,i),$=(D?Y-P:P-Y)-j;return t===tt?p+=$:t===_&&(h+=$),te({height:p,width:h},t,o,c,b)}const Ze=(t,e,n)=>{const s=e[t],o=n[t];return s-o},Je=(t,e,n,s,o,i)=>{const c=Math.max(e,o);return Math.max(n,s)+t+c+i},Ke=(t,e,n,s)=>{const o=e<n,[i,c]=[e,n].toSorted((h,b)=>h-b),l=t[e]??s,f=t[n];let p=o?t.slice(i+1,c+1):t.slice(i,c);return i<0&&s&&(p=t.slice(i+1,c)),[l,f,p,o]},Qe=(t,e,n,s,o,i)=>{if(s.length==0)return[0,0,0];const c=L(s[0],t);let l=0,f=-c;for(const[p,h]of s.entries()){const b=h.getBoundingClientRect()[n],B=L(h,t);i&&(l+=B),i&&p>0?l+=o:l=Math.max(l,B),f+=l+b,l=L(h,e)}return[c,f,l]},te=(t,e,n,s,o)=>{const{scroll:i,distance:c}=w(e),l=window[i],f=n[i],p=o?0:f-2*l+s[i];return t[c]+=p,t},Ue=(t,e,n,s,o,i,c)=>{const l=o?n.previousElementSibling:s;return tn(t,e,l,n,i,c)},tn=(t,e,n,s,o,i)=>{if(o)return[0,0,0];const c=L(i?null:n,e),l=L(s,t);let f=Math.max(c,l);return[c,l,f]},kt=(t,e,n)=>{const s=new MutationObserver(o=>{o.forEach(i=>{t(s,i)})});return s.observe(e,n),s},en=(t,e,n)=>{n!=0&&(e==="vertical"?t.scrollBy(0,n):t.scrollBy(n,0))},nn=(t,e,n)=>{const{scrollDistance:s,clientDistance:o,scrollElement:i}=w(t);return n[i]/(e[s]-e[o])},sn="startDrag",ge="cubic-bezier(0.2, 0, 0, 1)",on=(t,e,n)=>{let s=Et(e,sn,n,t);const o=_e(t,n),{distance:i}=w(n);s[i]-=o;const[c,l]=rn(n,e);return s[l]=c,s},rn=(t,e)=>{const n=t==_?tt:_,{distance:s,getRect:o}=w(n);return[o(e)[s],s]},mt=(t,e,n)=>{we(t,e,n),t.style.minWidth=`${n}px`},cn=(t,e,n)=>s=>{e.contains(t)&&(mt(t,n.height,n.width),s.disconnect())},an=(t,e)=>{if(!e)return;const{droppable:n,config:s,scroll:o}=t,{direction:i}=s,c=nn(s.direction,n,o)>.99,{scrollDistance:l,clientDistance:f,scrollElement:p}=w(i);c&&(n[p]=n[l]-n[f])},de=(t,e,n,s)=>{if(!n)return;const{droppable:o,config:i}=n,{direction:c,animationDuration:l}=i;if(an(n,e),o.querySelector(`.${ht}`)||!t)return;var f=t.tagName=="LI"?"DIV":t.tagName,p=document.createElement(f);U(p,ht),mt(p,0,0);const h=on(o,t,c);return Nt(p,l,ge,"width, min-width, height"),[p,h,o]},Gt=(t,e,n,s,o)=>{const i=de(t,n,s);if(!i)return;const[c,l,f]=i;e.isSameNode(f)&&mt(c,l.height,l.width),kt(cn(c,f,l),f,{childList:!0,subtree:!0}),f.appendChild(c)},ln=(t,e,n)=>{const s=de(t,e,n);if(!s)return;const[o,i,c]=s;c.appendChild(o),un(o,i)},un=(t,e)=>requestAnimationFrame(()=>{mt(t,e.height,e.width),requestAnimationFrame(()=>{Nt(t,0,ge,"width, min-width, height")})}),fn=(t,e,n,s,o=!0)=>{if(n){var i=document.querySelectorAll(`${dt(n)} > .${ht}`);i.forEach(c=>{const l=c.parentElement;if(l!=null&&l.isSameNode(e)||!o&&(l!=null&&l.isSameNode(t)))return;mt(c,0,0),setTimeout(()=>{var p;(p=c.parentNode)==null||p.removeChild(c)},s)})}},bt=(t,e,n=!1)=>{var s=t.querySelectorAll(`.${ht}`);s.forEach(o=>{n?(mt(o,0,0),setTimeout(()=>{t.contains(o)&&t.removeChild(o)},e)):t.removeChild(o)})},gn=50;function dn(t,e,n,s,o,i){let c=e;const{direction:l,handlerSelector:f,onRemoveAtEvent:p,animationDuration:h,delayBeforeInsert:b,draggingClass:B}=t,M=(r,u,g,m,C)=>{if(!m)return;const{droppable:T,config:E}=m,A=Et(r,u,E.direction,T);Xe(u)?F(r,u,A,g,m,C):R(r,u,A,m)},S=(r,u,g,m,C)=>{const T=Et(u,"insert",t.direction,g),{onInsertEvent:E}=t,A=re(g);for(const[O,x]of A.entries())nt(x,Q)&&O>=r&&X(x,T);C(),setTimeout(()=>{E(r,m),bt(n,0,!0),pe(r,g,t),et(u),V(u,n)},b)},D=(r,u,g,m)=>{if(!g||!g.droppable||!g.config)return;const{droppable:C,config:T}=g;let[E]=Rt(u,C);E=[u,...E].toReversed();const A=Et(u,"remove",T.direction,C);for(const[O,x]of E.entries())O>=r&&(W(x,A),setTimeout(()=>{m(x)},h))},v=r=>{bt(n,h,!0),setTimeout(()=>{et(r),V(r,n)},h)},R=(r,u,g,m)=>{const{config:C,droppable:T}=m,[E]=Rt(r,T),A=pt(r,T);E.length==0&&I(g,1,C.direction,E);for(const[O,x]of E.entries()){if(!nt(x,Q))continue;const G=N(C.direction,r,x,g);if(!A&&G)g=G;else if(!A)continue;const Z=E.length-O;I(g,Z,C.direction,E),u===ue?W(x,g):u===Pt&&X(x,g)}},N=(r,u,g,m)=>{const{before:C,distance:T,axis:E,getRect:A}=w(r),O=A(u),x=A(g),G=O[C],Z=x[C],ut=x[T],St=Z+ut/2,Dt=Ee(g)[E],ct=St-Dt;return G>ct?{height:0,width:0}:m},I=(r,u,g,m)=>{const C=m.filter(E=>nt(E,Q)).length,{distance:T}=w(g);r[T]==0?c=Math.max(c,u):c=Math.min(c,u-1),c=Math.min(c,C)},W=(r,u)=>{const{width:g,height:m}=u;Tt(r,m,g)},X=(r,u)=>{const{width:g,height:m}=u;Tt(r,m,g),Nt(r,h,fe)},F=(r,u,g,m,C,T)=>{const{droppable:E,scroll:A,config:O}=C,[x,G]=Rt(r,E),Z=x.toReversed(),ut=G===-1?Z.length:G;Z.splice(ut,0,r);const[St,Dt,ct]=st(r,G,Z,E);g=Et(r,u,O.direction,n,St,Dt);const Ft=be(),At=ke(O.direction,Z,G,ct,Ft,A,m,E,r);x.length==0&&H(void 0,g,r,At);for(const[xt,wt]of x.toReversed().entries()){let Bt=g;ct-1>=xt&&(Bt={height:0,width:0}),u===zt&&!nt(wt,ht)&&H(wt,Bt,r,At)}P(ct,r,O,E,T)},st=(r,u,g,m)=>{const T=pt(r,m)?u:c,E=()=>u<T?[T,T+1]:u>T?[T-1,T]:[T-1,T+1],[A,O]=E(),x=g[A]??null,G=g[O]??null;return[x,G,T]},H=(r,u,g,m)=>{Tt(r,u.height,u.width),Tt(g,m.height,m.width)},P=(r,u,g,m,C)=>{const{onInsertEvent:T,onDragEnd:E}=g;U(u,Xt),z(u,n,m,()=>{if(yt(u,Xt),C!=null){const A=p(C);A!=null&&(T(r,A),E({value:A,index:r})),q(u),k()}})},k=()=>{if(s){var r=document.querySelectorAll(`${dt(s)} > .${Q}`);for(const u of r)$(u)}},q=r=>{setTimeout(()=>{yt(r,B)},gn)},z=(r,u,g,m)=>{setTimeout(()=>{m&&m(),Y(u,g),j(g),et(r),V(r,u),V(r,g)},h)},Y=(r,u)=>{r.isSameNode(u)?bt(r,h):(bt(r,h,!0),bt(u,h))},j=r=>{if(n.isSameNode(r))return;var[u]=n.querySelectorAll(`.${ht}`);if(!u)return;const{distance:g}=w(l);at(u)&&(u.style[g]="0px")},V=(r,u)=>{const[g]=Rt(r,u);for(const m of[...g,r])$(m)},$=r=>{at(r)&&(r.style.transition="",r.style.transform="")},et=r=>{i(),lt(r,!1),r.style.transform="",r.style.transition="",r.style.top="",r.style.left="",le(r,{fixedHeight:"",fixedWidth:""})},ot=(r,u)=>{const g=u.querySelector(f);gt(document.body,ne,r),gt(g||u,Wt,r)},lt=(r,u)=>{gt(r,Ht,u),ot(u,r),o.toggleGrabClass(!u)};return[M,D,S,v,lt]}const pe=(t,e,n)=>{const{insertingFromClass:s,animationDuration:o}=n,i=kt(()=>{const l=re(e)[t];U(l,s),U(l,Zt),setTimeout(()=>{yt(l,Zt),yt(l,s),i.disconnect()},o)},e,{childList:!0})},pn=(t,e,n,s)=>{if(!e)return;const{onInsertEvent:o,delayBeforeInsert:i}=t;setTimeout(()=>{o(n,s),pe(n,e,t)},i)},hn=(t,e)=>{const n=c=>t.removeAtEvent(c),s=(c,l)=>t.insertEvent(c,l),o=()=>t.getLength(),i=c=>t.getValue(c);return{direction:(e==null?void 0:e.direction)??tt,handlerSelector:(e==null?void 0:e.handlerSelector)??Q,draggingClass:(e==null?void 0:e.draggingClass)??"dragging",droppableClass:(e==null?void 0:e.droppableClass)??"droppable-hover",isDraggable:(e==null?void 0:e.isDraggable)??(()=>!0),onDragStart:(e==null?void 0:e.onDragStart)??(()=>{}),onDragEnd:(e==null?void 0:e.onDragEnd)??(()=>{}),droppableGroup:e==null?void 0:e.droppableGroup,onRemoveAtEvent:n,onInsertEvent:s,onGetLegth:o,onGetValue:i,animationDuration:(e==null?void 0:e.animationDuration)??150,removingClass:(e==null?void 0:e.removingClass)??"removing",insertingFromClass:(e==null?void 0:e.insertingFromClass)??"from-inserting",delayBeforeRemove:(e==null?void 0:e.delayBeforeRemove)??200,delayBeforeInsert:(e==null?void 0:e.delayBeforeInsert)??200}},mn=t=>{let e={offsetX:0,offsetY:0},n={top:0,left:0},s={x:0,y:0};const o=f=>{t.style.transform=`translate( ${f.x}px, ${f.y}px)`},i=f=>{t.style.top=`${f.top}px`,t.style.left=`${f.left}px`};return[(f,p,h,b)=>{const B=D=>{const{beforeMargin:v,borderBeforeWidth:R,before:N,offset:I,scroll:W,page:X,inner:F,distance:st,axis:H,getRect:P}=w(D),k=h[X],q=window[W],z=window[F],Y=P(f)[st],j=L(f,R),V=L(f,v),$=k-e[I],et=ie(f,D);if($>=q-Y/2&&$<=q+z){const lt=$-n[N]-j-V-q-et;return M(D),lt}return s[H]},M=D=>{if(f&&nt(f,Ht)&&D===b){const{before:v,distance:R,axis:N,getRect:I}=w(b),W=I(f)[R],X=I(p),F=n[v]-X[v]+s[N],H=X[R]-W,P=F/H,k=W/H,q=.1,z=.2,Y=.8;let j=0;const V=pt(f,p);!V&&P<z&&P>-k?j=P/z-1:!V&&P>Y&&P<1+k&&(j=1/(1-Y)*(P-Y));const $=q*W*j;en(p,b,$)}},S=D=>{const{axis:v}=w(D);s[v]=B(D),o(s)};S(_),S(tt)},(f,p)=>{const[h,b,B,M]=vn(f,p,t);n={top:h,left:b},i(n),e={offsetX:B,offsetY:M}}]},Lt=(t,e,n)=>{const{borderBeforeWidth:s,before:o,getRect:i}=w(t);return i(e)[o]-i(n)[o]-L(n,s)},Sn=(t,e)=>{let{offsetX:n,offsetY:s,target:o}=t,i=Dn(o,e);const c=o;return c&&i&&!c.isSameNode(i)&&(n+=Lt(_,c,i),s+=Lt(tt,c,i)),i&&e!=o&&(n+=Lt(_,i,e),s+=Lt(tt,i,e)),[n,s]},Dn=(t,e)=>{const n=t==null?void 0:t.closest(`.${Ot}`);return n&&n.isSameNode(e)?t:n},ee=(t,e,n,s)=>{const{offset:o,beforeMargin:i,page:c,borderBeforeWidth:l,scroll:f}=w(t),p=ie(n,t);return e[c]-s[o]-L(n,i)-L(n,l)-window[f]-p},vn=(t,e,n)=>{const[s,o]=Sn(t,n);return[ee(tt,t,e,{offsetX:s,offsetY:o}),ee(_,t,e,{offsetX:s,offsetY:o}),s,o]},K=class K{static addConfig(e,n){const s=K.configs.filter(i=>!i.droppable.isSameNode(e)),o=Kt(e);s.push({droppable:e,config:n,scroll:o}),K.configs=s}static updateScrolls(e,n){for(const s of K.configs){const{droppable:o}=s;(n&&De(o,n)||o.isSameNode(e))&&(s.scroll=Kt(o))}}static getConfig(e){return K.configs.find(({droppable:s})=>s.isSameNode(e))}};J(K,"configs",[]),J(K,"removeObsoleteConfigs",()=>{const e=K.configs.filter(({droppable:n})=>document.contains(n));K.configs=e});let it=K;class bn{constructor(e,n,s,o,i){J(this,"initial");J(this,"current");J(this,"parent");J(this,"draggableElement");J(this,"groupClass");J(this,"dragEvent");J(this,"changeDroppable");this.parent=s,this.draggableElement=e,this.groupClass=n,this.dragEvent=o,this.initial=s?it.getConfig(s):void 0,this.changeDroppable=i}getDraggableAncestor(e,n,s){return document.elementsFromPoint(e,n).filter(o=>!o.isSameNode(s))}getElementBelow(e,n,s=!0){const o=c=>{const[l]=c.getDraggableAncestor(n.clientX,n.clientY,e);return l};let i=null;return s?(e.hidden=!0,i=o(this),e.hidden=!1):i=o(this),i}getCurrent(e,n,s=!0){const o=this.getElementBelow(e,n,s);return!this.groupClass||!o?void 0:o.closest(dt(this.groupClass))}isOutsideOfAllDroppables(e){return(this.groupClass?Array.from(document.querySelectorAll(dt(this.groupClass))):[this.parent]).every(s=>pt(e,s))}isNotInsideAnotherDroppable(e,n){return!pt(e,n)||this.isOutsideOfAllDroppables(e)}onScrollEvent(){this.dragEvent()}setOnScroll(e){ae(e,"onscroll",()=>{this.onScrollEvent()})}getCurrentConfig(e){var o;const n=this.draggableElement;if(this.current&&this.isNotInsideAnotherDroppable(n,(o=this.current)==null?void 0:o.droppable))return this.current;const s=this.getCurrent(n,e);return s?(at(s)&&!s.onscroll&&this.setOnScroll(s),it.getConfig(s)):it.getConfig(this.parent)}updateConfig(e){const n=this.current;this.current=this.getCurrentConfig(e),this.changeDroppable(this.current,n)}isOutside(e,n=!0){const s=this.draggableElement;return!this.getCurrent(s,e,n)}}function Tn(t,e,n,s,o){const{handlerSelector:i,isDraggable:c,droppableGroup:l,animationDuration:f,delayBeforeRemove:p,draggingClass:h,removingClass:b,onRemoveAtEvent:B,droppableClass:M,onDragStart:S}=n,D=Ct(l).map(a=>`droppable-group-${a}`).join(" ");let v=0,R={scrollX:0,scrollY:0},N={pageX:0,pageY:0},I;const[W,X]=mn(t),[F,st,H,P,k]=dn(n,e,s,D,o,()=>v=0),q=()=>{U(t,Q)},z=a=>{U(a,Ot),o.addSubscriber(a)},Y=()=>{if(c(t)){const a=t.querySelector(i);z(a||t)}},j=()=>{$e(document.body,[`.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,`.${Ot}{pointer-events:auto!important;}`,`.${se}{cursor:grab;}`,".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",".droppable{box-sizing:border-box!important;}",`.${Ht}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,`.${Wt}{pointer-events:none!important;}`,`.${Xt}{pointer-events:none!important;}`,`.${ne}{cursor:grabbing;}`,".disable-transition{transition:none!important;}"]),Y(),q()},V=a=>{const d=a==null?void 0:a.querySelector(`.${Ot}`),y=d==null?void 0:d.parentElement;return d&&y&&nt(y,It)&&!y.isSameNode(s)?null:d},$=a=>{const d=V(a)??a;d&&c(a)&&($t(d,"onmousedown",O("mousemove","mouseup")),$t(d,"ontouchstart",O("touchmove","touchend")),et(d)),a!=null&&a.isSameNode(d)||$t(a,"onmousedown",x),U(s,It)},et=a=>{const d=a.querySelectorAll("img");Array.from(d).forEach(y=>{y.onmousedown=()=>!1})},ot=()=>{if(N.pageX==0&&N.pageY==0||!r.current)return;const{droppable:a,config:d}=r.current;W(t,a,N,d.direction),F(t,Pt,R,r.current)},lt=(a,d)=>{d&&v==2&&!(a!=null&&a.droppable.isSameNode(d.droppable))&&F(t,Pt,R,d)},r=new bn(t,D,s,ot,lt),u=a=>{if(!r.current)return;const d=D?Array.from(document.querySelectorAll(dt(D))):[s];for(const y of d)y.classList.toggle(M,!a&&y.isSameNode(r.current.droppable))},g=a=>{r.updateConfig(a);const d=r.isOutside(a);u(d),v===1?ut(a):v===2&&(m(d),Dt(a))},m=(a=!0)=>{if(!r.current)return;const{droppable:d}=r.current;fn(d,s,D,f,a),!a&&Gt(t,s,v==1,r.current)},C=a=>{if(Yt(a)&&a.cancelable)a.preventDefault();else if(Yt(a))return;const d=Vt(a);g(d)},T=(a,d)=>{a=="touchmove"?I=setTimeout(()=>{d()},200):d()},E=(a,d)=>{const{clientX:y,clientY:ft}=a,rt=document.elementFromPoint(y,ft),vt=rt==null?void 0:rt.closest(`.${Q}`);return rt&&d&&vt&&!d.isSameNode(vt)},A=a=>{const d=n.onGetValue(e);return{index:e,element:a,value:d}},O=(a,d)=>y=>{if(E(y,t))return;it.updateScrolls(s,D);const{scrollX:ft,scrollY:rt}=window;if(R={scrollX:ft,scrollY:rt},v===0){v=1;const vt=A(t);vt&&S(vt),T(a,()=>{a=="touchmove"&&(r.updateConfig(y),u(r.isOutside(y)),ut(y)),document.addEventListener(a,C,{passive:!1})}),ct(s),document.addEventListener(d,G(a),{once:!0})}},x=a=>r.updateConfig(a),G=a=>d=>{u(!0);const y=Vt(d);clearTimeout(I),At(r.isOutside(y,!1)),document.removeEventListener(a,C),r.updateConfig(y);const ft=r.getCurrentConfig(y);if(ft){const{droppable:rt}=ft;Z(rt)}s.onscroll=null},Z=a=>{if(a.onscroll=null,!D)return;const d=Array.from(document.querySelectorAll(dt(D)));for(const y of d)at(y)&&(y.onscroll=null)},ut=a=>{Gt(t,s,v==1,r.current),St(),F(t,ue,R,r.current),wt(t),X(a,t)},St=()=>{v=2},Dt=a=>{const{pageX:d,pageY:y}=a;N={pageX:d,pageY:y},ot()},ct=a=>ae(a,"onscroll",Ft),Ft=()=>ot(),At=a=>{if(v!==2){v=0;return}v=3,xt(t),F(t,zt,R,a?r.initial:r.current,e)},xt=a=>{Nt(a,f,fe),Tt(a,0,0)},wt=a=>{const{height:d,width:y}=a.getBoundingClientRect();le(a,{fixedHeight:`${d}px`,fixedWidth:`${y}px`}),k(a,!0),gt(a,h,!0),a.style.transition=""},Bt=a=>{if(!r.initial)return;const d=r.initial;a==e&&(U(t,b),setTimeout(()=>{B(e),yt(t,b),Gt(t,s,v==1,r.initial),st(a,t,d,y=>{xt(y),P(t)})},p))},he=(a,d)=>{(a===e||a===n.onGetLegth()&&e===a-1)&&H(a,t,s,d,()=>{ln(t,v==1,r.initial)})};return j(),$(t),[Bt,he]}const En=(t,e)=>{t&&ve(e,t)};function yn(t,e,n,s="index"){const o=s;let i=[],c=[];const{droppableGroup:l}=t;if(!n)return[i,c];const f=Ct(l).map(p=>`droppable-group-${p}`).join(" ");En(f,n);for(const p of n.children){const h=p.getAttribute(o),b=Te(h),B=p;if(B&&b>=0){const[M,S]=Tn(B,b,t,n,e);i.push(M),c.push(S)}}return[i,c]}function Cn(t,e,n,s="index"){let o=[],i=[];const c=hn(t,n),l=S=>{for(const D of o)D(S)},f=(S,D)=>{if(c.onGetLegth()===0)t.insertToListEmpty(c,S,D);else for(const R of i)R(S,D)},p=S=>{const[D,v]=yn(c,e,S,s);o=D,i=v},h=S=>{kt(()=>{p(S)},S,{childList:!0})},b=S=>{U(S,It)},B=S=>{it.addConfig(S,c)};return[l,f,S=>{S&&(b(S),B(S),h(S),p(S),it.removeObsoleteConfigs())}]}exports.GRAB_CLASS=se;exports.addClass=U;exports.dragAndDrop=Cn;exports.insertToListEmpty=pn;exports.toggleClass=gt;