@adyen/bento-vue2 1.89.2 → 1.91.0

package/dist/draggable.js

@@ -0,0 +1,1396 @@
+import { ref as We, watch as dt, onUnmounted as Dt, defineComponent as Wt, computed as Gt } from "vue";
+import { n as Lt } from "./chunks/_plugin-vue2_normalizer.CeySl7Fu.js";
+import { d as Mn } from "./chunks/draggable-handle.Ba28eM8o.js";
+/**!
+ * Sortable 1.15.6
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function ht(o, e) {
+  var t = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(o);
+    e && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(o, i).enumerable;
+    })), t.push.apply(t, n);
+  }
+  return t;
+}
+function z(o) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? ht(Object(t), !0).forEach(function(n) {
+      zt(o, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : ht(Object(t)).forEach(function(n) {
+      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
+    });
+  }
+  return o;
+}
+function Ye(o) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ye = function(e) {
+    return typeof e;
+  } : Ye = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, Ye(o);
+}
+function zt(o, e, t) {
+  return e in o ? Object.defineProperty(o, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : o[e] = t, o;
+}
+function q() {
+  return q = Object.assign || function(o) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var n in t)
+        Object.prototype.hasOwnProperty.call(t, n) && (o[n] = t[n]);
+    }
+    return o;
+  }, q.apply(this, arguments);
+}
+function jt(o, e) {
+  if (o == null) return {};
+  var t = {}, n = Object.keys(o), i, r;
+  for (r = 0; r < n.length; r++)
+    i = n[r], !(e.indexOf(i) >= 0) && (t[i] = o[i]);
+  return t;
+}
+function $t(o, e) {
+  if (o == null) return {};
+  var t = jt(o, e), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(o);
+    for (i = 0; i < r.length; i++)
+      n = r[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(o, n) && (t[n] = o[n]);
+  }
+  return t;
+}
+var Ut = "1.15.6";
+function U(o) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(o);
+}
+var V = U(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ae = U(/Edge/i), pt = U(/firefox/i), De = U(/safari/i) && !U(/chrome/i) && !U(/android/i), lt = U(/iP(ad|od|hone)/i), St = U(/chrome/i) && U(/android/i), Tt = {
+  capture: !1,
+  passive: !1
+};
+function v(o, e, t) {
+  o.addEventListener(e, t, !V && Tt);
+}
+function m(o, e, t) {
+  o.removeEventListener(e, t, !V && Tt);
+}
+function Ge(o, e) {
+  if (e) {
+    if (e[0] === ">" && (e = e.substring(1)), o)
+      try {
+        if (o.matches)
+          return o.matches(e);
+        if (o.msMatchesSelector)
+          return o.msMatchesSelector(e);
+        if (o.webkitMatchesSelector)
+          return o.webkitMatchesSelector(e);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Ct(o) {
+  return o.host && o !== document && o.host.nodeType ? o.host : o.parentNode;
+}
+function W(o, e, t, n) {
+  if (o) {
+    t = t || document;
+    do {
+      if (e != null && (e[0] === ">" ? o.parentNode === t && Ge(o, e) : Ge(o, e)) || n && o === t)
+        return o;
+      if (o === t) break;
+    } while (o = Ct(o));
+  }
+  return null;
+}
+var gt = /\s+/g;
+function R(o, e, t) {
+  if (o && e)
+    if (o.classList)
+      o.classList[t ? "add" : "remove"](e);
+    else {
+      var n = (" " + o.className + " ").replace(gt, " ").replace(" " + e + " ", " ");
+      o.className = (n + (t ? " " + e : "")).replace(gt, " ");
+    }
+}
+function h(o, e, t) {
+  var n = o && o.style;
+  if (n) {
+    if (t === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(o, "") : o.currentStyle && (t = o.currentStyle), e === void 0 ? t : t[e];
+    !(e in n) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), n[e] = t + (typeof t == "string" ? "" : "px");
+  }
+}
+function he(o, e) {
+  var t = "";
+  if (typeof o == "string")
+    t = o;
+  else
+    do {
+      var n = h(o, "transform");
+      n && n !== "none" && (t = n + " " + t);
+    } while (!e && (o = o.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(t);
+}
+function Ot(o, e, t) {
+  if (o) {
+    var n = o.getElementsByTagName(e), i = 0, r = n.length;
+    if (t)
+      for (; i < r; i++)
+        t(n[i], i);
+    return n;
+  }
+  return [];
+}
+function L() {
+  var o = document.scrollingElement;
+  return o || document.documentElement;
+}
+function C(o, e, t, n, i) {
+  if (!(!o.getBoundingClientRect && o !== window)) {
+    var r, a, l, s, u, d, c;
+    if (o !== window && o.parentNode && o !== L() ? (r = o.getBoundingClientRect(), a = r.top, l = r.left, s = r.bottom, u = r.right, d = r.height, c = r.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, d = window.innerHeight, c = window.innerWidth), (e || t) && o !== window && (i = i || o.parentNode, !V))
+      do
+        if (i && i.getBoundingClientRect && (h(i, "transform") !== "none" || t && h(i, "position") !== "static")) {
+          var b = i.getBoundingClientRect();
+          a -= b.top + parseInt(h(i, "border-top-width")), l -= b.left + parseInt(h(i, "border-left-width")), s = a + r.height, u = l + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (n && o !== window) {
+      var _ = he(i || o), E = _ && _.a, y = _ && _.d;
+      _ && (a /= y, l /= E, c /= E, d /= y, s = a + d, u = l + c);
+    }
+    return {
+      top: a,
+      left: l,
+      bottom: s,
+      right: u,
+      width: c,
+      height: d
+    };
+  }
+}
+function mt(o, e, t) {
+  for (var n = ee(o, !0), i = C(o)[e]; n; ) {
+    var r = C(n)[t], a = void 0;
+    if (a = i >= r, !a) return n;
+    if (n === L()) break;
+    n = ee(n, !1);
+  }
+  return !1;
+}
+function pe(o, e, t, n) {
+  for (var i = 0, r = 0, a = o.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== p.ghost && (n || a[r] !== p.dragged) && W(a[r], t.draggable, o, !1)) {
+      if (i === e)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function st(o, e) {
+  for (var t = o.lastElementChild; t && (t === p.ghost || h(t, "display") === "none" || e && !Ge(t, e)); )
+    t = t.previousElementSibling;
+  return t || null;
+}
+function X(o, e) {
+  var t = 0;
+  if (!o || !o.parentNode)
+    return -1;
+  for (; o = o.previousElementSibling; )
+    o.nodeName.toUpperCase() !== "TEMPLATE" && o !== p.clone && (!e || Ge(o, e)) && t++;
+  return t;
+}
+function vt(o) {
+  var e = 0, t = 0, n = L();
+  if (o)
+    do {
+      var i = he(o), r = i.a, a = i.d;
+      e += o.scrollLeft * r, t += o.scrollTop * a;
+    } while (o !== n && (o = o.parentNode));
+  return [e, t];
+}
+function qt(o, e) {
+  for (var t in o)
+    if (o.hasOwnProperty(t)) {
+      for (var n in e)
+        if (e.hasOwnProperty(n) && e[n] === o[t][n]) return Number(t);
+    }
+  return -1;
+}
+function ee(o, e) {
+  if (!o || !o.getBoundingClientRect) return L();
+  var t = o, n = !1;
+  do
+    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+      var i = h(t);
+      if (t.clientWidth < t.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+        if (!t.getBoundingClientRect || t === document.body) return L();
+        if (n || e) return t;
+        n = !0;
+      }
+    }
+  while (t = t.parentNode);
+  return L();
+}
+function Vt(o, e) {
+  if (o && e)
+    for (var t in e)
+      e.hasOwnProperty(t) && (o[t] = e[t]);
+  return o;
+}
+function qe(o, e) {
+  return Math.round(o.top) === Math.round(e.top) && Math.round(o.left) === Math.round(e.left) && Math.round(o.height) === Math.round(e.height) && Math.round(o.width) === Math.round(e.width);
+}
+var Se;
+function It(o, e) {
+  return function() {
+    if (!Se) {
+      var t = arguments, n = this;
+      t.length === 1 ? o.call(n, t[0]) : o.apply(n, t), Se = setTimeout(function() {
+        Se = void 0;
+      }, e);
+    }
+  };
+}
+function Kt() {
+  clearTimeout(Se), Se = void 0;
+}
+function At(o, e, t) {
+  o.scrollLeft += e, o.scrollTop += t;
+}
+function Pt(o) {
+  var e = window.Polymer, t = window.jQuery || window.Zepto;
+  return e && e.dom ? e.dom(o).cloneNode(!0) : t ? t(o).clone(!0)[0] : o.cloneNode(!0);
+}
+function xt(o, e, t) {
+  var n = {};
+  return Array.from(o.children).forEach(function(i) {
+    var r, a, l, s;
+    if (!(!W(i, e.draggable, o, !1) || i.animated || i === t)) {
+      var u = C(i);
+      n.left = Math.min((r = n.left) !== null && r !== void 0 ? r : 1 / 0, u.left), n.top = Math.min((a = n.top) !== null && a !== void 0 ? a : 1 / 0, u.top), n.right = Math.max((l = n.right) !== null && l !== void 0 ? l : -1 / 0, u.right), n.bottom = Math.max((s = n.bottom) !== null && s !== void 0 ? s : -1 / 0, u.bottom);
+    }
+  }), n.width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n;
+}
+var N = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Zt() {
+  var o = [], e;
+  return {
+    captureAnimationState: function() {
+      if (o = [], !!this.options.animation) {
+        var n = [].slice.call(this.el.children);
+        n.forEach(function(i) {
+          if (!(h(i, "display") === "none" || i === p.ghost)) {
+            o.push({
+              target: i,
+              rect: C(i)
+            });
+            var r = z({}, o[o.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = he(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(n) {
+      o.push(n);
+    },
+    removeAnimationState: function(n) {
+      o.splice(qt(o, {
+        target: n
+      }), 1);
+    },
+    animateAll: function(n) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof n == "function" && n();
+        return;
+      }
+      var r = !1, a = 0;
+      o.forEach(function(l) {
+        var s = 0, u = l.target, d = u.fromRect, c = C(u), b = u.prevFromRect, _ = u.prevToRect, E = l.rect, y = he(u, !0);
+        y && (c.top -= y.f, c.left -= y.e), u.toRect = c, u.thisAnimationDuration && qe(b, c) && !qe(d, c) && // Make sure animatingRect is on line between toRect & fromRect
+        (E.top - c.top) / (E.left - c.left) === (d.top - c.top) / (d.left - c.left) && (s = Jt(E, b, _, i.options)), qe(c, d) || (u.prevFromRect = d, u.prevToRect = c, s || (s = i.options.animation), i.animate(u, E, c, s)), s && (r = !0, a = Math.max(a, s), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, s), u.thisAnimationDuration = s);
+      }), clearTimeout(e), r ? e = setTimeout(function() {
+        typeof n == "function" && n();
+      }, a) : typeof n == "function" && n(), o = [];
+    },
+    animate: function(n, i, r, a) {
+      if (a) {
+        h(n, "transition", ""), h(n, "transform", "");
+        var l = he(this.el), s = l && l.a, u = l && l.d, d = (i.left - r.left) / (s || 1), c = (i.top - r.top) / (u || 1);
+        n.animatingX = !!d, n.animatingY = !!c, h(n, "transform", "translate3d(" + d + "px," + c + "px,0)"), this.forRepaintDummy = Qt(n), h(n, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), h(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+          h(n, "transition", ""), h(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Qt(o) {
+  return o.offsetWidth;
+}
+function Jt(o, e, t, n) {
+  return Math.sqrt(Math.pow(e.top - o.top, 2) + Math.pow(e.left - o.left, 2)) / Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) * n.animation;
+}
+var ue = [], Ve = {
+  initializeByDefault: !0
+}, Pe = {
+  mount: function(e) {
+    for (var t in Ve)
+      Ve.hasOwnProperty(t) && !(t in e) && (e[t] = Ve[t]);
+    ue.forEach(function(n) {
+      if (n.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), ue.push(e);
+  },
+  pluginEvent: function(e, t, n) {
+    var i = this;
+    this.eventCanceled = !1, n.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    ue.forEach(function(a) {
+      t[a.pluginName] && (t[a.pluginName][r] && t[a.pluginName][r](z({
+        sortable: t
+      }, n)), t.options[a.pluginName] && t[a.pluginName][e] && t[a.pluginName][e](z({
+        sortable: t
+      }, n)));
+    });
+  },
+  initializePlugins: function(e, t, n, i) {
+    ue.forEach(function(l) {
+      var s = l.pluginName;
+      if (!(!e.options[s] && !l.initializeByDefault)) {
+        var u = new l(e, t, e.options);
+        u.sortable = e, u.options = e.options, e[s] = u, q(n, u.defaults);
+      }
+    });
+    for (var r in e.options)
+      if (e.options.hasOwnProperty(r)) {
+        var a = this.modifyOption(e, r, e.options[r]);
+        typeof a < "u" && (e.options[r] = a);
+      }
+  },
+  getEventProperties: function(e, t) {
+    var n = {};
+    return ue.forEach(function(i) {
+      typeof i.eventProperties == "function" && q(n, i.eventProperties.call(t[i.pluginName], e));
+    }), n;
+  },
+  modifyOption: function(e, t, n) {
+    var i;
+    return ue.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[t] == "function" && (i = r.optionListeners[t].call(e[r.pluginName], n));
+    }), i;
+  }
+};
+function en(o) {
+  var e = o.sortable, t = o.rootEl, n = o.name, i = o.targetEl, r = o.cloneEl, a = o.toEl, l = o.fromEl, s = o.oldIndex, u = o.newIndex, d = o.oldDraggableIndex, c = o.newDraggableIndex, b = o.originalEvent, _ = o.putSortable, E = o.extraEventProperties;
+  if (e = e || t && t[N], !!e) {
+    var y, k = e.options, j = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !V && !Ae ? y = new CustomEvent(n, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (y = document.createEvent("Event"), y.initEvent(n, !0, !0)), y.to = a || t, y.from = l || t, y.item = i || t, y.clone = r, y.oldIndex = s, y.newIndex = u, y.oldDraggableIndex = d, y.newDraggableIndex = c, y.originalEvent = b, y.pullMode = _ ? _.lastPutMode : void 0;
+    var A = z(z({}, E), Pe.getEventProperties(n, e));
+    for (var B in A)
+      y[B] = A[B];
+    t && t.dispatchEvent(y), k[j] && k[j].call(e, y);
+  }
+}
+var tn = ["evt"], x = function(e, t) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = n.evt, r = $t(n, tn);
+  Pe.pluginEvent.bind(p)(e, t, z({
+    dragEl: f,
+    parentEl: S,
+    ghostEl: g,
+    rootEl: w,
+    nextEl: le,
+    lastDownEl: Xe,
+    cloneEl: D,
+    cloneHidden: J,
+    dragStarted: ye,
+    putSortable: O,
+    activeSortable: p.active,
+    originalEvent: i,
+    oldIndex: de,
+    oldDraggableIndex: Te,
+    newIndex: Y,
+    newDraggableIndex: Q,
+    hideGhostForTarget: Rt,
+    unhideGhostForTarget: Yt,
+    cloneNowHidden: function() {
+      J = !0;
+    },
+    cloneNowShown: function() {
+      J = !1;
+    },
+    dispatchSortableEvent: function(l) {
+      P({
+        sortable: t,
+        name: l,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function P(o) {
+  en(z({
+    putSortable: O,
+    cloneEl: D,
+    targetEl: f,
+    rootEl: w,
+    oldIndex: de,
+    oldDraggableIndex: Te,
+    newIndex: Y,
+    newDraggableIndex: Q
+  }, o));
+}
+var f, S, g, w, le, Xe, D, J, de, Y, Te, Q, Ne, O, ce = !1, Le = !1, ze = [], ie, H, Ke, Ze, bt, Et, ye, fe, Ce, Oe = !1, Me = !1, ke, I, Qe = [], ot = !1, je = [], Ue = typeof document < "u", Fe = lt, yt = Ae || V ? "cssFloat" : "float", nn = Ue && !St && !lt && "draggable" in document.createElement("div"), Nt = (function() {
+  if (Ue) {
+    if (V)
+      return !1;
+    var o = document.createElement("x");
+    return o.style.cssText = "pointer-events:auto", o.style.pointerEvents === "auto";
+  }
+})(), Mt = function(e, t) {
+  var n = h(e), i = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = pe(e, 0, t), a = pe(e, 1, t), l = r && h(r), s = a && h(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + C(r).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + C(a).width;
+  if (n.display === "flex")
+    return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (n.display === "grid")
+    return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && l.float && l.float !== "none") {
+    var c = l.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === c) ? "vertical" : "horizontal";
+  }
+  return r && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || u >= i && n[yt] === "none" || a && n[yt] === "none" && u + d > i) ? "vertical" : "horizontal";
+}, on = function(e, t, n) {
+  var i = n ? e.left : e.top, r = n ? e.right : e.bottom, a = n ? e.width : e.height, l = n ? t.left : t.top, s = n ? t.right : t.bottom, u = n ? t.width : t.height;
+  return i === l || r === s || i + a / 2 === l + u / 2;
+}, rn = function(e, t) {
+  var n;
+  return ze.some(function(i) {
+    var r = i[N].options.emptyInsertThreshold;
+    if (!(!r || st(i))) {
+      var a = C(i), l = e >= a.left - r && e <= a.right + r, s = t >= a.top - r && t <= a.bottom + r;
+      if (l && s)
+        return n = i;
+    }
+  }), n;
+}, Ft = function(e) {
+  function t(r, a) {
+    return function(l, s, u, d) {
+      var c = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
+      if (r == null && (a || c))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return t(r(l, s, u, d), a)(l, s, u, d);
+      var b = (a ? l : s).options.group.name;
+      return r === !0 || typeof r == "string" && r === b || r.join && r.indexOf(b) > -1;
+    };
+  }
+  var n = {}, i = e.group;
+  (!i || Ye(i) != "object") && (i = {
+    name: i
+  }), n.name = i.name, n.checkPull = t(i.pull, !0), n.checkPut = t(i.put), n.revertClone = i.revertClone, e.group = n;
+}, Rt = function() {
+  !Nt && g && h(g, "display", "none");
+}, Yt = function() {
+  !Nt && g && h(g, "display", "");
+};
+Ue && !St && document.addEventListener("click", function(o) {
+  if (Le)
+    return o.preventDefault(), o.stopPropagation && o.stopPropagation(), o.stopImmediatePropagation && o.stopImmediatePropagation(), Le = !1, !1;
+}, !0);
+var re = function(e) {
+  if (f) {
+    e = e.touches ? e.touches[0] : e;
+    var t = rn(e.clientX, e.clientY);
+    if (t) {
+      var n = {};
+      for (var i in e)
+        e.hasOwnProperty(i) && (n[i] = e[i]);
+      n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[N]._onDragOver(n);
+    }
+  }
+}, an = function(e) {
+  f && f.parentNode[N]._isOutsideThisEl(e.target);
+};
+function p(o, e) {
+  if (!(o && o.nodeType && o.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(o));
+  this.el = o, this.options = e = q({}, e), o[N] = this;
+  var t = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(o.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 Mt(o, 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, l) {
+      a.setData("Text", l.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: p.supportPointer !== !1 && "PointerEvent" in window && (!De || lt),
+    emptyInsertThreshold: 5
+  };
+  Pe.initializePlugins(this, o, t);
+  for (var n in t)
+    !(n in e) && (e[n] = t[n]);
+  Ft(e);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : nn, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? v(o, "pointerdown", this._onTapStart) : (v(o, "mousedown", this._onTapStart), v(o, "touchstart", this._onTapStart)), this.nativeDraggable && (v(o, "dragover", this), v(o, "dragenter", this)), ze.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), q(this, Zt());
+}
+p.prototype = /** @lends Sortable.prototype */
+{
+  constructor: p,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (fe = null);
+  },
+  _getDirection: function(e, t) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, f) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var t = this, n = this.el, i = this.options, r = i.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = i.filter;
+      if (pn(n), !f && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && De && s && s.tagName.toUpperCase() === "SELECT") && (s = W(s, i.draggable, n, !1), !(s && s.animated) && Xe !== s)) {
+        if (de = X(s), Te = X(s, i.draggable), typeof d == "function") {
+          if (d.call(this, e, s, this)) {
+            P({
+              sortable: t,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              toEl: n,
+              fromEl: n
+            }), x("filter", t, {
+              evt: e
+            }), r && e.preventDefault();
+            return;
+          }
+        } else if (d && (d = d.split(",").some(function(c) {
+          if (c = W(u, c.trim(), n, !1), c)
+            return P({
+              sortable: t,
+              rootEl: c,
+              name: "filter",
+              targetEl: s,
+              fromEl: n,
+              toEl: n
+            }), x("filter", t, {
+              evt: e
+            }), !0;
+        }), d)) {
+          r && e.preventDefault();
+          return;
+        }
+        i.handle && !W(u, i.handle, n, !1) || this._prepareDragStart(e, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, t, n) {
+    var i = this, r = i.el, a = i.options, l = r.ownerDocument, s;
+    if (n && !f && n.parentNode === r) {
+      var u = C(n);
+      if (w = r, f = n, S = f.parentNode, le = f.nextSibling, Xe = n, Ne = a.group, p.dragged = f, ie = {
+        target: f,
+        clientX: (t || e).clientX,
+        clientY: (t || e).clientY
+      }, bt = ie.clientX - u.left, Et = ie.clientY - u.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, f.style["will-change"] = "all", s = function() {
+        if (x("delayEnded", i, {
+          evt: e
+        }), p.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !pt && i.nativeDraggable && (f.draggable = !0), i._triggerDragStart(e, t), P({
+          sortable: i,
+          name: "choose",
+          originalEvent: e
+        }), R(f, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(d) {
+        Ot(f, d.trim(), Je);
+      }), v(l, "dragover", re), v(l, "mousemove", re), v(l, "touchmove", re), a.supportPointer ? (v(l, "pointerup", i._onDrop), !this.nativeDraggable && v(l, "pointercancel", i._onDrop)) : (v(l, "mouseup", i._onDrop), v(l, "touchend", i._onDrop), v(l, "touchcancel", i._onDrop)), pt && this.nativeDraggable && (this.options.touchStartThreshold = 4, f.draggable = !0), x("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Ae || V))) {
+        if (p.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        a.supportPointer ? (v(l, "pointerup", i._disableDelayedDrag), v(l, "pointercancel", i._disableDelayedDrag)) : (v(l, "mouseup", i._disableDelayedDrag), v(l, "touchend", i._disableDelayedDrag), v(l, "touchcancel", i._disableDelayedDrag)), v(l, "mousemove", i._delayedDragTouchMoveHandler), v(l, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && v(l, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(s, a.delay);
+      } else
+        s();
+    }
+  },
+  _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() {
+    f && Je(f), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    m(e, "mouseup", this._disableDelayedDrag), m(e, "touchend", this._disableDelayedDrag), m(e, "touchcancel", this._disableDelayedDrag), m(e, "pointerup", this._disableDelayedDrag), m(e, "pointercancel", this._disableDelayedDrag), m(e, "mousemove", this._delayedDragTouchMoveHandler), m(e, "touchmove", this._delayedDragTouchMoveHandler), m(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, t) {
+    t = t || e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? v(document, "pointermove", this._onTouchMove) : t ? v(document, "touchmove", this._onTouchMove) : v(document, "mousemove", this._onTouchMove) : (v(f, "dragend", this), v(w, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Be(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, t) {
+    if (ce = !1, w && f) {
+      x("dragStarted", this, {
+        evt: t
+      }), this.nativeDraggable && v(document, "dragover", an);
+      var n = this.options;
+      !e && R(f, n.dragClass, !1), R(f, n.ghostClass, !0), p.active = this, e && this._appendGhost(), P({
+        sortable: this,
+        name: "start",
+        originalEvent: t
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (H) {
+      this._lastX = H.clientX, this._lastY = H.clientY, Rt();
+      for (var e = document.elementFromPoint(H.clientX, H.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(H.clientX, H.clientY), e !== t); )
+        t = e;
+      if (f.parentNode[N]._isOutsideThisEl(e), t)
+        do {
+          if (t[N]) {
+            var n = void 0;
+            if (n = t[N]._onDragOver({
+              clientX: H.clientX,
+              clientY: H.clientY,
+              target: e,
+              rootEl: t
+            }), n && !this.options.dragoverBubble)
+              break;
+          }
+          e = t;
+        } while (t = Ct(t));
+      Yt();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (ie) {
+      var t = this.options, n = t.fallbackTolerance, i = t.fallbackOffset, r = e.touches ? e.touches[0] : e, a = g && he(g, !0), l = g && a && a.a, s = g && a && a.d, u = Fe && I && vt(I), d = (r.clientX - ie.clientX + i.x) / (l || 1) + (u ? u[0] - Qe[0] : 0) / (l || 1), c = (r.clientY - ie.clientY + i.y) / (s || 1) + (u ? u[1] - Qe[1] : 0) / (s || 1);
+      if (!p.active && !ce) {
+        if (n && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < n)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (g) {
+        a ? (a.e += d - (Ke || 0), a.f += c - (Ze || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: d,
+          f: c
+        };
+        var b = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        h(g, "webkitTransform", b), h(g, "mozTransform", b), h(g, "msTransform", b), h(g, "transform", b), Ke = d, Ze = c, H = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!g) {
+      var e = this.options.fallbackOnBody ? document.body : w, t = C(f, !0, Fe, !0, e), n = this.options;
+      if (Fe) {
+        for (I = e; h(I, "position") === "static" && h(I, "transform") === "none" && I !== document; )
+          I = I.parentNode;
+        I !== document.body && I !== document.documentElement ? (I === document && (I = L()), t.top += I.scrollTop, t.left += I.scrollLeft) : I = L(), Qe = vt(I);
+      }
+      g = f.cloneNode(!0), R(g, n.ghostClass, !1), R(g, n.fallbackClass, !0), R(g, n.dragClass, !0), h(g, "transition", ""), h(g, "transform", ""), h(g, "box-sizing", "border-box"), h(g, "margin", 0), h(g, "top", t.top), h(g, "left", t.left), h(g, "width", t.width), h(g, "height", t.height), h(g, "opacity", "0.8"), h(g, "position", Fe ? "absolute" : "fixed"), h(g, "zIndex", "100000"), h(g, "pointerEvents", "none"), p.ghost = g, e.appendChild(g), h(g, "transform-origin", bt / parseInt(g.style.width) * 100 + "% " + Et / parseInt(g.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, t) {
+    var n = this, i = e.dataTransfer, r = n.options;
+    if (x("dragStart", this, {
+      evt: e
+    }), p.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    x("setupClone", this), p.eventCanceled || (D = Pt(f), D.removeAttribute("id"), D.draggable = !1, D.style["will-change"] = "", this._hideClone(), R(D, this.options.chosenClass, !1), p.clone = D), n.cloneId = Be(function() {
+      x("clone", n), !p.eventCanceled && (n.options.removeCloneOnHide || w.insertBefore(D, f), n._hideClone(), P({
+        sortable: n,
+        name: "clone"
+      }));
+    }), !t && R(f, r.dragClass, !0), t ? (Le = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (m(document, "mouseup", n._onDrop), m(document, "touchend", n._onDrop), m(document, "touchcancel", n._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(n, i, f)), v(document, "drop", n), h(f, "transform", "translateZ(0)")), ce = !0, n._dragStartId = Be(n._dragStarted.bind(n, t, e)), v(document, "selectstart", n), ye = !0, window.getSelection().removeAllRanges(), De && h(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, n = e.target, i, r, a, l = this.options, s = l.group, u = p.active, d = Ne === s, c = l.sort, b = O || u, _, E = this, y = !1;
+    if (ot) return;
+    function k(Ee, Bt) {
+      x(Ee, E, z({
+        evt: e,
+        isOwner: d,
+        axis: _ ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: c,
+        fromSortable: b,
+        target: n,
+        completed: A,
+        onMove: function(ct, Ht) {
+          return Re(w, t, f, i, ct, C(ct), e, Ht);
+        },
+        changed: B
+      }, Bt));
+    }
+    function j() {
+      k("dragOverAnimationCapture"), E.captureAnimationState(), E !== b && b.captureAnimationState();
+    }
+    function A(Ee) {
+      return k("dragOverCompleted", {
+        insertion: Ee
+      }), Ee && (d ? u._hideClone() : u._showClone(E), E !== b && (R(f, O ? O.options.ghostClass : u.options.ghostClass, !1), R(f, l.ghostClass, !0)), O !== E && E !== p.active ? O = E : E === p.active && O && (O = null), b === E && (E._ignoreWhileAnimating = n), E.animateAll(function() {
+        k("dragOverAnimationComplete"), E._ignoreWhileAnimating = null;
+      }), E !== b && (b.animateAll(), b._ignoreWhileAnimating = null)), (n === f && !f.animated || n === t && !n.animated) && (fe = null), !l.dragoverBubble && !e.rootEl && n !== document && (f.parentNode[N]._isOutsideThisEl(e.target), !Ee && re(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), y = !0;
+    }
+    function B() {
+      Y = X(f), Q = X(f, l.draggable), P({
+        sortable: E,
+        name: "change",
+        toEl: t,
+        newIndex: Y,
+        newDraggableIndex: Q,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = W(n, l.draggable, t, !0), k("dragOver"), p.eventCanceled) return y;
+    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || E._ignoreWhileAnimating === n)
+      return A(!1);
+    if (Le = !1, u && !l.disabled && (d ? c || (a = S !== w) : O === this || (this.lastPutMode = Ne.checkPull(this, u, f, e)) && s.checkPut(this, u, f, e))) {
+      if (_ = this._getDirection(e, n) === "vertical", i = C(f), k("dragOverValid"), p.eventCanceled) return y;
+      if (a)
+        return S = w, j(), this._hideClone(), k("revert"), p.eventCanceled || (le ? w.insertBefore(f, le) : w.appendChild(f)), A(!0);
+      var M = st(t, l.draggable);
+      if (!M || fn(e, _, this) && !M.animated) {
+        if (M === f)
+          return A(!1);
+        if (M && t === e.target && (n = M), n && (r = C(n)), Re(w, t, f, i, n, r, e, !!n) !== !1)
+          return j(), M && M.nextSibling ? t.insertBefore(f, M.nextSibling) : t.appendChild(f), S = t, B(), A(!0);
+      } else if (M && un(e, _, this)) {
+        var te = pe(t, 0, l, !0);
+        if (te === f)
+          return A(!1);
+        if (n = te, r = C(n), Re(w, t, f, i, n, r, e, !1) !== !1)
+          return j(), t.insertBefore(f, te), S = t, B(), A(!0);
+      } else if (n.parentNode === t) {
+        r = C(n);
+        var G = 0, ne, ge = f.parentNode !== t, F = !on(f.animated && f.toRect || i, n.animated && n.toRect || r, _), me = _ ? "top" : "left", K = mt(n, "top", "top") || mt(f, "top", "top"), ve = K ? K.scrollTop : void 0;
+        fe !== n && (ne = r[me], Oe = !1, Me = !F && l.invertSwap || ge), G = cn(e, n, r, _, F ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Me, fe === n);
+        var $;
+        if (G !== 0) {
+          var oe = X(f);
+          do
+            oe -= G, $ = S.children[oe];
+          while ($ && (h($, "display") === "none" || $ === g));
+        }
+        if (G === 0 || $ === n)
+          return A(!1);
+        fe = n, Ce = G;
+        var be = n.nextElementSibling, Z = !1;
+        Z = G === 1;
+        var xe = Re(w, t, f, i, n, r, e, Z);
+        if (xe !== !1)
+          return (xe === 1 || xe === -1) && (Z = xe === 1), ot = !0, setTimeout(sn, 30), j(), Z && !be ? t.appendChild(f) : n.parentNode.insertBefore(f, Z ? be : n), K && At(K, 0, ve - K.scrollTop), S = f.parentNode, ne !== void 0 && !Me && (ke = Math.abs(ne - C(n)[me])), B(), A(!0);
+      }
+      if (t.contains(f))
+        return A(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    m(document, "mousemove", this._onTouchMove), m(document, "touchmove", this._onTouchMove), m(document, "pointermove", this._onTouchMove), m(document, "dragover", re), m(document, "mousemove", re), m(document, "touchmove", re);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    m(e, "mouseup", this._onDrop), m(e, "touchend", this._onDrop), m(e, "pointerup", this._onDrop), m(e, "pointercancel", this._onDrop), m(e, "touchcancel", this._onDrop), m(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var t = this.el, n = this.options;
+    if (Y = X(f), Q = X(f, n.draggable), x("drop", this, {
+      evt: e
+    }), S = f && f.parentNode, Y = X(f), Q = X(f, n.draggable), p.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    ce = !1, Me = !1, Oe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), it(this.cloneId), it(this._dragStartId), this.nativeDraggable && (m(document, "drop", this), m(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), De && h(document.body, "user-select", ""), h(f, "transform", ""), e && (ye && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (w === S || O && O.lastPutMode !== "clone") && D && D.parentNode && D.parentNode.removeChild(D), f && (this.nativeDraggable && m(f, "dragend", this), Je(f), f.style["will-change"] = "", ye && !ce && R(f, O ? O.options.ghostClass : this.options.ghostClass, !1), R(f, this.options.chosenClass, !1), P({
+      sortable: this,
+      name: "unchoose",
+      toEl: S,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), w !== S ? (Y >= 0 && (P({
+      rootEl: S,
+      name: "add",
+      toEl: S,
+      fromEl: w,
+      originalEvent: e
+    }), P({
+      sortable: this,
+      name: "remove",
+      toEl: S,
+      originalEvent: e
+    }), P({
+      rootEl: S,
+      name: "sort",
+      toEl: S,
+      fromEl: w,
+      originalEvent: e
+    }), P({
+      sortable: this,
+      name: "sort",
+      toEl: S,
+      originalEvent: e
+    })), O && O.save()) : Y !== de && Y >= 0 && (P({
+      sortable: this,
+      name: "update",
+      toEl: S,
+      originalEvent: e
+    }), P({
+      sortable: this,
+      name: "sort",
+      toEl: S,
+      originalEvent: e
+    })), p.active && ((Y == null || Y === -1) && (Y = de, Q = Te), P({
+      sortable: this,
+      name: "end",
+      toEl: S,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    x("nulling", this), w = f = S = g = le = D = Xe = J = ie = H = ye = Y = Q = de = Te = fe = Ce = O = Ne = p.dragged = p.ghost = p.clone = p.active = null, je.forEach(function(e) {
+      e.checked = !0;
+    }), je.length = Ke = Ze = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        f && (this._onDragOver(e), ln(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var e = [], t, n = this.el.children, i = 0, r = n.length, a = this.options; i < r; i++)
+      t = n[i], W(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || hn(t));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, t) {
+    var n = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var l = i.children[a];
+      W(l, this.options.draggable, i, !1) && (n[r] = l);
+    }, this), t && this.captureAnimationState(), e.forEach(function(r) {
+      n[r] && (i.removeChild(n[r]), i.appendChild(n[r]));
+    }), 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 W(e, t || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, t) {
+    var n = this.options;
+    if (t === void 0)
+      return n[e];
+    var i = Pe.modifyOption(this, e, t);
+    typeof i < "u" ? n[e] = i : n[e] = t, e === "group" && Ft(n);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    x("destroy", this);
+    var e = this.el;
+    e[N] = null, m(e, "mousedown", this._onTapStart), m(e, "touchstart", this._onTapStart), m(e, "pointerdown", this._onTapStart), this.nativeDraggable && (m(e, "dragover", this), m(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(t) {
+      t.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), ze.splice(ze.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!J) {
+      if (x("hideClone", this), p.eventCanceled) return;
+      h(D, "display", "none"), this.options.removeCloneOnHide && D.parentNode && D.parentNode.removeChild(D), J = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (J) {
+      if (x("showClone", this), p.eventCanceled) return;
+      f.parentNode == w && !this.options.group.revertClone ? w.insertBefore(D, f) : le ? w.insertBefore(D, le) : w.appendChild(D), this.options.group.revertClone && this.animate(f, D), h(D, "display", ""), J = !1;
+    }
+  }
+};
+function ln(o) {
+  o.dataTransfer && (o.dataTransfer.dropEffect = "move"), o.cancelable && o.preventDefault();
+}
+function Re(o, e, t, n, i, r, a, l) {
+  var s, u = o[N], d = u.options.onMove, c;
+  return window.CustomEvent && !V && !Ae ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = o, s.dragged = t, s.draggedRect = n, s.related = i || e, s.relatedRect = r || C(e), s.willInsertAfter = l, s.originalEvent = a, o.dispatchEvent(s), d && (c = d.call(u, s, a)), c;
+}
+function Je(o) {
+  o.draggable = !1;
+}
+function sn() {
+  ot = !1;
+}
+function un(o, e, t) {
+  var n = C(pe(t.el, 0, t.options, !0)), i = xt(t.el, t.options, g), r = 10;
+  return e ? o.clientX < i.left - r || o.clientY < n.top && o.clientX < n.right : o.clientY < i.top - r || o.clientY < n.bottom && o.clientX < n.left;
+}
+function fn(o, e, t) {
+  var n = C(st(t.el, t.options.draggable)), i = xt(t.el, t.options, g), r = 10;
+  return e ? o.clientX > i.right + r || o.clientY > n.bottom && o.clientX > n.left : o.clientY > i.bottom + r || o.clientX > n.right && o.clientY > n.top;
+}
+function cn(o, e, t, n, i, r, a, l) {
+  var s = n ? o.clientY : o.clientX, u = n ? t.height : t.width, d = n ? t.top : t.left, c = n ? t.bottom : t.right, b = !1;
+  if (!a) {
+    if (l && ke < u * i) {
+      if (!Oe && (Ce === 1 ? s > d + u * r / 2 : s < c - u * r / 2) && (Oe = !0), Oe)
+        b = !0;
+      else if (Ce === 1 ? s < d + ke : s > c - ke)
+        return -Ce;
+    } else if (s > d + u * (1 - i) / 2 && s < c - u * (1 - i) / 2)
+      return dn(e);
+  }
+  return b = b || a, b && (s < d + u * r / 2 || s > c - u * r / 2) ? s > d + u / 2 ? 1 : -1 : 0;
+}
+function dn(o) {
+  return X(f) < X(o) ? 1 : -1;
+}
+function hn(o) {
+  for (var e = o.tagName + o.className + o.src + o.href + o.textContent, t = e.length, n = 0; t--; )
+    n += e.charCodeAt(t);
+  return n.toString(36);
+}
+function pn(o) {
+  je.length = 0;
+  for (var e = o.getElementsByTagName("input"), t = e.length; t--; ) {
+    var n = e[t];
+    n.checked && je.push(n);
+  }
+}
+function Be(o) {
+  return setTimeout(o, 0);
+}
+function it(o) {
+  return clearTimeout(o);
+}
+Ue && v(document, "touchmove", function(o) {
+  (p.active || ce) && o.cancelable && o.preventDefault();
+});
+p.utils = {
+  on: v,
+  off: m,
+  css: h,
+  find: Ot,
+  is: function(e, t) {
+    return !!W(e, t, e, !1);
+  },
+  extend: Vt,
+  throttle: It,
+  closest: W,
+  toggleClass: R,
+  clone: Pt,
+  index: X,
+  nextTick: Be,
+  cancelNextTick: it,
+  detectDirection: Mt,
+  getChild: pe,
+  expando: N
+};
+p.get = function(o) {
+  return o[N];
+};
+p.mount = function() {
+  for (var o = arguments.length, e = new Array(o), t = 0; t < o; t++)
+    e[t] = arguments[t];
+  e[0].constructor === Array && (e = e[0]), e.forEach(function(n) {
+    if (!n.prototype || !n.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
+    n.utils && (p.utils = z(z({}, p.utils), n.utils)), Pe.mount(n);
+  });
+};
+p.create = function(o, e) {
+  return new p(o, e);
+};
+p.version = Ut;
+var T = [], _e, rt, at = !1, et, tt, $e, we;
+function gn() {
+  function o() {
+    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 o.prototype = {
+    dragStarted: function(t) {
+      var n = t.originalEvent;
+      this.sortable.nativeDraggable ? v(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? v(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? v(document, "touchmove", this._handleFallbackAutoScroll) : v(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(t) {
+      var n = t.originalEvent;
+      !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? m(document, "dragover", this._handleAutoScroll) : (m(document, "pointermove", this._handleFallbackAutoScroll), m(document, "touchmove", this._handleFallbackAutoScroll), m(document, "mousemove", this._handleFallbackAutoScroll)), _t(), He(), Kt();
+    },
+    nulling: function() {
+      $e = rt = _e = at = we = et = tt = null, T.length = 0;
+    },
+    _handleFallbackAutoScroll: function(t) {
+      this._handleAutoScroll(t, !0);
+    },
+    _handleAutoScroll: function(t, n) {
+      var i = this, r = (t.touches ? t.touches[0] : t).clientX, a = (t.touches ? t.touches[0] : t).clientY, l = document.elementFromPoint(r, a);
+      if ($e = t, n || this.options.forceAutoScrollFallback || Ae || V || De) {
+        nt(t, this.options, l, n);
+        var s = ee(l, !0);
+        at && (!we || r !== et || a !== tt) && (we && _t(), we = setInterval(function() {
+          var u = ee(document.elementFromPoint(r, a), !0);
+          u !== s && (s = u, He()), nt(t, i.options, u, n);
+        }, 10), et = r, tt = a);
+      } else {
+        if (!this.options.bubbleScroll || ee(l, !0) === L()) {
+          He();
+          return;
+        }
+        nt(t, this.options, ee(l, !1), !1);
+      }
+    }
+  }, q(o, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function He() {
+  T.forEach(function(o) {
+    clearInterval(o.pid);
+  }), T = [];
+}
+function _t() {
+  clearInterval(we);
+}
+var nt = It(function(o, e, t, n) {
+  if (e.scroll) {
+    var i = (o.touches ? o.touches[0] : o).clientX, r = (o.touches ? o.touches[0] : o).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = L(), u = !1, d;
+    rt !== t && (rt = t, He(), _e = e.scroll, d = e.scrollFn, _e === !0 && (_e = ee(t, !0)));
+    var c = 0, b = _e;
+    do {
+      var _ = b, E = C(_), y = E.top, k = E.bottom, j = E.left, A = E.right, B = E.width, M = E.height, te = void 0, G = void 0, ne = _.scrollWidth, ge = _.scrollHeight, F = h(_), me = _.scrollLeft, K = _.scrollTop;
+      _ === s ? (te = B < ne && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), G = M < ge && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (te = B < ne && (F.overflowX === "auto" || F.overflowX === "scroll"), G = M < ge && (F.overflowY === "auto" || F.overflowY === "scroll"));
+      var ve = te && (Math.abs(A - i) <= a && me + B < ne) - (Math.abs(j - i) <= a && !!me), $ = G && (Math.abs(k - r) <= a && K + M < ge) - (Math.abs(y - r) <= a && !!K);
+      if (!T[c])
+        for (var oe = 0; oe <= c; oe++)
+          T[oe] || (T[oe] = {});
+      (T[c].vx != ve || T[c].vy != $ || T[c].el !== _) && (T[c].el = _, T[c].vx = ve, T[c].vy = $, clearInterval(T[c].pid), (ve != 0 || $ != 0) && (u = !0, T[c].pid = setInterval((function() {
+        n && this.layer === 0 && p.active._onTouchMove($e);
+        var be = T[this.layer].vy ? T[this.layer].vy * l : 0, Z = T[this.layer].vx ? T[this.layer].vx * l : 0;
+        typeof d == "function" && d.call(p.dragged.parentNode[N], Z, be, o, $e, T[this.layer].el) !== "continue" || At(T[this.layer].el, Z, be);
+      }).bind({
+        layer: c
+      }), 24))), c++;
+    } while (e.bubbleScroll && b !== s && (b = ee(b, !1)));
+    at = u;
+  }
+}, 30), Xt = function(e) {
+  var t = e.originalEvent, n = e.putSortable, i = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+  if (t) {
+    var u = n || r;
+    l();
+    var d = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, c = document.elementFromPoint(d.clientX, d.clientY);
+    s(), u && !u.el.contains(c) && (a("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: n
+    }));
+  }
+};
+function ut() {
+}
+ut.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var t = e.oldDraggableIndex;
+    this.startIndex = t;
+  },
+  onSpill: function(e) {
+    var t = e.dragEl, n = e.putSortable;
+    this.sortable.captureAnimationState(), n && n.captureAnimationState();
+    var i = pe(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(t, i) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+  },
+  drop: Xt
+};
+q(ut, {
+  pluginName: "revertOnSpill"
+});
+function ft() {
+}
+ft.prototype = {
+  onSpill: function(e) {
+    var t = e.dragEl, n = e.putSortable, i = n || this.sortable;
+    i.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), i.animateAll();
+  },
+  drop: Xt
+};
+q(ft, {
+  pluginName: "removeOnSpill"
+});
+p.mount(new gn());
+p.mount(ft, ut);
+function mn(o, e = We({})) {
+  const t = We(null), n = () => {
+    var i;
+    (i = t.value) != null && i.destroy && (t.value.destroy(), t.value = null);
+  };
+  return dt(
+    o,
+    (i) => {
+      i != null ? t.value = new p(i, {
+        ...e.value,
+        /**
+         * Allows the component to be dragged only
+         * with the handle component
+         */
+        handle: ".b-draggable-handle",
+        /**
+         * Disables the component from being dragged
+         */
+        filter: ".b-draggable-handle--disabled"
+      }) : n();
+    },
+    { immediate: !0 }
+  ), dt(e, (i) => {
+    if (i && t.value)
+      for (const r in i)
+        t.value.option(r, i[r]);
+  }), Dt(() => {
+    t.value && n();
+  }), {
+    draggableElement: t
+  };
+}
+let se = null;
+const ae = "1px", vn = 1e3, bn = {
+  // Standard visually hidden styles.
+  // Copied from our VisuallyHidden (react) package.
+  width: ae,
+  height: ae,
+  padding: "0",
+  position: "absolute",
+  border: "0",
+  clip: `rect(${ae}, ${ae}, ${ae}, ${ae})`,
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  // Pulling upwards slightly to prevent the page
+  // from growing when appended to a body that contains
+  // an element with height:100%
+  marginTop: `-${ae}`,
+  // Just being safe and letting this element not interfere with hitboxes
+  pointerEvents: "none"
+};
+function En() {
+  const o = document.createElement("div");
+  return o.setAttribute("role", "status"), o.setAttribute("aria-live", "polite"), Object.assign(o.style, bn), document.body.append(o), o;
+}
+function wt() {
+  return se === null && (se = En()), se;
+}
+let Ie = null;
+function kt() {
+  Ie !== null && clearTimeout(Ie), Ie = null;
+}
+function yn(o) {
+  wt(), kt(), Ie = setTimeout(() => {
+    Ie = null;
+    const e = wt();
+    e.textContent = o;
+  }, vn);
+}
+function _n() {
+  kt(), se == null || se.remove(), se = null;
+}
+const wn = {
+  name: "bento-draggable"
+}, Dn = /* @__PURE__ */ Wt({
+  ...wn,
+  props: {
+    el: { default: "div" },
+    items: { default: () => [] },
+    options: { default: () => ({}) }
+  },
+  setup(o, { expose: e }) {
+    const t = o, n = We(null), i = We(!1), r = Gt(() => n.value ? {
+      ...t.options,
+      onStart: (l) => {
+        var s, u;
+        i.value = !0, (s = t.options) != null && s.onStart && ((u = t.options) == null || u.onStart(l));
+      },
+      onEnd: (l) => {
+        setTimeout(() => {
+          var s, u;
+          i.value = !1, (s = t.options) != null && s.onEnd && ((u = t.options) == null || u.onEnd(l));
+        });
+      }
+    } : {}), { draggableElement: a } = mn(n, r);
+    return Dt(() => {
+      _n();
+    }), e({
+      /**
+       * A ref to the container DOM element.
+       */
+      containerRef: n,
+      /**
+       * The underlying SortableJS instance, which provides methods like `toArray()`, `sort()`, and `destroy()`.
+       */
+      draggableElement: a,
+      /**
+       * A boolean ref that is `true` when an item is being dragged.
+       */
+      isDragging: i,
+      /**
+       * Used to announce reordering or movement actions to screen reader users.
+       */
+      announce: yn
+    }), { __sfc: !0, props: t, containerRef: n, isDragging: i, computedOptions: r, draggableElement: a };
+  }
+});
+var Sn = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t(e.el, { ref: "containerRef", tag: "component" }, [e._l(e.items, function(n, i) {
+    return e._t("default", null, { item: n, index: i });
+  })], 2);
+}, Tn = [], Cn = /* @__PURE__ */ Lt(
+  Dn,
+  Sn,
+  Tn,
+  !1,
+  null,
+  null
+);
+const Pn = Cn.exports;
+export {
+  Pn as BentoDraggable,
+  Mn as BentoDraggableHandle
+};
+//# sourceMappingURL=draggable.js.map