@hybridcore/ui 1.6.3 → 1.6.4

package/dist/components/sortable-list/index.js

@@ -1,126 +1,125 @@
-var Z = Object.defineProperty;
-var ee = (r, l, c) => l in r ? Z(r, l, { enumerable: !0, configurable: !0, writable: !0, value: c }) : r[l] = c;
-var q = (r, l, c) => ee(r, typeof l != "symbol" ? l + "" : l, c);
-import { jsx as C, jsxs as B } from "react/jsx-runtime";
-import te from "sortablejs";
-import * as se from "react";
-import oe from "react";
-import { g as ne } from "../../_commonjsHelpers-BVfed4GL.js";
-import { useSortableListLogic as re } from "./logic.js";
-import { SortableListRoot as ae, SortableListItem as le } from "./styled.js";
-import { a as M, _ as ie } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import { P as f } from "../../index-C__OZmYy.js";
-import { c as ce } from "../../clsx-OuTLNxxd.js";
-import { g as de, a as pe, s as j, u as fe, c as ue } from "../../generateUtilityClasses-C3ivN9Ie.js";
-import { T as R } from "../../Typography-DgsSLCFC.js";
-function be(r) {
-  return pe("MuiCardHeader", r);
-}
-const G = de("MuiCardHeader", ["root", "avatar", "action", "content", "title", "subheader"]), he = ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"], me = (r) => {
+var pn = Object.defineProperty;
+var hn = (n, e, t) => e in n ? pn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var $t = (n, e, t) => hn(n, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as ge, jsxs as Rt } from "react/jsx-runtime";
+import { g as Kt } from "../../_commonjsHelpers-BVfed4GL.js";
+import * as gn from "react";
+import mn from "react";
+import { useSortableListLogic as bn } from "./logic.js";
+import { SortableListRoot as vn, SortableListItem as yn } from "./styled.js";
+import { a as Me, _ as wn } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
+import { P as z } from "../../index-C__OZmYy.js";
+import { c as En } from "../../clsx-OuTLNxxd.js";
+import { g as Sn, a as Dn, s as ct, u as _n, c as Cn } from "../../generateUtilityClasses-C3ivN9Ie.js";
+import { T as We } from "../../Typography-DgsSLCFC.js";
+function xn(n) {
+  return Dn("MuiCardHeader", n);
+}
+const Ht = Sn("MuiCardHeader", ["root", "avatar", "action", "content", "title", "subheader"]), On = ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"], In = (n) => {
   const {
-    classes: l
-  } = r;
-  return ue({
+    classes: e
+  } = n;
+  return Cn({
     root: ["root"],
     avatar: ["avatar"],
     action: ["action"],
     content: ["content"],
     title: ["title"],
     subheader: ["subheader"]
-  }, be, l);
-}, xe = j("div", {
+  }, xn, e);
+}, Tn = ct("div", {
   name: "MuiCardHeader",
   slot: "Root",
-  overridesResolver: (r, l) => M({
-    [`& .${G.title}`]: l.title,
-    [`& .${G.subheader}`]: l.subheader
-  }, l.root)
+  overridesResolver: (n, e) => Me({
+    [`& .${Ht.title}`]: e.title,
+    [`& .${Ht.subheader}`]: e.subheader
+  }, e.root)
 })({
   display: "flex",
   alignItems: "center",
   padding: 16
-}), $e = j("div", {
+}), An = ct("div", {
   name: "MuiCardHeader",
   slot: "Avatar",
-  overridesResolver: (r, l) => l.avatar
+  overridesResolver: (n, e) => e.avatar
 })({
   display: "flex",
   flex: "0 0 auto",
   marginRight: 16
-}), ge = j("div", {
+}), Pn = ct("div", {
   name: "MuiCardHeader",
   slot: "Action",
-  overridesResolver: (r, l) => l.action
+  overridesResolver: (n, e) => e.action
 })({
   flex: "0 0 auto",
   alignSelf: "flex-start",
   marginTop: -4,
   marginRight: -8,
   marginBottom: -4
-}), ye = j("div", {
+}), Nn = ct("div", {
   name: "MuiCardHeader",
   slot: "Content",
-  overridesResolver: (r, l) => l.content
+  overridesResolver: (n, e) => e.content
 })({
   flex: "1 1 auto"
-}), W = /* @__PURE__ */ se.forwardRef(function(l, c) {
-  const b = fe({
-    props: l,
+}), qt = /* @__PURE__ */ gn.forwardRef(function(e, t) {
+  const o = _n({
+    props: e,
     name: "MuiCardHeader"
   }), {
-    action: g,
-    avatar: d,
-    className: u,
-    component: O = "div",
-    disableTypography: $ = !1,
-    subheader: N,
-    subheaderTypographyProps: E,
-    title: H,
-    titleTypographyProps: L
-  } = b, D = ie(b, he), w = M({}, b, {
-    component: O,
-    disableTypography: $
-  }), y = me(w);
-  let v = H;
-  v != null && v.type !== R && !$ && (v = /* @__PURE__ */ C(R, M({
-    variant: d ? "body2" : "h5",
-    className: y.title,
+    action: r,
+    avatar: i,
+    className: a,
+    component: s = "div",
+    disableTypography: l = !1,
+    subheader: c,
+    subheaderTypographyProps: p,
+    title: f,
+    titleTypographyProps: v
+  } = o, A = wn(o, On), E = Me({}, o, {
+    component: s,
+    disableTypography: l
+  }), _ = In(E);
+  let R = f;
+  R != null && R.type !== We && !l && (R = /* @__PURE__ */ ge(We, Me({
+    variant: i ? "body2" : "h5",
+    className: _.title,
     component: "span",
     display: "block"
-  }, L, {
-    children: v
+  }, v, {
+    children: R
   })));
-  let S = N;
-  return S != null && S.type !== R && !$ && (S = /* @__PURE__ */ C(R, M({
-    variant: d ? "body2" : "body1",
-    className: y.subheader,
+  let Y = c;
+  return Y != null && Y.type !== We && !l && (Y = /* @__PURE__ */ ge(We, Me({
+    variant: i ? "body2" : "body1",
+    className: _.subheader,
     color: "text.secondary",
     component: "span",
     display: "block"
-  }, E, {
-    children: S
-  }))), /* @__PURE__ */ B(xe, M({
-    className: ce(y.root, u),
-    as: O,
-    ref: c,
-    ownerState: w
-  }, D, {
-    children: [d && /* @__PURE__ */ C($e, {
-      className: y.avatar,
-      ownerState: w,
-      children: d
-    }), /* @__PURE__ */ B(ye, {
-      className: y.content,
-      ownerState: w,
-      children: [v, S]
-    }), g && /* @__PURE__ */ C(ge, {
-      className: y.action,
-      ownerState: w,
-      children: g
+  }, p, {
+    children: Y
+  }))), /* @__PURE__ */ Rt(Tn, Me({
+    className: En(_.root, a),
+    as: s,
+    ref: t,
+    ownerState: E
+  }, A, {
+    children: [i && /* @__PURE__ */ ge(An, {
+      className: _.avatar,
+      ownerState: E,
+      children: i
+    }), /* @__PURE__ */ Rt(Nn, {
+      className: _.content,
+      ownerState: E,
+      children: [R, Y]
+    }), r && /* @__PURE__ */ ge(Pn, {
+      className: _.action,
+      ownerState: E,
+      children: r
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (qt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -128,28 +127,28 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * The action to display in the card header.
    */
-  action: f.node,
+  action: z.node,
   /**
    * The Avatar element to display.
    */
-  avatar: f.node,
+  avatar: z.node,
   /**
    * @ignore
    */
-  children: f.node,
+  children: z.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: f.object,
+  classes: z.object,
   /**
    * @ignore
    */
-  className: f.string,
+  className: z.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: f.elementType,
+  component: z.elementType,
   /**
    * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -157,202 +156,1849 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    * with the Typography component.
    * @default false
    */
-  disableTypography: f.bool,
+  disableTypography: z.bool,
   /**
    * The content of the component.
    */
-  subheader: f.node,
+  subheader: z.node,
   /**
    * These props will be forwarded to the subheader
    * (as long as disableTypography is not `true`).
    */
-  subheaderTypographyProps: f.object,
+  subheaderTypographyProps: z.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object]),
+  sx: z.oneOfType([z.arrayOf(z.oneOfType([z.func, z.object, z.bool])), z.func, z.object]),
   /**
    * The content of the component.
    */
-  title: f.node,
+  title: z.node,
   /**
    * These props will be forwarded to the title
    * (as long as disableTypography is not `true`).
    */
-  titleTypographyProps: f.object
+  titleTypographyProps: z.object
+});
+var Vt = { exports: {} };
+/**!
+ * Sortable 1.15.7
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function St(n, e) {
+  (e == null || e > n.length) && (e = n.length);
+  for (var t = 0, o = Array(e); t < e; t++) o[t] = n[t];
+  return o;
+}
+function Mn(n) {
+  if (Array.isArray(n)) return St(n);
+}
+function $n(n, e, t) {
+  return (e = Bn(e)) in n ? Object.defineProperty(n, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[e] = t, n;
+}
+function re() {
+  return re = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var o in t) ({}).hasOwnProperty.call(t, o) && (n[o] = t[o]);
+    }
+    return n;
+  }, re.apply(null, arguments);
+}
+function Rn(n) {
+  if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
+}
+function Hn() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Lt(n, e) {
+  var t = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(n);
+    e && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(n, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function ue(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Lt(Object(t), !0).forEach(function(o) {
+      $n(n, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Lt(Object(t)).forEach(function(o) {
+      Object.defineProperty(n, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return n;
+}
+function Ln(n, e) {
+  if (n == null) return {};
+  var t, o, r = jn(n, e);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(n);
+    for (o = 0; o < i.length; o++) t = i[o], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(n, t) && (r[t] = n[t]);
+  }
+  return r;
+}
+function jn(n, e) {
+  if (n == null) return {};
+  var t = {};
+  for (var o in n) if ({}.hasOwnProperty.call(n, o)) {
+    if (e.indexOf(o) !== -1) continue;
+    t[o] = n[o];
+  }
+  return t;
+}
+function Fn(n) {
+  return Mn(n) || Rn(n) || Xn(n) || Hn();
+}
+function kn(n, e) {
+  if (typeof n != "object" || !n) return n;
+  var t = n[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var o = t.call(n, e || "default");
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(n);
+}
+function Bn(n) {
+  var e = kn(n, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function Dt(n) {
+  "@babel/helpers - typeof";
+  return Dt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, Dt(n);
+}
+function Xn(n, e) {
+  if (n) {
+    if (typeof n == "string") return St(n, e);
+    var t = {}.toString.call(n).slice(8, -1);
+    return t === "Object" && n.constructor && (t = n.constructor.name), t === "Map" || t === "Set" ? Array.from(n) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? St(n, e) : void 0;
+  }
+}
+var Yn = "1.15.7";
+function de(n) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(n);
+}
+var fe = de(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ye = de(/Edge/i), jt = de(/firefox/i), je = de(/safari/i) && !de(/chrome/i) && !de(/android/i), It = de(/iP(ad|od|hone)/i), Zt = de(/chrome/i) && de(/android/i), Jt = {
+  capture: !1,
+  passive: !1
+};
+function I(n, e, t) {
+  n.addEventListener(e, t, !fe && Jt);
+}
+function x(n, e, t) {
+  n.removeEventListener(e, t, !fe && Jt);
+}
+function rt(n, e) {
+  if (e) {
+    if (e[0] === ">" && (e = e.substring(1)), n)
+      try {
+        if (n.matches)
+          return n.matches(e);
+        if (n.msMatchesSelector)
+          return n.msMatchesSelector(e);
+        if (n.webkitMatchesSelector)
+          return n.webkitMatchesSelector(e);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Qt(n) {
+  return n.host && n !== document && n.host.nodeType && n.host !== n ? n.host : n.parentNode;
+}
+function ee(n, e, t, o) {
+  if (n) {
+    t = t || document;
+    do {
+      if (e != null && (e[0] === ">" ? n.parentNode === t && rt(n, e) : rt(n, e)) || o && n === t)
+        return n;
+      if (n === t) break;
+    } while (n = Qt(n));
+  }
+  return null;
+}
+var Ft = /\s+/g;
+function j(n, e, t) {
+  if (n && e)
+    if (n.classList)
+      n.classList[t ? "add" : "remove"](e);
+    else {
+      var o = (" " + n.className + " ").replace(Ft, " ").replace(" " + e + " ", " ");
+      n.className = (o + (t ? " " + e : "")).replace(Ft, " ");
+    }
+}
+function b(n, e, t) {
+  var o = n && n.style;
+  if (o) {
+    if (t === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(n, "") : n.currentStyle && (t = n.currentStyle), e === void 0 ? t : t[e];
+    !(e in o) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), o[e] = t + (typeof t == "string" ? "" : "px");
+  }
+}
+function Ee(n, e) {
+  var t = "";
+  if (typeof n == "string")
+    t = n;
+  else
+    do {
+      var o = b(n, "transform");
+      o && o !== "none" && (t = o + " " + t);
+    } while (!e && (n = n.parentNode));
+  var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return r && new r(t);
+}
+function en(n, e, t) {
+  if (n) {
+    var o = n.getElementsByTagName(e), r = 0, i = o.length;
+    if (t)
+      for (; r < i; r++)
+        t(o[r], r);
+    return o;
+  }
+  return [];
+}
+function ce() {
+  var n = document.scrollingElement;
+  return n || document.documentElement;
+}
+function $(n, e, t, o, r) {
+  if (!(!n.getBoundingClientRect && n !== window)) {
+    var i, a, s, l, c, p, f;
+    if (n !== window && n.parentNode && n !== ce() ? (i = n.getBoundingClientRect(), a = i.top, s = i.left, l = i.bottom, c = i.right, p = i.height, f = i.width) : (a = 0, s = 0, l = window.innerHeight, c = window.innerWidth, p = window.innerHeight, f = window.innerWidth), (e || t) && n !== window && (r = r || n.parentNode, !fe))
+      do
+        if (r && r.getBoundingClientRect && (b(r, "transform") !== "none" || t && b(r, "position") !== "static")) {
+          var v = r.getBoundingClientRect();
+          a -= v.top + parseInt(b(r, "border-top-width")), s -= v.left + parseInt(b(r, "border-left-width")), l = a + i.height, c = s + i.width;
+          break;
+        }
+      while (r = r.parentNode);
+    if (o && n !== window) {
+      var A = Ee(r || n), E = A && A.a, _ = A && A.d;
+      A && (a /= _, s /= E, f /= E, p /= _, l = a + p, c = s + f);
+    }
+    return {
+      top: a,
+      left: s,
+      bottom: l,
+      right: c,
+      width: f,
+      height: p
+    };
+  }
+}
+function kt(n, e, t) {
+  for (var o = me(n, !0), r = $(n)[e]; o; ) {
+    var i = $(o)[t], a = void 0;
+    if (a = r >= i, !a) return o;
+    if (o === ce()) break;
+    o = me(o, !1);
+  }
+  return !1;
+}
+function Oe(n, e, t, o) {
+  for (var r = 0, i = 0, a = n.children; i < a.length; ) {
+    if (a[i].style.display !== "none" && a[i] !== w.ghost && (o || a[i] !== w.dragged) && ee(a[i], t.draggable, n, !1)) {
+      if (r === e)
+        return a[i];
+      r++;
+    }
+    i++;
+  }
+  return null;
+}
+function Tt(n, e) {
+  for (var t = n.lastElementChild; t && (t === w.ghost || b(t, "display") === "none" || e && !rt(t, e)); )
+    t = t.previousElementSibling;
+  return t || null;
+}
+function B(n, e) {
+  var t = 0;
+  if (!n || !n.parentNode)
+    return -1;
+  for (; n = n.previousElementSibling; )
+    n.nodeName.toUpperCase() !== "TEMPLATE" && n !== w.clone && (!e || rt(n, e)) && t++;
+  return t;
+}
+function Bt(n) {
+  var e = 0, t = 0, o = ce();
+  if (n)
+    do {
+      var r = Ee(n), i = r.a, a = r.d;
+      e += n.scrollLeft * i, t += n.scrollTop * a;
+    } while (n !== o && (n = n.parentNode));
+  return [e, t];
+}
+function Un(n, e) {
+  for (var t in n)
+    if (n.hasOwnProperty(t)) {
+      for (var o in e)
+        if (e.hasOwnProperty(o) && e[o] === n[t][o]) return Number(t);
+    }
+  return -1;
+}
+function me(n, e) {
+  if (!n || !n.getBoundingClientRect) return ce();
+  var t = n, o = !1;
+  do
+    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+      var r = b(t);
+      if (t.clientWidth < t.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
+        if (!t.getBoundingClientRect || t === document.body) return ce();
+        if (o || e) return t;
+        o = !0;
+      }
+    }
+  while (t = t.parentNode);
+  return ce();
+}
+function Gn(n, e) {
+  if (n && e)
+    for (var t in e)
+      e.hasOwnProperty(t) && (n[t] = e[t]);
+  return n;
+}
+function dt(n, e) {
+  return Math.round(n.top) === Math.round(e.top) && Math.round(n.left) === Math.round(e.left) && Math.round(n.height) === Math.round(e.height) && Math.round(n.width) === Math.round(e.width);
+}
+var Fe;
+function tn(n, e) {
+  return function() {
+    if (!Fe) {
+      var t = arguments, o = this;
+      t.length === 1 ? n.call(o, t[0]) : n.apply(o, t), Fe = setTimeout(function() {
+        Fe = void 0;
+      }, e);
+    }
+  };
+}
+function zn() {
+  clearTimeout(Fe), Fe = void 0;
+}
+function nn(n, e, t) {
+  n.scrollLeft += e, n.scrollTop += t;
+}
+function At(n) {
+  var e = window.Polymer, t = window.jQuery || window.Zepto;
+  return e && e.dom ? e.dom(n).cloneNode(!0) : t ? t(n).clone(!0)[0] : n.cloneNode(!0);
+}
+function Xt(n, e) {
+  b(n, "position", "absolute"), b(n, "top", e.top), b(n, "left", e.left), b(n, "width", e.width), b(n, "height", e.height);
+}
+function ft(n) {
+  b(n, "position", ""), b(n, "top", ""), b(n, "left", ""), b(n, "width", ""), b(n, "height", "");
+}
+function on(n, e, t) {
+  var o = {};
+  return Array.from(n.children).forEach(function(r) {
+    var i, a, s, l;
+    if (!(!ee(r, e.draggable, n, !1) || r.animated || r === t)) {
+      var c = $(r);
+      o.left = Math.min((i = o.left) !== null && i !== void 0 ? i : 1 / 0, c.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, c.top), o.right = Math.max((s = o.right) !== null && s !== void 0 ? s : -1 / 0, c.right), o.bottom = Math.max((l = o.bottom) !== null && l !== void 0 ? l : -1 / 0, c.bottom);
+    }
+  }), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
+}
+var K = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Wn() {
+  var n = [], e;
+  return {
+    captureAnimationState: function() {
+      if (n = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(r) {
+          if (!(b(r, "display") === "none" || r === w.ghost)) {
+            n.push({
+              target: r,
+              rect: $(r)
+            });
+            var i = ue({}, n[n.length - 1].rect);
+            if (r.thisAnimationDuration) {
+              var a = Ee(r, !0);
+              a && (i.top -= a.f, i.left -= a.e);
+            }
+            r.fromRect = i;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      n.push(o);
+    },
+    removeAnimationState: function(o) {
+      n.splice(Un(n, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var r = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var i = !1, a = 0;
+      n.forEach(function(s) {
+        var l = 0, c = s.target, p = c.fromRect, f = $(c), v = c.prevFromRect, A = c.prevToRect, E = s.rect, _ = Ee(c, !0);
+        _ && (f.top -= _.f, f.left -= _.e), c.toRect = f, c.thisAnimationDuration && dt(v, f) && !dt(p, f) && // Make sure animatingRect is on line between toRect & fromRect
+        (E.top - f.top) / (E.left - f.left) === (p.top - f.top) / (p.left - f.left) && (l = qn(E, v, A, r.options)), dt(f, p) || (c.prevFromRect = p, c.prevToRect = f, l || (l = r.options.animation), r.animate(c, E, f, l)), l && (i = !0, a = Math.max(a, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+          c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
+        }, l), c.thisAnimationDuration = l);
+      }), clearTimeout(e), i ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), n = [];
+    },
+    animate: function(o, r, i, a) {
+      if (a) {
+        b(o, "transition", ""), b(o, "transform", "");
+        var s = Ee(this.el), l = s && s.a, c = s && s.d, p = (r.left - i.left) / (l || 1), f = (r.top - i.top) / (c || 1);
+        o.animatingX = !!p, o.animatingY = !!f, b(o, "transform", "translate3d(" + p + "px," + f + "px,0)"), this.forRepaintDummy = Kn(o), b(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), b(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          b(o, "transition", ""), b(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Kn(n) {
+  return n.offsetWidth;
+}
+function qn(n, e, t, o) {
+  return Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) / Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) * o.animation;
+}
+var Se = [], pt = {
+  initializeByDefault: !0
+}, Ue = {
+  mount: function(e) {
+    for (var t in pt)
+      pt.hasOwnProperty(t) && !(t in e) && (e[t] = pt[t]);
+    Se.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), Se.push(e);
+  },
+  pluginEvent: function(e, t, o) {
+    var r = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      r.eventCanceled = !0;
+    };
+    var i = e + "Global";
+    Se.forEach(function(a) {
+      t[a.pluginName] && (t[a.pluginName][i] && t[a.pluginName][i](ue({
+        sortable: t
+      }, o)), t.options[a.pluginName] && t[a.pluginName][e] && t[a.pluginName][e](ue({
+        sortable: t
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, t, o, r) {
+    Se.forEach(function(s) {
+      var l = s.pluginName;
+      if (!(!e.options[l] && !s.initializeByDefault)) {
+        var c = new s(e, t, e.options);
+        c.sortable = e, c.options = e.options, e[l] = c, re(o, c.defaults);
+      }
+    });
+    for (var i in e.options)
+      if (e.options.hasOwnProperty(i)) {
+        var a = this.modifyOption(e, i, e.options[i]);
+        typeof a < "u" && (e.options[i] = a);
+      }
+  },
+  getEventProperties: function(e, t) {
+    var o = {};
+    return Se.forEach(function(r) {
+      typeof r.eventProperties == "function" && re(o, r.eventProperties.call(t[r.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, t, o) {
+    var r;
+    return Se.forEach(function(i) {
+      e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (r = i.optionListeners[t].call(e[i.pluginName], o));
+    }), r;
+  }
+};
+function $e(n) {
+  var e = n.sortable, t = n.rootEl, o = n.name, r = n.targetEl, i = n.cloneEl, a = n.toEl, s = n.fromEl, l = n.oldIndex, c = n.newIndex, p = n.oldDraggableIndex, f = n.newDraggableIndex, v = n.originalEvent, A = n.putSortable, E = n.extraEventProperties;
+  if (e = e || t && t[K], !!e) {
+    var _, R = e.options, Y = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !fe && !Ye ? _ = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (_ = document.createEvent("Event"), _.initEvent(o, !0, !0)), _.to = a || t, _.from = s || t, _.item = r || t, _.clone = i, _.oldIndex = l, _.newIndex = c, _.oldDraggableIndex = p, _.newDraggableIndex = f, _.originalEvent = v, _.pullMode = A ? A.lastPutMode : void 0;
+    var T = ue(ue({}, E), Ue.getEventProperties(o, e));
+    for (var O in T)
+      _[O] = T[O];
+    t && t.dispatchEvent(_), R[Y] && R[Y].call(e, _);
+  }
+}
+var Vn = ["evt"], J = function(e, t) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, i = Ln(o, Vn);
+  Ue.pluginEvent.bind(w)(e, t, ue({
+    dragEl: d,
+    parentEl: k,
+    ghostEl: D,
+    rootEl: H,
+    nextEl: we,
+    lastDownEl: et,
+    cloneEl: L,
+    cloneHidden: he,
+    dragStarted: Re,
+    putSortable: W,
+    activeSortable: w.active,
+    originalEvent: r,
+    oldIndex: xe,
+    oldDraggableIndex: ke,
+    newIndex: ne,
+    newDraggableIndex: pe,
+    hideGhostForTarget: ln,
+    unhideGhostForTarget: cn,
+    cloneNowHidden: function() {
+      he = !0;
+    },
+    cloneNowShown: function() {
+      he = !1;
+    },
+    dispatchSortableEvent: function(s) {
+      Z({
+        sortable: t,
+        name: s,
+        originalEvent: r
+      });
+    }
+  }, i));
+};
+function Z(n) {
+  $e(ue({
+    putSortable: W,
+    cloneEl: L,
+    targetEl: d,
+    rootEl: H,
+    oldIndex: xe,
+    oldDraggableIndex: ke,
+    newIndex: ne,
+    newDraggableIndex: pe
+  }, n));
+}
+var d, k, D, H, we, et, L, he, xe, ne, ke, pe, Ke, W, Ce = !1, it = !1, at = [], ve, se, ht, gt, Yt, Ut, Re, De, Be, Xe = !1, qe = !1, tt, q, mt = [], _t = !1, st = [], ut = typeof document < "u", Ve = It, Gt = Ye || fe ? "cssFloat" : "float", Zn = ut && !Zt && !It && "draggable" in document.createElement("div"), rn = function() {
+  if (ut) {
+    if (fe)
+      return !1;
+    var n = document.createElement("x");
+    return n.style.cssText = "pointer-events:auto", n.style.pointerEvents === "auto";
+  }
+}(), an = function(e, t) {
+  var o = b(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), i = Oe(e, 0, t), a = Oe(e, 1, t), s = i && b(i), l = a && b(a), c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + $(i).width, p = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + $(a).width;
+  if (o.display === "flex")
+    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (o.display === "grid")
+    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (i && s.float && s.float !== "none") {
+    var f = s.float === "left" ? "left" : "right";
+    return a && (l.clear === "both" || l.clear === f) ? "vertical" : "horizontal";
+  }
+  return i && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || c >= r && o[Gt] === "none" || a && o[Gt] === "none" && c + p > r) ? "vertical" : "horizontal";
+}, Jn = function(e, t, o) {
+  var r = o ? e.left : e.top, i = o ? e.right : e.bottom, a = o ? e.width : e.height, s = o ? t.left : t.top, l = o ? t.right : t.bottom, c = o ? t.width : t.height;
+  return r === s || i === l || r + a / 2 === s + c / 2;
+}, Qn = function(e, t) {
+  var o;
+  return at.some(function(r) {
+    var i = r[K].options.emptyInsertThreshold;
+    if (!(!i || Tt(r))) {
+      var a = $(r), s = e >= a.left - i && e <= a.right + i, l = t >= a.top - i && t <= a.bottom + i;
+      if (s && l)
+        return o = r;
+    }
+  }), o;
+}, sn = function(e) {
+  function t(i, a) {
+    return function(s, l, c, p) {
+      var f = s.options.group.name && l.options.group.name && s.options.group.name === l.options.group.name;
+      if (i == null && (a || f))
+        return !0;
+      if (i == null || i === !1)
+        return !1;
+      if (a && i === "clone")
+        return i;
+      if (typeof i == "function")
+        return t(i(s, l, c, p), a)(s, l, c, p);
+      var v = (a ? s : l).options.group.name;
+      return i === !0 || typeof i == "string" && i === v || i.join && i.indexOf(v) > -1;
+    };
+  }
+  var o = {}, r = e.group;
+  (!r || Dt(r) != "object") && (r = {
+    name: r
+  }), o.name = r.name, o.checkPull = t(r.pull, !0), o.checkPut = t(r.put), o.revertClone = r.revertClone, e.group = o;
+}, ln = function() {
+  !rn && D && b(D, "display", "none");
+}, cn = function() {
+  !rn && D && b(D, "display", "");
+};
+ut && !Zt && document.addEventListener("click", function(n) {
+  if (it)
+    return n.preventDefault(), n.stopPropagation && n.stopPropagation(), n.stopImmediatePropagation && n.stopImmediatePropagation(), it = !1, !1;
+}, !0);
+var ye = function(e) {
+  if (d) {
+    e = e.touches ? e.touches[0] : e;
+    var t = Qn(e.clientX, e.clientY);
+    if (t) {
+      var o = {};
+      for (var r in e)
+        e.hasOwnProperty(r) && (o[r] = e[r]);
+      o.target = o.rootEl = t, o.preventDefault = void 0, o.stopPropagation = void 0, t[K]._onDragOver(o);
+    }
+  }
+}, eo = function(e) {
+  d && d.parentNode[K]._isOutsideThisEl(e.target);
+};
+function w(n, e) {
+  if (!(n && n.nodeType && n.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(n));
+  this.el = n, this.options = e = re({}, e), n[K] = this;
+  var t = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(n.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    // percentage; 0 <= x <= 1
+    invertSwap: !1,
+    // invert always
+    invertedSwapThreshold: null,
+    // will be set to same as swapThreshold if default
+    removeCloneOnHide: !0,
+    direction: function() {
+      return an(n, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(a, s) {
+      a.setData("Text", s.textContent);
+    },
+    dropBubble: !1,
+    dragoverBubble: !1,
+    dataIdAttr: "data-id",
+    delay: 0,
+    delayOnTouchOnly: !1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+    forceFallback: !1,
+    fallbackClass: "sortable-fallback",
+    fallbackOnBody: !1,
+    fallbackTolerance: 0,
+    fallbackOffset: {
+      x: 0,
+      y: 0
+    },
+    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
+    supportPointer: w.supportPointer !== !1 && "PointerEvent" in window && (!je || It),
+    emptyInsertThreshold: 5
+  };
+  Ue.initializePlugins(this, n, t);
+  for (var o in t)
+    !(o in e) && (e[o] = t[o]);
+  sn(e);
+  for (var r in this)
+    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : Zn, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? I(n, "pointerdown", this._onTapStart) : (I(n, "mousedown", this._onTapStart), I(n, "touchstart", this._onTapStart)), this.nativeDraggable && (I(n, "dragover", this), I(n, "dragenter", this)), at.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), re(this, Wn());
+}
+w.prototype = /** @lends Sortable.prototype */
+{
+  constructor: w,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (De = null);
+  },
+  _getDirection: function(e, t) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, d) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var t = this, o = this.el, r = this.options, i = r.preventOnFilter, a = e.type, s = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, l = (s || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || l, p = r.filter;
+      if (lo(o), !d && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && je && l && l.tagName.toUpperCase() === "SELECT") && (l = ee(l, r.draggable, o, !1), !(l && l.animated) && et !== l)) {
+        if (xe = B(l), ke = B(l, r.draggable), typeof p == "function") {
+          if (p.call(this, e, l, this)) {
+            Z({
+              sortable: t,
+              rootEl: c,
+              name: "filter",
+              targetEl: l,
+              toEl: o,
+              fromEl: o
+            }), J("filter", t, {
+              evt: e
+            }), i && e.preventDefault();
+            return;
+          }
+        } else if (p && (p = p.split(",").some(function(f) {
+          if (f = ee(c, f.trim(), o, !1), f)
+            return Z({
+              sortable: t,
+              rootEl: f,
+              name: "filter",
+              targetEl: l,
+              fromEl: o,
+              toEl: o
+            }), J("filter", t, {
+              evt: e
+            }), !0;
+        }), p)) {
+          i && e.preventDefault();
+          return;
+        }
+        r.handle && !ee(c, r.handle, o, !1) || this._prepareDragStart(e, s, l);
+      }
+    }
+  },
+  _prepareDragStart: function(e, t, o) {
+    var r = this, i = r.el, a = r.options, s = i.ownerDocument, l;
+    if (o && !d && o.parentNode === i) {
+      var c = $(o);
+      if (H = i, d = o, k = d.parentNode, we = d.nextSibling, et = o, Ke = a.group, w.dragged = d, ve = {
+        target: d,
+        clientX: (t || e).clientX,
+        clientY: (t || e).clientY
+      }, Yt = ve.clientX - c.left, Ut = ve.clientY - c.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, d.style["will-change"] = "all", l = function() {
+        if (J("delayEnded", r, {
+          evt: e
+        }), w.eventCanceled) {
+          r._onDrop();
+          return;
+        }
+        r._disableDelayedDragEvents(), !jt && r.nativeDraggable && (d.draggable = !0), r._triggerDragStart(e, t), Z({
+          sortable: r,
+          name: "choose",
+          originalEvent: e
+        }), j(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(p) {
+        en(d, p.trim(), bt);
+      }), I(s, "dragover", ye), I(s, "mousemove", ye), I(s, "touchmove", ye), a.supportPointer ? (I(s, "pointerup", r._onDrop), !this.nativeDraggable && I(s, "pointercancel", r._onDrop)) : (I(s, "mouseup", r._onDrop), I(s, "touchend", r._onDrop), I(s, "touchcancel", r._onDrop)), jt && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), J("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Ye || fe))) {
+        if (w.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        a.supportPointer ? (I(s, "pointerup", r._disableDelayedDrag), I(s, "pointercancel", r._disableDelayedDrag)) : (I(s, "mouseup", r._disableDelayedDrag), I(s, "touchend", r._disableDelayedDrag), I(s, "touchcancel", r._disableDelayedDrag)), I(s, "mousemove", r._delayedDragTouchMoveHandler), I(s, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && I(s, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(l, a.delay);
+      } else
+        l();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(e) {
+    var t = e.touches ? e.touches[0] : e;
+    Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    d && bt(d), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    x(e, "mouseup", this._disableDelayedDrag), x(e, "touchend", this._disableDelayedDrag), x(e, "touchcancel", this._disableDelayedDrag), x(e, "pointerup", this._disableDelayedDrag), x(e, "pointercancel", this._disableDelayedDrag), x(e, "mousemove", this._delayedDragTouchMoveHandler), x(e, "touchmove", this._delayedDragTouchMoveHandler), x(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, t) {
+    t = t || e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? I(document, "pointermove", this._onTouchMove) : t ? I(document, "touchmove", this._onTouchMove) : I(document, "mousemove", this._onTouchMove) : (I(d, "dragend", this), I(H, "dragstart", this._onDragStart));
+    try {
+      document.selection ? nt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, t) {
+    if (Ce = !1, H && d) {
+      J("dragStarted", this, {
+        evt: t
+      }), this.nativeDraggable && I(document, "dragover", eo);
+      var o = this.options;
+      !e && j(d, o.dragClass, !1), j(d, o.ghostClass, !0), w.active = this, e && this._appendGhost(), Z({
+        sortable: this,
+        name: "start",
+        originalEvent: t
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (se) {
+      this._lastX = se.clientX, this._lastY = se.clientY, ln();
+      for (var e = document.elementFromPoint(se.clientX, se.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(se.clientX, se.clientY), e !== t); )
+        t = e;
+      if (d.parentNode[K]._isOutsideThisEl(e), t)
+        do {
+          if (t[K]) {
+            var o = void 0;
+            if (o = t[K]._onDragOver({
+              clientX: se.clientX,
+              clientY: se.clientY,
+              target: e,
+              rootEl: t
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = t;
+        } while (t = Qt(t));
+      cn();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (ve) {
+      var t = this.options, o = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = D && Ee(D, !0), s = D && a && a.a, l = D && a && a.d, c = Ve && q && Bt(q), p = (i.clientX - ve.clientX + r.x) / (s || 1) + (c ? c[0] - mt[0] : 0) / (s || 1), f = (i.clientY - ve.clientY + r.y) / (l || 1) + (c ? c[1] - mt[1] : 0) / (l || 1);
+      if (!w.active && !Ce) {
+        if (o && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (D) {
+        a ? (a.e += p - (ht || 0), a.f += f - (gt || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: p,
+          f
+        };
+        var v = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        b(D, "webkitTransform", v), b(D, "mozTransform", v), b(D, "msTransform", v), b(D, "transform", v), ht = p, gt = f, se = i;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!D) {
+      var e = this.options.fallbackOnBody ? document.body : H, t = $(d, !0, Ve, !0, e), o = this.options;
+      if (Ve) {
+        for (q = e; b(q, "position") === "static" && b(q, "transform") === "none" && q !== document; )
+          q = q.parentNode;
+        q !== document.body && q !== document.documentElement ? (q === document && (q = ce()), t.top += q.scrollTop, t.left += q.scrollLeft) : q = ce(), mt = Bt(q);
+      }
+      D = d.cloneNode(!0), j(D, o.ghostClass, !1), j(D, o.fallbackClass, !0), j(D, o.dragClass, !0), b(D, "transition", ""), b(D, "transform", ""), b(D, "box-sizing", "border-box"), b(D, "margin", 0), b(D, "top", t.top), b(D, "left", t.left), b(D, "width", t.width), b(D, "height", t.height), b(D, "opacity", "0.8"), b(D, "position", Ve ? "absolute" : "fixed"), b(D, "zIndex", "100000"), b(D, "pointerEvents", "none"), w.ghost = D, e.appendChild(D), b(D, "transform-origin", Yt / parseInt(D.style.width) * 100 + "% " + Ut / parseInt(D.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, t) {
+    var o = this, r = e.dataTransfer, i = o.options;
+    if (J("dragStart", this, {
+      evt: e
+    }), w.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    J("setupClone", this), w.eventCanceled || (L = At(d), L.removeAttribute("id"), L.draggable = !1, L.style["will-change"] = "", this._hideClone(), j(L, this.options.chosenClass, !1), w.clone = L), o.cloneId = nt(function() {
+      J("clone", o), !w.eventCanceled && (o.options.removeCloneOnHide || H.insertBefore(L, d), o._hideClone(), Z({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !t && j(d, i.dragClass, !0), t ? (it = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (x(document, "mouseup", o._onDrop), x(document, "touchend", o._onDrop), x(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, d)), I(document, "drop", o), b(d, "transform", "translateZ(0)")), Ce = !0, o._dragStartId = nt(o._dragStarted.bind(o, t, e)), I(document, "selectstart", o), Re = !0, window.getSelection().removeAllRanges(), je && b(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(e) {
+    var t = this.el, o = e.target, r, i, a, s = this.options, l = s.group, c = w.active, p = Ke === l, f = s.sort, v = W || c, A, E = this, _ = !1;
+    if (_t) return;
+    function R(ae, Ge) {
+      J(ae, E, ue({
+        evt: e,
+        isOwner: p,
+        axis: A ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: r,
+        targetRect: i,
+        canSort: f,
+        fromSortable: v,
+        target: o,
+        completed: T,
+        onMove: function(Te, ze) {
+          return Ze(H, t, d, r, Te, $(Te), e, ze);
+        },
+        changed: O
+      }, Ge));
+    }
+    function Y() {
+      R("dragOverAnimationCapture"), E.captureAnimationState(), E !== v && v.captureAnimationState();
+    }
+    function T(ae) {
+      return R("dragOverCompleted", {
+        insertion: ae
+      }), ae && (p ? c._hideClone() : c._showClone(E), E !== v && (j(d, W ? W.options.ghostClass : c.options.ghostClass, !1), j(d, s.ghostClass, !0)), W !== E && E !== w.active ? W = E : E === w.active && W && (W = null), v === E && (E._ignoreWhileAnimating = o), E.animateAll(function() {
+        R("dragOverAnimationComplete"), E._ignoreWhileAnimating = null;
+      }), E !== v && (v.animateAll(), v._ignoreWhileAnimating = null)), (o === d && !d.animated || o === t && !o.animated) && (De = null), !s.dragoverBubble && !e.rootEl && o !== document && (d.parentNode[K]._isOutsideThisEl(e.target), !ae && ye(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), _ = !0;
+    }
+    function O() {
+      ne = B(d), pe = B(d, s.draggable), Z({
+        sortable: E,
+        name: "change",
+        toEl: t,
+        newIndex: ne,
+        newDraggableIndex: pe,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = ee(o, s.draggable, t, !0), R("dragOver"), w.eventCanceled) return _;
+    if (d.contains(e.target) || o.animated && o.animatingX && o.animatingY || E._ignoreWhileAnimating === o)
+      return T(!1);
+    if (it = !1, c && !s.disabled && (p ? f || (a = k !== H) : W === this || (this.lastPutMode = Ke.checkPull(this, c, d, e)) && l.checkPut(this, c, d, e))) {
+      if (A = this._getDirection(e, o) === "vertical", r = $(d), R("dragOverValid"), w.eventCanceled) return _;
+      if (a)
+        return k = H, Y(), this._hideClone(), R("revert"), w.eventCanceled || (we ? H.insertBefore(d, we) : H.appendChild(d)), T(!0);
+      var X = Tt(t, s.draggable);
+      if (!X || ro(e, A, this) && !X.animated) {
+        if (X === d)
+          return T(!1);
+        if (X && t === e.target && (o = X), o && (i = $(o)), Ze(H, t, d, r, o, i, e, !!o) !== !1)
+          return Y(), X && X.nextSibling ? t.insertBefore(d, X.nextSibling) : t.appendChild(d), k = t, O(), T(!0);
+      } else if (X && oo(e, A, this)) {
+        var ie = Oe(t, 0, s, !0);
+        if (ie === d)
+          return T(!1);
+        if (o = ie, i = $(o), Ze(H, t, d, r, o, i, e, !1) !== !1)
+          return Y(), t.insertBefore(d, ie), k = t, O(), T(!0);
+      } else if (o.parentNode === t) {
+        i = $(o);
+        var h = 0, u, m = d.parentNode !== t, g = !Jn(d.animated && d.toRect || r, o.animated && o.toRect || i, A), C = A ? "top" : "left", y = kt(o, "top", "top") || kt(d, "top", "top"), P = y ? y.scrollTop : void 0;
+        De !== o && (u = i[C], Xe = !1, qe = !g && s.invertSwap || m), h = io(e, o, i, A, g ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, qe, De === o);
+        var N;
+        if (h !== 0) {
+          var F = B(d);
+          do
+            F -= h, N = k.children[F];
+          while (N && (b(N, "display") === "none" || N === D));
+        }
+        if (h === 0 || N === o)
+          return T(!1);
+        De = o, Be = h;
+        var G = o.nextElementSibling, V = !1;
+        V = h === 1;
+        var be = Ze(H, t, d, r, o, i, e, V);
+        if (be !== !1)
+          return (be === 1 || be === -1) && (V = be === 1), _t = !0, setTimeout(no, 30), Y(), V && !G ? t.appendChild(d) : o.parentNode.insertBefore(d, V ? G : o), y && nn(y, 0, P - y.scrollTop), k = d.parentNode, u !== void 0 && !qe && (tt = Math.abs(u - $(o)[C])), O(), T(!0);
+      }
+      if (t.contains(d))
+        return T(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    x(document, "mousemove", this._onTouchMove), x(document, "touchmove", this._onTouchMove), x(document, "pointermove", this._onTouchMove), x(document, "dragover", ye), x(document, "mousemove", ye), x(document, "touchmove", ye);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    x(e, "mouseup", this._onDrop), x(e, "touchend", this._onDrop), x(e, "pointerup", this._onDrop), x(e, "pointercancel", this._onDrop), x(e, "touchcancel", this._onDrop), x(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var t = this.el, o = this.options;
+    if (ne = B(d), pe = B(d, o.draggable), J("drop", this, {
+      evt: e
+    }), k = d && d.parentNode, ne = B(d), pe = B(d, o.draggable), w.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    Ce = !1, qe = !1, Xe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ct(this.cloneId), Ct(this._dragStartId), this.nativeDraggable && (x(document, "drop", this), x(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), je && b(document.body, "user-select", ""), b(d, "transform", ""), e && (Re && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), (H === k || W && W.lastPutMode !== "clone") && L && L.parentNode && L.parentNode.removeChild(L), d && (this.nativeDraggable && x(d, "dragend", this), bt(d), d.style["will-change"] = "", Re && !Ce && j(d, W ? W.options.ghostClass : this.options.ghostClass, !1), j(d, this.options.chosenClass, !1), Z({
+      sortable: this,
+      name: "unchoose",
+      toEl: k,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), H !== k ? (ne >= 0 && (Z({
+      rootEl: k,
+      name: "add",
+      toEl: k,
+      fromEl: H,
+      originalEvent: e
+    }), Z({
+      sortable: this,
+      name: "remove",
+      toEl: k,
+      originalEvent: e
+    }), Z({
+      rootEl: k,
+      name: "sort",
+      toEl: k,
+      fromEl: H,
+      originalEvent: e
+    }), Z({
+      sortable: this,
+      name: "sort",
+      toEl: k,
+      originalEvent: e
+    })), W && W.save()) : ne !== xe && ne >= 0 && (Z({
+      sortable: this,
+      name: "update",
+      toEl: k,
+      originalEvent: e
+    }), Z({
+      sortable: this,
+      name: "sort",
+      toEl: k,
+      originalEvent: e
+    })), w.active && ((ne == null || ne === -1) && (ne = xe, pe = ke), Z({
+      sortable: this,
+      name: "end",
+      toEl: k,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    J("nulling", this), H = d = k = D = we = L = et = he = ve = se = Re = ne = pe = xe = ke = De = Be = W = Ke = w.dragged = w.ghost = w.clone = w.active = null;
+    var e = this.el;
+    st.forEach(function(t) {
+      e.contains(t) && (t.checked = !0);
+    }), st.length = ht = gt = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(e), to(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var e = [], t, o = this.el.children, r = 0, i = o.length, a = this.options; r < i; r++)
+      t = o[r], ee(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || so(t));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, t) {
+    var o = {}, r = this.el;
+    this.toArray().forEach(function(i, a) {
+      var s = r.children[a];
+      ee(s, this.options.draggable, r, !1) && (o[i] = s);
+    }, this), t && this.captureAnimationState(), e.forEach(function(i) {
+      o[i] && (r.removeChild(o[i]), r.appendChild(o[i]));
+    }), t && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var e = this.options.store;
+    e && e.set && e.set(this);
+  },
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
+   */
+  closest: function(e, t) {
+    return ee(e, t || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, t) {
+    var o = this.options;
+    if (t === void 0)
+      return o[e];
+    var r = Ue.modifyOption(this, e, t);
+    typeof r < "u" ? o[e] = r : o[e] = t, e === "group" && sn(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    J("destroy", this);
+    var e = this.el;
+    e[K] = null, x(e, "mousedown", this._onTapStart), x(e, "touchstart", this._onTapStart), x(e, "pointerdown", this._onTapStart), this.nativeDraggable && (x(e, "dragover", this), x(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(t) {
+      t.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), at.splice(at.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!he) {
+      if (J("hideClone", this), w.eventCanceled) return;
+      b(L, "display", "none"), this.options.removeCloneOnHide && L.parentNode && L.parentNode.removeChild(L), he = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (he) {
+      if (J("showClone", this), w.eventCanceled) return;
+      d.parentNode == H && !this.options.group.revertClone ? H.insertBefore(L, d) : we ? H.insertBefore(L, we) : H.appendChild(L), this.options.group.revertClone && this.animate(d, L), b(L, "display", ""), he = !1;
+    }
+  }
+};
+function to(n) {
+  n.dataTransfer && (n.dataTransfer.dropEffect = "move"), n.cancelable && n.preventDefault();
+}
+function Ze(n, e, t, o, r, i, a, s) {
+  var l, c = n[K], p = c.options.onMove, f;
+  return window.CustomEvent && !fe && !Ye ? l = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (l = document.createEvent("Event"), l.initEvent("move", !0, !0)), l.to = e, l.from = n, l.dragged = t, l.draggedRect = o, l.related = r || e, l.relatedRect = i || $(e), l.willInsertAfter = s, l.originalEvent = a, n.dispatchEvent(l), p && (f = p.call(c, l, a)), f;
+}
+function bt(n) {
+  n.draggable = !1;
+}
+function no() {
+  _t = !1;
+}
+function oo(n, e, t) {
+  var o = $(Oe(t.el, 0, t.options, !0)), r = on(t.el, t.options, D), i = 10;
+  return e ? n.clientX < r.left - i || n.clientY < o.top && n.clientX < o.right : n.clientY < r.top - i || n.clientY < o.bottom && n.clientX < o.left;
+}
+function ro(n, e, t) {
+  var o = $(Tt(t.el, t.options.draggable)), r = on(t.el, t.options, D), i = 10;
+  return e ? n.clientX > r.right + i || n.clientY > o.bottom && n.clientX > o.left : n.clientY > r.bottom + i || n.clientX > o.right && n.clientY > o.top;
+}
+function io(n, e, t, o, r, i, a, s) {
+  var l = o ? n.clientY : n.clientX, c = o ? t.height : t.width, p = o ? t.top : t.left, f = o ? t.bottom : t.right, v = !1;
+  if (!a) {
+    if (s && tt < c * r) {
+      if (!Xe && (Be === 1 ? l > p + c * i / 2 : l < f - c * i / 2) && (Xe = !0), Xe)
+        v = !0;
+      else if (Be === 1 ? l < p + tt : l > f - tt)
+        return -Be;
+    } else if (l > p + c * (1 - r) / 2 && l < f - c * (1 - r) / 2)
+      return ao(e);
+  }
+  return v = v || a, v && (l < p + c * i / 2 || l > f - c * i / 2) ? l > p + c / 2 ? 1 : -1 : 0;
+}
+function ao(n) {
+  return B(d) < B(n) ? 1 : -1;
+}
+function so(n) {
+  for (var e = n.tagName + n.className + n.src + n.href + n.textContent, t = e.length, o = 0; t--; )
+    o += e.charCodeAt(t);
+  return o.toString(36);
+}
+function lo(n) {
+  st.length = 0;
+  for (var e = n.getElementsByTagName("input"), t = e.length; t--; ) {
+    var o = e[t];
+    o.checked && st.push(o);
+  }
+}
+function nt(n) {
+  return setTimeout(n, 0);
+}
+function Ct(n) {
+  return clearTimeout(n);
+}
+ut && I(document, "touchmove", function(n) {
+  (w.active || Ce) && n.cancelable && n.preventDefault();
 });
-var J = { exports: {} }, K = { exports: {} };
+w.utils = {
+  on: I,
+  off: x,
+  css: b,
+  find: en,
+  is: function(e, t) {
+    return !!ee(e, t, e, !1);
+  },
+  extend: Gn,
+  throttle: tn,
+  closest: ee,
+  toggleClass: j,
+  clone: At,
+  index: B,
+  nextTick: nt,
+  cancelNextTick: Ct,
+  detectDirection: an,
+  getChild: Oe,
+  expando: K
+};
+w.get = function(n) {
+  return n[K];
+};
+w.mount = function() {
+  for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)
+    e[t] = arguments[t];
+  e[0].constructor === Array && (e = e[0]), e.forEach(function(o) {
+    if (!o.prototype || !o.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));
+    o.utils && (w.utils = ue(ue({}, w.utils), o.utils)), Ue.mount(o);
+  });
+};
+w.create = function(n, e) {
+  return new w(n, e);
+};
+w.version = Yn;
+var U = [], He, xt, Ot = !1, vt, yt, lt, Le;
+function co() {
+  function n() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var e in this)
+      e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+  }
+  return n.prototype = {
+    dragStarted: function(t) {
+      var o = t.originalEvent;
+      this.sortable.nativeDraggable ? I(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? I(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? I(document, "touchmove", this._handleFallbackAutoScroll) : I(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(t) {
+      var o = t.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? x(document, "dragover", this._handleAutoScroll) : (x(document, "pointermove", this._handleFallbackAutoScroll), x(document, "touchmove", this._handleFallbackAutoScroll), x(document, "mousemove", this._handleFallbackAutoScroll)), zt(), ot(), zn();
+    },
+    nulling: function() {
+      lt = xt = He = Ot = Le = vt = yt = null, U.length = 0;
+    },
+    _handleFallbackAutoScroll: function(t) {
+      this._handleAutoScroll(t, !0);
+    },
+    _handleAutoScroll: function(t, o) {
+      var r = this, i = (t.touches ? t.touches[0] : t).clientX, a = (t.touches ? t.touches[0] : t).clientY, s = document.elementFromPoint(i, a);
+      if (lt = t, o || this.options.forceAutoScrollFallback || Ye || fe || je) {
+        wt(t, this.options, s, o);
+        var l = me(s, !0);
+        Ot && (!Le || i !== vt || a !== yt) && (Le && zt(), Le = setInterval(function() {
+          var c = me(document.elementFromPoint(i, a), !0);
+          c !== l && (l = c, ot()), wt(t, r.options, c, o);
+        }, 10), vt = i, yt = a);
+      } else {
+        if (!this.options.bubbleScroll || me(s, !0) === ce()) {
+          ot();
+          return;
+        }
+        wt(t, this.options, me(s, !1), !1);
+      }
+    }
+  }, re(n, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function ot() {
+  U.forEach(function(n) {
+    clearInterval(n.pid);
+  }), U = [];
+}
+function zt() {
+  clearInterval(Le);
+}
+var wt = tn(function(n, e, t, o) {
+  if (e.scroll) {
+    var r = (n.touches ? n.touches[0] : n).clientX, i = (n.touches ? n.touches[0] : n).clientY, a = e.scrollSensitivity, s = e.scrollSpeed, l = ce(), c = !1, p;
+    xt !== t && (xt = t, ot(), He = e.scroll, p = e.scrollFn, He === !0 && (He = me(t, !0)));
+    var f = 0, v = He;
+    do {
+      var A = v, E = $(A), _ = E.top, R = E.bottom, Y = E.left, T = E.right, O = E.width, X = E.height, ie = void 0, h = void 0, u = A.scrollWidth, m = A.scrollHeight, g = b(A), C = A.scrollLeft, y = A.scrollTop;
+      A === l ? (ie = O < u && (g.overflowX === "auto" || g.overflowX === "scroll" || g.overflowX === "visible"), h = X < m && (g.overflowY === "auto" || g.overflowY === "scroll" || g.overflowY === "visible")) : (ie = O < u && (g.overflowX === "auto" || g.overflowX === "scroll"), h = X < m && (g.overflowY === "auto" || g.overflowY === "scroll"));
+      var P = ie && (Math.abs(T - r) <= a && C + O < u) - (Math.abs(Y - r) <= a && !!C), N = h && (Math.abs(R - i) <= a && y + X < m) - (Math.abs(_ - i) <= a && !!y);
+      if (!U[f])
+        for (var F = 0; F <= f; F++)
+          U[F] || (U[F] = {});
+      (U[f].vx != P || U[f].vy != N || U[f].el !== A) && (U[f].el = A, U[f].vx = P, U[f].vy = N, clearInterval(U[f].pid), (P != 0 || N != 0) && (c = !0, U[f].pid = setInterval((function() {
+        o && this.layer === 0 && w.active._onTouchMove(lt);
+        var G = U[this.layer].vy ? U[this.layer].vy * s : 0, V = U[this.layer].vx ? U[this.layer].vx * s : 0;
+        typeof p == "function" && p.call(w.dragged.parentNode[K], V, G, n, lt, U[this.layer].el) !== "continue" || nn(U[this.layer].el, V, G);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (e.bubbleScroll && v !== l && (v = me(v, !1)));
+    Ot = c;
+  }
+}, 30), un = function(e) {
+  var t = e.originalEvent, o = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, s = e.hideGhostForTarget, l = e.unhideGhostForTarget;
+  if (t) {
+    var c = o || i;
+    s();
+    var p = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, f = document.elementFromPoint(p.clientX, p.clientY);
+    l(), c && !c.el.contains(f) && (a("spill"), this.onSpill({
+      dragEl: r,
+      putSortable: o
+    }));
+  }
+};
+function Pt() {
+}
+Pt.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var t = e.oldDraggableIndex;
+    this.startIndex = t;
+  },
+  onSpill: function(e) {
+    var t = e.dragEl, o = e.putSortable;
+    this.sortable.captureAnimationState(), o && o.captureAnimationState();
+    var r = Oe(this.sortable.el, this.startIndex, this.options);
+    r ? this.sortable.el.insertBefore(t, r) : this.sortable.el.appendChild(t), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: un
+};
+re(Pt, {
+  pluginName: "revertOnSpill"
+});
+function Nt() {
+}
+Nt.prototype = {
+  onSpill: function(e) {
+    var t = e.dragEl, o = e.putSortable, r = o || this.sortable;
+    r.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), r.animateAll();
+  },
+  drop: un
+};
+re(Nt, {
+  pluginName: "removeOnSpill"
+});
+var oe;
+function uo() {
+  function n() {
+    this.defaults = {
+      swapClass: "sortable-swap-highlight"
+    };
+  }
+  return n.prototype = {
+    dragStart: function(t) {
+      var o = t.dragEl;
+      oe = o;
+    },
+    dragOverValid: function(t) {
+      var o = t.completed, r = t.target, i = t.onMove, a = t.activeSortable, s = t.changed, l = t.cancel;
+      if (a.options.swap) {
+        var c = this.sortable.el, p = this.options;
+        if (r && r !== c) {
+          var f = oe;
+          i(r) !== !1 ? (j(r, p.swapClass, !0), oe = r) : oe = null, f && f !== oe && j(f, p.swapClass, !1);
+        }
+        s(), o(!0), l();
+      }
+    },
+    drop: function(t) {
+      var o = t.activeSortable, r = t.putSortable, i = t.dragEl, a = r || this.sortable, s = this.options;
+      oe && j(oe, s.swapClass, !1), oe && (s.swap || r && r.options.swap) && i !== oe && (a.captureAnimationState(), a !== o && o.captureAnimationState(), fo(i, oe), a.animateAll(), a !== o && o.animateAll());
+    },
+    nulling: function() {
+      oe = null;
+    }
+  }, re(n, {
+    pluginName: "swap",
+    eventProperties: function() {
+      return {
+        swapItem: oe
+      };
+    }
+  });
+}
+function fo(n, e) {
+  var t = n.parentNode, o = e.parentNode, r, i;
+  !t || !o || t.isEqualNode(e) || o.isEqualNode(n) || (r = B(n), i = B(e), t.isEqualNode(o) && r < i && i++, t.insertBefore(e, t.children[r]), o.insertBefore(n, o.children[i]));
+}
+var S = [], te = [], Ae, le, Pe = !1, Q = !1, _e = !1, M, Ne, Je;
+function po() {
+  function n(e) {
+    for (var t in this)
+      t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+    e.options.avoidImplicitDeselect || (e.options.supportPointer ? I(document, "pointerup", this._deselectMultiDrag) : (I(document, "mouseup", this._deselectMultiDrag), I(document, "touchend", this._deselectMultiDrag))), I(document, "keydown", this._checkKeyDown), I(document, "keyup", this._checkKeyUp), this.defaults = {
+      selectedClass: "sortable-selected",
+      multiDragKey: null,
+      avoidImplicitDeselect: !1,
+      setData: function(r, i) {
+        var a = "";
+        S.length && le === e ? S.forEach(function(s, l) {
+          a += (l ? ", " : "") + s.textContent;
+        }) : a = i.textContent, r.setData("Text", a);
+      }
+    };
+  }
+  return n.prototype = {
+    multiDragKeyDown: !1,
+    isMultiDrag: !1,
+    delayStartGlobal: function(t) {
+      var o = t.dragEl;
+      M = o;
+    },
+    delayEnded: function() {
+      this.isMultiDrag = ~S.indexOf(M);
+    },
+    setupClone: function(t) {
+      var o = t.sortable, r = t.cancel;
+      if (this.isMultiDrag) {
+        for (var i = 0; i < S.length; i++)
+          te.push(At(S[i])), te[i].sortableIndex = S[i].sortableIndex, te[i].draggable = !1, te[i].style["will-change"] = "", j(te[i], this.options.selectedClass, !1), S[i] === M && j(te[i], this.options.chosenClass, !1);
+        o._hideClone(), r();
+      }
+    },
+    clone: function(t) {
+      var o = t.sortable, r = t.rootEl, i = t.dispatchSortableEvent, a = t.cancel;
+      this.isMultiDrag && (this.options.removeCloneOnHide || S.length && le === o && (Wt(!0, r), i("clone"), a()));
+    },
+    showClone: function(t) {
+      var o = t.cloneNowShown, r = t.rootEl, i = t.cancel;
+      this.isMultiDrag && (Wt(!1, r), te.forEach(function(a) {
+        b(a, "display", "");
+      }), o(), Je = !1, i());
+    },
+    hideClone: function(t) {
+      var o = this;
+      t.sortable;
+      var r = t.cloneNowHidden, i = t.cancel;
+      this.isMultiDrag && (te.forEach(function(a) {
+        b(a, "display", "none"), o.options.removeCloneOnHide && a.parentNode && a.parentNode.removeChild(a);
+      }), r(), Je = !0, i());
+    },
+    dragStartGlobal: function(t) {
+      t.sortable, !this.isMultiDrag && le && le.multiDrag._deselectMultiDrag(), S.forEach(function(o) {
+        o.sortableIndex = B(o);
+      }), S = S.sort(function(o, r) {
+        return o.sortableIndex - r.sortableIndex;
+      }), _e = !0;
+    },
+    dragStarted: function(t) {
+      var o = this, r = t.sortable;
+      if (this.isMultiDrag) {
+        if (this.options.sort && (r.captureAnimationState(), this.options.animation)) {
+          S.forEach(function(a) {
+            a !== M && b(a, "position", "absolute");
+          });
+          var i = $(M, !1, !0, !0);
+          S.forEach(function(a) {
+            a !== M && Xt(a, i);
+          }), Q = !0, Pe = !0;
+        }
+        r.animateAll(function() {
+          Q = !1, Pe = !1, o.options.animation && S.forEach(function(a) {
+            ft(a);
+          }), o.options.sort && Qe();
+        });
+      }
+    },
+    dragOver: function(t) {
+      var o = t.target, r = t.completed, i = t.cancel;
+      Q && ~S.indexOf(o) && (r(!1), i());
+    },
+    revert: function(t) {
+      var o = t.fromSortable, r = t.rootEl, i = t.sortable, a = t.dragRect;
+      S.length > 1 && (S.forEach(function(s) {
+        i.addAnimationState({
+          target: s,
+          rect: Q ? $(s) : a
+        }), ft(s), s.fromRect = a, o.removeAnimationState(s);
+      }), Q = !1, ho(!this.options.removeCloneOnHide, r));
+    },
+    dragOverCompleted: function(t) {
+      var o = t.sortable, r = t.isOwner, i = t.insertion, a = t.activeSortable, s = t.parentEl, l = t.putSortable, c = this.options;
+      if (i) {
+        if (r && a._hideClone(), Pe = !1, c.animation && S.length > 1 && (Q || !r && !a.options.sort && !l)) {
+          var p = $(M, !1, !0, !0);
+          S.forEach(function(v) {
+            v !== M && (Xt(v, p), s.appendChild(v));
+          }), Q = !0;
+        }
+        if (!r)
+          if (Q || Qe(), S.length > 1) {
+            var f = Je;
+            a._showClone(o), a.options.animation && !Je && f && te.forEach(function(v) {
+              a.addAnimationState({
+                target: v,
+                rect: Ne
+              }), v.fromRect = Ne, v.thisAnimationDuration = null;
+            });
+          } else
+            a._showClone(o);
+      }
+    },
+    dragOverAnimationCapture: function(t) {
+      var o = t.dragRect, r = t.isOwner, i = t.activeSortable;
+      if (S.forEach(function(s) {
+        s.thisAnimationDuration = null;
+      }), i.options.animation && !r && i.multiDrag.isMultiDrag) {
+        Ne = re({}, o);
+        var a = Ee(M, !0);
+        Ne.top -= a.f, Ne.left -= a.e;
+      }
+    },
+    dragOverAnimationComplete: function() {
+      Q && (Q = !1, Qe());
+    },
+    drop: function(t) {
+      var o = t.originalEvent, r = t.rootEl, i = t.parentEl, a = t.sortable, s = t.dispatchSortableEvent, l = t.oldIndex, c = t.putSortable, p = c || this.sortable;
+      if (o) {
+        var f = this.options, v = i.children;
+        if (!_e)
+          if (f.multiDragKey && !this.multiDragKeyDown && this._deselectMultiDrag(), j(M, f.selectedClass, !~S.indexOf(M)), ~S.indexOf(M))
+            S.splice(S.indexOf(M), 1), Ae = null, $e({
+              sortable: a,
+              rootEl: r,
+              name: "deselect",
+              targetEl: M,
+              originalEvent: o
+            });
+          else {
+            if (S.push(M), $e({
+              sortable: a,
+              rootEl: r,
+              name: "select",
+              targetEl: M,
+              originalEvent: o
+            }), o.shiftKey && Ae && a.el.contains(Ae)) {
+              var A = B(Ae), E = B(M);
+              ~A && ~E && A !== E && function() {
+                var T, O;
+                E > A ? (O = A, T = E) : (O = E, T = A + 1);
+                for (var X = f.filter; O < T; O++)
+                  if (!~S.indexOf(v[O]) && ee(v[O], f.draggable, i, !1)) {
+                    var ie = X && (typeof X == "function" ? X.call(a, o, v[O], a) : X.split(",").some(function(h) {
+                      return ee(v[O], h.trim(), i, !1);
+                    }));
+                    ie || (j(v[O], f.selectedClass, !0), S.push(v[O]), $e({
+                      sortable: a,
+                      rootEl: r,
+                      name: "select",
+                      targetEl: v[O],
+                      originalEvent: o
+                    }));
+                  }
+              }();
+            } else
+              Ae = M;
+            le = p;
+          }
+        if (_e && this.isMultiDrag) {
+          if (Q = !1, (i[K].options.sort || i !== r) && S.length > 1) {
+            var _ = $(M), R = B(M, ":not(." + this.options.selectedClass + ")");
+            if (!Pe && f.animation && (M.thisAnimationDuration = null), p.captureAnimationState(), !Pe && (f.animation && (M.fromRect = _, S.forEach(function(T) {
+              if (T.thisAnimationDuration = null, T !== M) {
+                var O = Q ? $(T) : _;
+                T.fromRect = O, p.addAnimationState({
+                  target: T,
+                  rect: O
+                });
+              }
+            })), Qe(), S.forEach(function(T) {
+              v[R] ? i.insertBefore(T, v[R]) : i.appendChild(T), R++;
+            }), l === B(M))) {
+              var Y = !1;
+              S.forEach(function(T) {
+                if (T.sortableIndex !== B(T)) {
+                  Y = !0;
+                  return;
+                }
+              }), Y && (s("update"), s("sort"));
+            }
+            S.forEach(function(T) {
+              ft(T);
+            }), p.animateAll();
+          }
+          le = p;
+        }
+        (r === i || c && c.lastPutMode !== "clone") && te.forEach(function(T) {
+          T.parentNode && T.parentNode.removeChild(T);
+        });
+      }
+    },
+    nullingGlobal: function() {
+      this.isMultiDrag = _e = !1, te.length = 0;
+    },
+    destroyGlobal: function() {
+      this._deselectMultiDrag(), x(document, "pointerup", this._deselectMultiDrag), x(document, "mouseup", this._deselectMultiDrag), x(document, "touchend", this._deselectMultiDrag), x(document, "keydown", this._checkKeyDown), x(document, "keyup", this._checkKeyUp);
+    },
+    _deselectMultiDrag: function(t) {
+      if (!(typeof _e < "u" && _e) && le === this.sortable && !(t && ee(t.target, this.options.draggable, this.sortable.el, !1)) && !(t && t.button !== 0))
+        for (; S.length; ) {
+          var o = S[0];
+          j(o, this.options.selectedClass, !1), S.shift(), $e({
+            sortable: this.sortable,
+            rootEl: this.sortable.el,
+            name: "deselect",
+            targetEl: o,
+            originalEvent: t
+          });
+        }
+    },
+    _checkKeyDown: function(t) {
+      t.key === this.options.multiDragKey && (this.multiDragKeyDown = !0);
+    },
+    _checkKeyUp: function(t) {
+      t.key === this.options.multiDragKey && (this.multiDragKeyDown = !1);
+    }
+  }, re(n, {
+    // Static methods & properties
+    pluginName: "multiDrag",
+    utils: {
+      /**
+       * Selects the provided multi-drag item
+       * @param  {HTMLElement} el    The element to be selected
+       */
+      select: function(t) {
+        var o = t.parentNode[K];
+        !o || !o.options.multiDrag || ~S.indexOf(t) || (le && le !== o && (le.multiDrag._deselectMultiDrag(), le = o), j(t, o.options.selectedClass, !0), S.push(t));
+      },
+      /**
+       * Deselects the provided multi-drag item
+       * @param  {HTMLElement} el    The element to be deselected
+       */
+      deselect: function(t) {
+        var o = t.parentNode[K], r = S.indexOf(t);
+        !o || !o.options.multiDrag || !~r || (j(t, o.options.selectedClass, !1), S.splice(r, 1));
+      }
+    },
+    eventProperties: function() {
+      var t = this, o = [], r = [];
+      return S.forEach(function(i) {
+        o.push({
+          multiDragElement: i,
+          index: i.sortableIndex
+        });
+        var a;
+        Q && i !== M ? a = -1 : Q ? a = B(i, ":not(." + t.options.selectedClass + ")") : a = B(i), r.push({
+          multiDragElement: i,
+          index: a
+        });
+      }), {
+        items: Fn(S),
+        clones: [].concat(te),
+        oldIndicies: o,
+        newIndicies: r
+      };
+    },
+    optionListeners: {
+      multiDragKey: function(t) {
+        return t = t.toLowerCase(), t === "ctrl" ? t = "Control" : t.length > 1 && (t = t.charAt(0).toUpperCase() + t.substr(1)), t;
+      }
+    }
+  });
+}
+function ho(n, e) {
+  S.forEach(function(t, o) {
+    var r = e.children[t.sortableIndex + (n ? Number(o) : 0)];
+    r ? e.insertBefore(t, r) : e.appendChild(t);
+  });
+}
+function Wt(n, e) {
+  te.forEach(function(t, o) {
+    var r = e.children[t.sortableIndex + (n ? Number(o) : 0)];
+    r ? e.insertBefore(t, r) : e.appendChild(t);
+  });
+}
+function Qe() {
+  S.forEach(function(n) {
+    n !== M && n.parentNode && n.parentNode.removeChild(n);
+  });
+}
+w.mount(new co());
+w.mount(Nt, Pt);
+const go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MultiDrag: po,
+  Sortable: w,
+  Swap: uo,
+  default: w
+}, Symbol.toStringTag, { value: "Module" })), mo = /* @__PURE__ */ Kt(go);
+var dn = { exports: {} };
 /*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
-(function(r) {
+(function(n) {
   (function() {
-    var l = {}.hasOwnProperty;
-    function c() {
-      for (var b = [], g = 0; g < arguments.length; g++) {
-        var d = arguments[g];
-        if (d) {
-          var u = typeof d;
-          if (u === "string" || u === "number")
-            b.push(d);
-          else if (Array.isArray(d)) {
-            if (d.length) {
-              var O = c.apply(null, d);
-              O && b.push(O);
+    var e = {}.hasOwnProperty;
+    function t() {
+      for (var o = [], r = 0; r < arguments.length; r++) {
+        var i = arguments[r];
+        if (i) {
+          var a = typeof i;
+          if (a === "string" || a === "number")
+            o.push(i);
+          else if (Array.isArray(i)) {
+            if (i.length) {
+              var s = t.apply(null, i);
+              s && o.push(s);
             }
-          } else if (u === "object")
-            if (d.toString === Object.prototype.toString)
-              for (var $ in d)
-                l.call(d, $) && d[$] && b.push($);
+          } else if (a === "object")
+            if (i.toString === Object.prototype.toString)
+              for (var l in i)
+                e.call(i, l) && i[l] && o.push(l);
             else
-              b.push(d.toString());
+              o.push(i.toString());
         }
       }
-      return b.join(" ");
+      return o.join(" ");
     }
-    r.exports ? (c.default = c, r.exports = c) : window.classNames = c;
+    n.exports ? (t.default = t, n.exports = t) : window.classNames = t;
   })();
-})(K);
-var we = K.exports, ve = process.env.NODE_ENV === "production", U = "Invariant failed";
-function Ce(r, l) {
-  if (!r) {
-    if (ve)
-      throw new Error(U);
-    var c = typeof l == "function" ? l() : l, b = c ? U + ": " + c : U;
-    throw new Error(b);
+})(dn);
+var bo = dn.exports, vo = process.env.NODE_ENV === "production", Et = "Invariant failed";
+function yo(n, e) {
+  if (!n) {
+    if (vo)
+      throw new Error(Et);
+    var t = typeof e == "function" ? e() : e, o = t ? Et + ": " + t : Et;
+    throw new Error(o);
   }
 }
-const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ce
-}, Symbol.toStringTag, { value: "Module" })), Se = /* @__PURE__ */ ne(Oe);
-(function(r) {
-  var l = te, c = we, b = oe, g = Se;
-  function d(s) {
-    return s && s.__esModule ? s.default : s;
-  }
-  function u(s, e, t, o) {
-    Object.defineProperty(s, e, { get: t, set: o, enumerable: !0, configurable: !0 });
-  }
-  function O(s, e) {
-    return Object.keys(e).forEach(function(t) {
-      t === "default" || t === "__esModule" || s.hasOwnProperty(t) || Object.defineProperty(s, t, {
+  default: yo
+}, Symbol.toStringTag, { value: "Module" })), Eo = /* @__PURE__ */ Kt(wo);
+(function(n) {
+  var e = mo, t = bo, o = mn, r = Eo;
+  function i(h) {
+    return h && h.__esModule ? h.default : h;
+  }
+  function a(h, u, m, g) {
+    Object.defineProperty(h, u, { get: m, set: g, enumerable: !0, configurable: !0 });
+  }
+  function s(h, u) {
+    return Object.keys(u).forEach(function(m) {
+      m === "default" || m === "__esModule" || h.hasOwnProperty(m) || Object.defineProperty(h, m, {
         enumerable: !0,
         get: function() {
-          return e[t];
+          return u[m];
         }
       });
-    }), s;
+    }), h;
   }
-  u(r.exports, "Sortable", () => $882b6d93070905b3$re_export$Sortable), u(r.exports, "Direction", () => $882b6d93070905b3$re_export$Direction), u(r.exports, "DOMRect", () => $882b6d93070905b3$re_export$DOMRect), u(r.exports, "GroupOptions", () => $882b6d93070905b3$re_export$GroupOptions), u(r.exports, "MoveEvent", () => $882b6d93070905b3$re_export$MoveEvent), u(r.exports, "Options", () => $882b6d93070905b3$re_export$Options), u(r.exports, "PullResult", () => $882b6d93070905b3$re_export$PullResult), u(r.exports, "PutResult", () => $882b6d93070905b3$re_export$PutResult), u(r.exports, "SortableEvent", () => $882b6d93070905b3$re_export$SortableEvent), u(r.exports, "SortableOptions", () => $882b6d93070905b3$re_export$SortableOptions), u(r.exports, "Utils", () => $882b6d93070905b3$re_export$Utils), u(r.exports, "ReactSortable", () => T);
-  function $(s) {
-    s.parentElement !== null && s.parentElement.removeChild(s);
+  a(n.exports, "Sortable", () => $882b6d93070905b3$re_export$Sortable), a(n.exports, "Direction", () => $882b6d93070905b3$re_export$Direction), a(n.exports, "DOMRect", () => $882b6d93070905b3$re_export$DOMRect), a(n.exports, "GroupOptions", () => $882b6d93070905b3$re_export$GroupOptions), a(n.exports, "MoveEvent", () => $882b6d93070905b3$re_export$MoveEvent), a(n.exports, "Options", () => $882b6d93070905b3$re_export$Options), a(n.exports, "PullResult", () => $882b6d93070905b3$re_export$PullResult), a(n.exports, "PutResult", () => $882b6d93070905b3$re_export$PutResult), a(n.exports, "SortableEvent", () => $882b6d93070905b3$re_export$SortableEvent), a(n.exports, "SortableOptions", () => $882b6d93070905b3$re_export$SortableOptions), a(n.exports, "Utils", () => $882b6d93070905b3$re_export$Utils), a(n.exports, "ReactSortable", () => X);
+  function l(h) {
+    h.parentElement !== null && h.parentElement.removeChild(h);
   }
-  function N(s, e, t) {
-    const o = s.children[t] || null;
-    s.insertBefore(e, o);
+  function c(h, u, m) {
+    const g = h.children[m] || null;
+    h.insertBefore(u, g);
   }
-  function E(s) {
-    s.forEach((e) => $(e.element));
+  function p(h) {
+    h.forEach((u) => l(u.element));
   }
-  function H(s) {
-    s.forEach((e) => {
-      N(e.parentElement, e.element, e.oldIndex);
+  function f(h) {
+    h.forEach((u) => {
+      c(u.parentElement, u.element, u.oldIndex);
     });
   }
-  function L(s, e) {
-    const t = v(s), o = {
-      parentElement: s.from
+  function v(h, u) {
+    const m = R(h), g = {
+      parentElement: h.from
     };
-    let a = [];
-    switch (t) {
+    let C = [];
+    switch (m) {
       case "normal":
-        a = [
+        C = [
           {
-            element: s.item,
-            newIndex: s.newIndex,
-            oldIndex: s.oldIndex,
-            parentElement: s.from
+            element: h.item,
+            newIndex: h.newIndex,
+            oldIndex: h.oldIndex,
+            parentElement: h.from
           }
         ];
         break;
       case "swap":
-        const p = {
-          element: s.item,
-          oldIndex: s.oldIndex,
-          newIndex: s.newIndex,
-          ...o
-        }, h = {
-          element: s.swapItem,
-          oldIndex: s.newIndex,
-          newIndex: s.oldIndex,
-          ...o
+        const N = {
+          element: h.item,
+          oldIndex: h.oldIndex,
+          newIndex: h.newIndex,
+          ...g
+        }, F = {
+          element: h.swapItem,
+          oldIndex: h.newIndex,
+          newIndex: h.oldIndex,
+          ...g
         };
-        a = [
-          p,
-          h
+        C = [
+          N,
+          F
         ];
         break;
       case "multidrag":
-        a = s.oldIndicies.map((x, I) => ({
-          element: x.multiDragElement,
-          oldIndex: x.index,
-          newIndex: s.newIndicies[I].index,
-          ...o
+        C = h.oldIndicies.map((G, V) => ({
+          element: G.multiDragElement,
+          oldIndex: G.index,
+          newIndex: h.newIndicies[V].index,
+          ...g
         }));
         break;
     }
-    return S(a, e);
+    return Y(C, u);
   }
-  function D(s, e) {
-    const t = w(s, e);
-    return y(s, t);
+  function A(h, u) {
+    const m = E(h, u);
+    return _(h, m);
   }
-  function w(s, e) {
-    const t = [
-      ...e
+  function E(h, u) {
+    const m = [
+      ...u
     ];
-    return s.concat().reverse().forEach((o) => t.splice(o.oldIndex, 1)), t;
+    return h.concat().reverse().forEach((g) => m.splice(g.oldIndex, 1)), m;
   }
-  function y(s, e, t, o) {
-    const a = [
-      ...e
+  function _(h, u, m, g) {
+    const C = [
+      ...u
     ];
-    return s.forEach((n) => {
-      const i = o && t && o(n.item, t);
-      a.splice(n.newIndex, 0, i || n.item);
-    }), a;
+    return h.forEach((y) => {
+      const P = g && m && g(y.item, m);
+      C.splice(y.newIndex, 0, P || y.item);
+    }), C;
   }
-  function v(s) {
-    return s.oldIndicies && s.oldIndicies.length > 0 ? "multidrag" : s.swapItem ? "swap" : "normal";
+  function R(h) {
+    return h.oldIndicies && h.oldIndicies.length > 0 ? "multidrag" : h.swapItem ? "swap" : "normal";
   }
-  function S(s, e) {
-    return s.map((o) => ({
-      ...o,
-      item: e[o.oldIndex]
-    })).sort((o, a) => o.oldIndex - a.oldIndex);
+  function Y(h, u) {
+    return h.map((g) => ({
+      ...g,
+      item: u[g.oldIndex]
+    })).sort((g, C) => g.oldIndex - C.oldIndex);
   }
-  function Q(s) {
-    const { list: e, setList: t, children: o, tag: a, style: n, className: i, clone: p, onAdd: h, onChange: x, onChoose: I, onClone: A, onEnd: P, onFilter: k, onRemove: _, onSort: z, onStart: F, onUnchoose: V, onUpdate: Ee, onMove: Le, onSpill: Pe, onSelect: Me, onDeselect: He, ...Y } = s;
-    return Y;
+  function T(h) {
+    const { list: u, setList: m, children: g, tag: C, style: y, className: P, clone: N, onAdd: F, onChange: G, onChoose: V, onClone: be, onEnd: ae, onFilter: Ge, onRemove: Ie, onSort: Te, onStart: ze, onUnchoose: Mt, onUpdate: Do, onMove: _o, onSpill: Co, onSelect: xo, onDeselect: Oo, ...fn } = h;
+    return fn;
   }
-  const m = {
+  const O = {
     dragging: null
   };
-  class T extends b.Component {
-    constructor(e) {
-      super(e), this.ref = /* @__PURE__ */ (0, b.createRef)();
-      const t = [
-        ...e.list
-      ].map((o) => Object.assign(o, {
+  class X extends o.Component {
+    constructor(u) {
+      super(u), this.ref = /* @__PURE__ */ (0, o.createRef)();
+      const m = [
+        ...u.list
+      ].map((g) => Object.assign(g, {
         chosen: !1,
         selected: !1
       }));
-      e.setList(t, this.sortable, m), d(g)(
+      u.setList(m, this.sortable, O), i(r)(
         //@ts-expect-error: Doesn't exist. Will deprecate soon.
-        !e.plugins,
+        !u.plugins,
         `
 Plugins prop is no longer supported.
 Instead, mount it with "Sortable.mount(new MultiDrag())"
@@ -362,53 +2008,53 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     }
     componentDidMount() {
       if (this.ref.current === null) return;
-      const e = this.makeOptions();
-      d(l).create(this.ref.current, e);
+      const u = this.makeOptions();
+      i(e).create(this.ref.current, u);
     }
-    componentDidUpdate(e) {
-      e.disabled !== this.props.disabled && this.sortable && this.sortable.option("disabled", this.props.disabled);
+    componentDidUpdate(u) {
+      u.disabled !== this.props.disabled && this.sortable && this.sortable.option("disabled", this.props.disabled);
     }
     render() {
-      const { tag: e, style: t, className: o, id: a } = this.props, n = {
-        style: t,
-        className: o,
-        id: a
-      }, i = !e || e === null ? "div" : e;
-      return /* @__PURE__ */ (0, b.createElement)(i, {
+      const { tag: u, style: m, className: g, id: C } = this.props, y = {
+        style: m,
+        className: g,
+        id: C
+      }, P = !u || u === null ? "div" : u;
+      return /* @__PURE__ */ (0, o.createElement)(P, {
         // @todo - find a way (perhaps with the callback) to allow AntD components to work
         ref: this.ref,
-        ...n
+        ...y
       }, this.getChildren());
     }
     getChildren() {
-      const { children: e, dataIdAttr: t, selectedClass: o = "sortable-selected", chosenClass: a = "sortable-chosen", dragClass: n = "sortable-drag", fallbackClass: i = "sortable-falback", ghostClass: p = "sortable-ghost", swapClass: h = "sortable-swap-highlight", filter: x = "sortable-filter", list: I } = this.props;
-      if (!e || e == null) return null;
-      const A = t || "data-id";
-      return b.Children.map(e, (P, k) => {
-        if (P === void 0) return;
-        const _ = I[k] || {}, { className: z } = P.props, F = typeof x == "string" && {
-          [x.replace(".", "")]: !!_.filtered
-        }, V = d(c)(z, {
-          [o]: _.selected,
-          [a]: _.chosen,
-          ...F
+      const { children: u, dataIdAttr: m, selectedClass: g = "sortable-selected", chosenClass: C = "sortable-chosen", dragClass: y = "sortable-drag", fallbackClass: P = "sortable-falback", ghostClass: N = "sortable-ghost", swapClass: F = "sortable-swap-highlight", filter: G = "sortable-filter", list: V } = this.props;
+      if (!u || u == null) return null;
+      const be = m || "data-id";
+      return o.Children.map(u, (ae, Ge) => {
+        if (ae === void 0) return;
+        const Ie = V[Ge] || {}, { className: Te } = ae.props, ze = typeof G == "string" && {
+          [G.replace(".", "")]: !!Ie.filtered
+        }, Mt = i(t)(Te, {
+          [g]: Ie.selected,
+          [C]: Ie.chosen,
+          ...ze
         });
-        return /* @__PURE__ */ (0, b.cloneElement)(P, {
-          [A]: P.key,
-          className: V
+        return /* @__PURE__ */ (0, o.cloneElement)(ae, {
+          [be]: ae.key,
+          className: Mt
         });
       });
     }
     /** Appends the `sortable` property to this component */
     get sortable() {
-      const e = this.ref.current;
-      if (e === null) return null;
-      const t = Object.keys(e).find((o) => o.includes("Sortable"));
-      return t ? e[t] : null;
+      const u = this.ref.current;
+      if (u === null) return null;
+      const m = Object.keys(u).find((g) => g.includes("Sortable"));
+      return m ? u[m] : null;
     }
     /** Converts all the props from `ReactSortable` into the `options` object that `Sortable.create(el, [options])` can use. */
     makeOptions() {
-      const e = [
+      const u = [
         "onAdd",
         "onChoose",
         "onDeselect",
@@ -419,169 +2065,169 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         "onStart",
         "onUnchoose",
         "onUpdate"
-      ], t = [
+      ], m = [
         "onChange",
         "onClone",
         "onFilter",
         "onSort"
-      ], o = Q(this.props);
-      return e.forEach((n) => o[n] = this.prepareOnHandlerPropAndDOM(n)), t.forEach((n) => o[n] = this.prepareOnHandlerProp(n)), {
-        ...o,
-        onMove: (n, i) => {
-          const { onMove: p } = this.props, h = n.willInsertAfter || -1;
-          if (!p) return h;
-          const x = p(n, i, this.sortable, m);
-          return typeof x > "u" ? !1 : x;
+      ], g = T(this.props);
+      return u.forEach((y) => g[y] = this.prepareOnHandlerPropAndDOM(y)), m.forEach((y) => g[y] = this.prepareOnHandlerProp(y)), {
+        ...g,
+        onMove: (y, P) => {
+          const { onMove: N } = this.props, F = y.willInsertAfter || -1;
+          if (!N) return F;
+          const G = N(y, P, this.sortable, O);
+          return typeof G > "u" ? !1 : G;
         }
       };
     }
     /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop & an `on[Handler]` ReactSortable method.  */
-    prepareOnHandlerPropAndDOM(e) {
-      return (t) => {
-        this.callOnHandlerProp(t, e), this[e](t);
+    prepareOnHandlerPropAndDOM(u) {
+      return (m) => {
+        this.callOnHandlerProp(m, u), this[u](m);
       };
     }
     /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop */
-    prepareOnHandlerProp(e) {
-      return (t) => {
-        this.callOnHandlerProp(t, e);
+    prepareOnHandlerProp(u) {
+      return (m) => {
+        this.callOnHandlerProp(m, u);
       };
     }
     /** Calls the `props.on[Handler]` function */
-    callOnHandlerProp(e, t) {
-      const o = this.props[t];
-      o && o(e, this.sortable, m);
+    callOnHandlerProp(u, m) {
+      const g = this.props[m];
+      g && g(u, this.sortable, O);
     }
     // SORTABLE DOM HANDLING
-    onAdd(e) {
-      const { list: t, setList: o, clone: a } = this.props, n = [
-        ...m.dragging.props.list
-      ], i = L(e, n);
-      E(i);
-      const p = y(i, t, e, a).map((h) => Object.assign(h, {
+    onAdd(u) {
+      const { list: m, setList: g, clone: C } = this.props, y = [
+        ...O.dragging.props.list
+      ], P = v(u, y);
+      p(P);
+      const N = _(P, m, u, C).map((F) => Object.assign(F, {
         selected: !1
       }));
-      o(p, this.sortable, m);
+      g(N, this.sortable, O);
     }
-    onRemove(e) {
-      const { list: t, setList: o } = this.props, a = v(e), n = L(e, t);
-      H(n);
-      let i = [
-        ...t
+    onRemove(u) {
+      const { list: m, setList: g } = this.props, C = R(u), y = v(u, m);
+      f(y);
+      let P = [
+        ...m
       ];
-      if (e.pullMode !== "clone") i = w(n, i);
+      if (u.pullMode !== "clone") P = E(y, P);
       else {
-        let p = n;
-        switch (a) {
+        let N = y;
+        switch (C) {
           case "multidrag":
-            p = n.map((h, x) => ({
-              ...h,
-              element: e.clones[x]
+            N = y.map((F, G) => ({
+              ...F,
+              element: u.clones[G]
             }));
             break;
           case "normal":
-            p = n.map((h) => ({
-              ...h,
-              element: e.clone
+            N = y.map((F) => ({
+              ...F,
+              element: u.clone
             }));
             break;
           case "swap":
           default:
-            d(g)(!0, `mode "${a}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${a}" plugin`);
+            i(r)(!0, `mode "${C}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${C}" plugin`);
         }
-        E(p), n.forEach((h) => {
-          const x = h.oldIndex, I = this.props.clone(h.item, e);
-          i.splice(x, 1, I);
+        p(N), y.forEach((F) => {
+          const G = F.oldIndex, V = this.props.clone(F.item, u);
+          P.splice(G, 1, V);
         });
       }
-      i = i.map((p) => Object.assign(p, {
+      P = P.map((N) => Object.assign(N, {
         selected: !1
-      })), o(i, this.sortable, m);
+      })), g(P, this.sortable, O);
     }
-    onUpdate(e) {
-      const { list: t, setList: o } = this.props, a = L(e, t);
-      E(a), H(a);
-      const n = D(a, t);
-      return o(n, this.sortable, m);
+    onUpdate(u) {
+      const { list: m, setList: g } = this.props, C = v(u, m);
+      p(C), f(C);
+      const y = A(C, m);
+      return g(y, this.sortable, O);
     }
     onStart() {
-      m.dragging = this;
+      O.dragging = this;
     }
     onEnd() {
-      m.dragging = null;
+      O.dragging = null;
     }
-    onChoose(e) {
-      const { list: t, setList: o } = this.props, a = t.map((n, i) => {
-        let p = n;
-        return i === e.oldIndex && (p = Object.assign(n, {
+    onChoose(u) {
+      const { list: m, setList: g } = this.props, C = m.map((y, P) => {
+        let N = y;
+        return P === u.oldIndex && (N = Object.assign(y, {
           chosen: !0
-        })), p;
+        })), N;
       });
-      o(a, this.sortable, m);
+      g(C, this.sortable, O);
     }
-    onUnchoose(e) {
-      const { list: t, setList: o } = this.props, a = t.map((n, i) => {
-        let p = n;
-        return i === e.oldIndex && (p = Object.assign(p, {
+    onUnchoose(u) {
+      const { list: m, setList: g } = this.props, C = m.map((y, P) => {
+        let N = y;
+        return P === u.oldIndex && (N = Object.assign(N, {
           chosen: !1
-        })), p;
+        })), N;
       });
-      o(a, this.sortable, m);
+      g(C, this.sortable, O);
     }
-    onSpill(e) {
-      const { removeOnSpill: t, revertOnSpill: o } = this.props;
-      t && !o && $(e.item);
+    onSpill(u) {
+      const { removeOnSpill: m, revertOnSpill: g } = this.props;
+      m && !g && l(u.item);
     }
-    onSelect(e) {
-      const { list: t, setList: o } = this.props, a = t.map((n) => Object.assign(n, {
+    onSelect(u) {
+      const { list: m, setList: g } = this.props, C = m.map((y) => Object.assign(y, {
         selected: !1
       }));
-      e.newIndicies.forEach((n) => {
-        const i = n.index;
-        if (i === -1) {
-          console.log(`"${e.type}" had indice of "${n.index}", which is probably -1 and doesn't usually happen here.`), console.log(e);
+      u.newIndicies.forEach((y) => {
+        const P = y.index;
+        if (P === -1) {
+          console.log(`"${u.type}" had indice of "${y.index}", which is probably -1 and doesn't usually happen here.`), console.log(u);
           return;
         }
-        a[i].selected = !0;
-      }), o(a, this.sortable, m);
+        C[P].selected = !0;
+      }), g(C, this.sortable, O);
     }
-    onDeselect(e) {
-      const { list: t, setList: o } = this.props, a = t.map((n) => Object.assign(n, {
+    onDeselect(u) {
+      const { list: m, setList: g } = this.props, C = m.map((y) => Object.assign(y, {
         selected: !1
       }));
-      e.newIndicies.forEach((n) => {
-        const i = n.index;
-        i !== -1 && (a[i].selected = !0);
-      }), o(a, this.sortable, m);
+      u.newIndicies.forEach((y) => {
+        const P = y.index;
+        P !== -1 && (C[P].selected = !0);
+      }), g(C, this.sortable, O);
     }
   }
   /* eslint-disable-next-line */
-  q(T, "defaultProps", {
-    clone: (e) => e
+  $t(X, "defaultProps", {
+    clone: (u) => u
   });
-  var X = {};
-  O(r.exports, X);
-})(J);
-var Ie = J.exports;
-const qe = (r) => {
-  const { actions: l } = re(r);
-  return /* @__PURE__ */ C(ae, { sx: r.sx, children: /* @__PURE__ */ C(
-    Ie.ReactSortable,
+  var ie = {};
+  s(n.exports, ie);
+})(Vt);
+var So = Vt.exports;
+const Fo = (n) => {
+  const { actions: e } = bn(n);
+  return /* @__PURE__ */ ge(vn, { sx: n.sx, children: /* @__PURE__ */ ge(
+    So.ReactSortable,
     {
-      list: r.items,
-      setList: l.handleSetList,
-      disabled: r.disabled,
-      children: r.items.map((c) => /* @__PURE__ */ C(
-        le,
+      list: n.items,
+      setList: e.handleSetList,
+      disabled: n.disabled,
+      children: n.items.map((t) => /* @__PURE__ */ ge(
+        yn,
         {
-          selected: c.selected,
-          onClick: l.handleClick(c),
-          children: /* @__PURE__ */ C(
-            W,
+          selected: t.selected,
+          onClick: e.handleClick(t),
+          children: /* @__PURE__ */ ge(
+            qt,
             {
-              title: c.name,
-              avatar: c.icon,
-              action: c.actions,
+              title: t.name,
+              avatar: t.icon,
+              action: t.actions,
               titleTypographyProps: {
                 variant: "body2",
                 fontSize: 12
@@ -589,11 +2235,11 @@ const qe = (r) => {
             }
           )
         },
-        c.id
+        t.id
       ))
     }
   ) });
 };
 export {
-  qe as SortableList
+  Fo as SortableList
 };