@adyen/bento-vue3 1.95.0 → 1.96.0

package/dist/chunks/draggable-handle.C1dudqKz.js

@@ -0,0 +1,1649 @@
+import { ref as re, watch as at, markRaw as no, onUnmounted as Nt, defineComponent as xt, computed as Be, openBlock as ce, createBlock as Lt, resolveDynamicComponent as io, withCtx as Rt, createElementBlock as Me, Fragment as ro, renderList as ao, renderSlot as lo, createElementVNode as Ve, toDisplayString as ft, unref as lt, nextTick as bt, mergeProps as Ft, createCommentVNode as Bt, normalizeClass as so, createVNode as uo } from "vue";
+import { u as kt } from "./index.B875RXHM.js";
+import { l as co, m as Ne } from "./index.oOAkh64h.js";
+import { _ as qe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { f as fo } from "./button-actions.CxTxPprd.js";
+import { G as ho } from "./grab.DJYL4kBq.js";
+/* empty css              */
+import { A as po } from "./arrow-left.C6UiqO-c.js";
+import { A as mo } from "./arrow-right.fSdLV_ho.js";
+import "../assets/draggable-handle.css";
+function wt(n, e) {
+  var t = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(n);
+    e && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(n, i).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function q(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? wt(Object(t), !0).forEach(function(o) {
+      go(n, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : wt(Object(t)).forEach(function(o) {
+      Object.defineProperty(n, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return n;
+}
+function ke(n) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ke = function(e) {
+    return typeof e;
+  } : ke = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, ke(n);
+}
+function go(n, e, t) {
+  return e in n ? Object.defineProperty(n, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[e] = t, n;
+}
+function ee() {
+  return ee = Object.assign || function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (n[o] = t[o]);
+    }
+    return n;
+  }, ee.apply(this, arguments);
+}
+function vo(n, e) {
+  if (n == null) return {};
+  var t = {}, o = Object.keys(n), i, r;
+  for (r = 0; r < o.length; r++)
+    i = o[r], !(e.indexOf(i) >= 0) && (t[i] = n[i]);
+  return t;
+}
+function bo(n, e) {
+  if (n == null) return {};
+  var t = vo(n, e), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(n);
+    for (i = 0; i < r.length; i++)
+      o = r[i], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(n, o) && (t[o] = n[o]);
+  }
+  return t;
+}
+var wo = "1.15.6";
+function Q(n) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(n);
+}
+var te = Q(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Pe = Q(/Edge/i), yt = Q(/firefox/i), De = Q(/safari/i) && !Q(/chrome/i) && !Q(/android/i), ht = Q(/iP(ad|od|hone)/i), Ht = Q(/chrome/i) && Q(/android/i), Xt = {
+  capture: !1,
+  passive: !1
+};
+function y(n, e, t) {
+  n.addEventListener(e, t, !te && Xt);
+}
+function b(n, e, t) {
+  n.removeEventListener(e, t, !te && Xt);
+}
+function Ue(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 Yt(n) {
+  return n.host && n !== document && n.host.nodeType ? n.host : n.parentNode;
+}
+function j(n, e, t, o) {
+  if (n) {
+    t = t || document;
+    do {
+      if (e != null && (e[0] === ">" ? n.parentNode === t && Ue(n, e) : Ue(n, e)) || o && n === t)
+        return n;
+      if (n === t) break;
+    } while (n = Yt(n));
+  }
+  return null;
+}
+var Et = /\s+/g;
+function $(n, e, t) {
+  if (n && e)
+    if (n.classList)
+      n.classList[t ? "add" : "remove"](e);
+    else {
+      var o = (" " + n.className + " ").replace(Et, " ").replace(" " + e + " ", " ");
+      n.className = (o + (t ? " " + e : "")).replace(Et, " ");
+    }
+}
+function p(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 ge(n, e) {
+  var t = "";
+  if (typeof n == "string")
+    t = n;
+  else
+    do {
+      var o = p(n, "transform");
+      o && o !== "none" && (t = o + " " + t);
+    } while (!e && (n = n.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(t);
+}
+function $t(n, e, t) {
+  if (n) {
+    var o = n.getElementsByTagName(e), i = 0, r = o.length;
+    if (t)
+      for (; i < r; i++)
+        t(o[i], i);
+    return o;
+  }
+  return [];
+}
+function V() {
+  var n = document.scrollingElement;
+  return n || document.documentElement;
+}
+function O(n, e, t, o, i) {
+  if (!(!n.getBoundingClientRect && n !== window)) {
+    var r, a, s, l, u, h, c;
+    if (n !== window && n.parentNode && n !== V() ? (r = n.getBoundingClientRect(), a = r.top, s = r.left, l = r.bottom, u = r.right, h = r.height, c = r.width) : (a = 0, s = 0, l = window.innerHeight, u = window.innerWidth, h = window.innerHeight, c = window.innerWidth), (e || t) && n !== window && (i = i || n.parentNode, !te))
+      do
+        if (i && i.getBoundingClientRect && (p(i, "transform") !== "none" || t && p(i, "position") !== "static")) {
+          var v = i.getBoundingClientRect();
+          a -= v.top + parseInt(p(i, "border-top-width")), s -= v.left + parseInt(p(i, "border-left-width")), l = a + r.height, u = s + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (o && n !== window) {
+      var _ = ge(i || n), w = _ && _.a, E = _ && _.d;
+      _ && (a /= E, s /= w, c /= w, h /= E, l = a + h, u = s + c);
+    }
+    return {
+      top: a,
+      left: s,
+      bottom: l,
+      right: u,
+      width: c,
+      height: h
+    };
+  }
+}
+function _t(n, e, t) {
+  for (var o = ae(n, !0), i = O(n)[e]; o; ) {
+    var r = O(o)[t], a = void 0;
+    if (a = i >= r, !a) return o;
+    if (o === V()) break;
+    o = ae(o, !1);
+  }
+  return !1;
+}
+function ve(n, e, t, o) {
+  for (var i = 0, r = 0, a = n.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== m.ghost && (o || a[r] !== m.dragged) && j(a[r], t.draggable, n, !1)) {
+      if (i === e)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function pt(n, e) {
+  for (var t = n.lastElementChild; t && (t === m.ghost || p(t, "display") === "none" || e && !Ue(t, e)); )
+    t = t.previousElementSibling;
+  return t || null;
+}
+function z(n, e) {
+  var t = 0;
+  if (!n || !n.parentNode)
+    return -1;
+  for (; n = n.previousElementSibling; )
+    n.nodeName.toUpperCase() !== "TEMPLATE" && n !== m.clone && (!e || Ue(n, e)) && t++;
+  return t;
+}
+function Dt(n) {
+  var e = 0, t = 0, o = V();
+  if (n)
+    do {
+      var i = ge(n), r = i.a, a = i.d;
+      e += n.scrollLeft * r, t += n.scrollTop * a;
+    } while (n !== o && (n = n.parentNode));
+  return [e, t];
+}
+function yo(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 ae(n, e) {
+  if (!n || !n.getBoundingClientRect) return V();
+  var t = n, o = !1;
+  do
+    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+      var i = p(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 V();
+        if (o || e) return t;
+        o = !0;
+      }
+    }
+  while (t = t.parentNode);
+  return V();
+}
+function Eo(n, e) {
+  if (n && e)
+    for (var t in e)
+      e.hasOwnProperty(t) && (n[t] = e[t]);
+  return n;
+}
+function Ze(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 Te;
+function Ut(n, e) {
+  return function() {
+    if (!Te) {
+      var t = arguments, o = this;
+      t.length === 1 ? n.call(o, t[0]) : n.apply(o, t), Te = setTimeout(function() {
+        Te = void 0;
+      }, e);
+    }
+  };
+}
+function _o() {
+  clearTimeout(Te), Te = void 0;
+}
+function Gt(n, e, t) {
+  n.scrollLeft += e, n.scrollTop += t;
+}
+function zt(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 Wt(n, e, t) {
+  var o = {};
+  return Array.from(n.children).forEach(function(i) {
+    var r, a, s, l;
+    if (!(!j(i, e.draggable, n, !1) || i.animated || i === t)) {
+      var u = O(i);
+      o.left = Math.min((r = o.left) !== null && r !== void 0 ? r : 1 / 0, u.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, u.top), o.right = Math.max((s = o.right) !== null && s !== void 0 ? s : -1 / 0, u.right), o.bottom = Math.max((l = o.bottom) !== null && l !== void 0 ? l : -1 / 0, u.bottom);
+    }
+  }), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
+}
+var H = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Do() {
+  var n = [], e;
+  return {
+    captureAnimationState: function() {
+      if (n = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(i) {
+          if (!(p(i, "display") === "none" || i === m.ghost)) {
+            n.push({
+              target: i,
+              rect: O(i)
+            });
+            var r = q({}, n[n.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = ge(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      n.push(o);
+    },
+    removeAnimationState: function(o) {
+      n.splice(yo(n, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var r = !1, a = 0;
+      n.forEach(function(s) {
+        var l = 0, u = s.target, h = u.fromRect, c = O(u), v = u.prevFromRect, _ = u.prevToRect, w = s.rect, E = ge(u, !0);
+        E && (c.top -= E.f, c.left -= E.e), u.toRect = c, u.thisAnimationDuration && Ze(v, c) && !Ze(h, c) && // Make sure animatingRect is on line between toRect & fromRect
+        (w.top - c.top) / (w.left - c.left) === (h.top - c.top) / (h.left - c.left) && (l = So(w, v, _, i.options)), Ze(c, h) || (u.prevFromRect = h, u.prevToRect = c, l || (l = i.options.animation), i.animate(u, w, c, l)), l && (r = !0, a = Math.max(a, l), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, l), u.thisAnimationDuration = l);
+      }), clearTimeout(e), r ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), n = [];
+    },
+    animate: function(o, i, r, a) {
+      if (a) {
+        p(o, "transition", ""), p(o, "transform", "");
+        var s = ge(this.el), l = s && s.a, u = s && s.d, h = (i.left - r.left) / (l || 1), c = (i.top - r.top) / (u || 1);
+        o.animatingX = !!h, o.animatingY = !!c, p(o, "transform", "translate3d(" + h + "px," + c + "px,0)"), this.forRepaintDummy = To(o), p(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), p(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          p(o, "transition", ""), p(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function To(n) {
+  return n.offsetWidth;
+}
+function So(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 fe = [], Je = {
+  initializeByDefault: !0
+}, Oe = {
+  mount: function(e) {
+    for (var t in Je)
+      Je.hasOwnProperty(t) && !(t in e) && (e[t] = Je[t]);
+    fe.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), fe.push(e);
+  },
+  pluginEvent: function(e, t, o) {
+    var i = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    fe.forEach(function(a) {
+      t[a.pluginName] && (t[a.pluginName][r] && t[a.pluginName][r](q({
+        sortable: t
+      }, o)), t.options[a.pluginName] && t[a.pluginName][e] && t[a.pluginName][e](q({
+        sortable: t
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, t, o, i) {
+    fe.forEach(function(s) {
+      var l = s.pluginName;
+      if (!(!e.options[l] && !s.initializeByDefault)) {
+        var u = new s(e, t, e.options);
+        u.sortable = e, u.options = e.options, e[l] = u, ee(o, 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 o = {};
+    return fe.forEach(function(i) {
+      typeof i.eventProperties == "function" && ee(o, i.eventProperties.call(t[i.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, t, o) {
+    var i;
+    return fe.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[t] == "function" && (i = r.optionListeners[t].call(e[r.pluginName], o));
+    }), i;
+  }
+};
+function Co(n) {
+  var e = n.sortable, t = n.rootEl, o = n.name, i = n.targetEl, r = n.cloneEl, a = n.toEl, s = n.fromEl, l = n.oldIndex, u = n.newIndex, h = n.oldDraggableIndex, c = n.newDraggableIndex, v = n.originalEvent, _ = n.putSortable, w = n.extraEventProperties;
+  if (e = e || t && t[H], !!e) {
+    var E, R = e.options, A = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !te && !Pe ? E = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (E = document.createEvent("Event"), E.initEvent(o, !0, !0)), E.to = a || t, E.from = s || t, E.item = i || t, E.clone = r, E.oldIndex = l, E.newIndex = u, E.oldDraggableIndex = h, E.newDraggableIndex = c, E.originalEvent = v, E.pullMode = _ ? _.lastPutMode : void 0;
+    var N = q(q({}, w), Oe.getEventProperties(o, e));
+    for (var X in N)
+      E[X] = N[X];
+    t && t.dispatchEvent(E), R[A] && R[A].call(e, E);
+  }
+}
+var Io = ["evt"], k = function(e, t) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = o.evt, r = bo(o, Io);
+  Oe.pluginEvent.bind(m)(e, t, q({
+    dragEl: d,
+    parentEl: C,
+    ghostEl: g,
+    rootEl: D,
+    nextEl: de,
+    lastDownEl: He,
+    cloneEl: T,
+    cloneHidden: ie,
+    dragStarted: ye,
+    putSortable: x,
+    activeSortable: m.active,
+    originalEvent: i,
+    oldIndex: me,
+    oldDraggableIndex: Se,
+    newIndex: U,
+    newDraggableIndex: ne,
+    hideGhostForTarget: Kt,
+    unhideGhostForTarget: Zt,
+    cloneNowHidden: function() {
+      ie = !0;
+    },
+    cloneNowShown: function() {
+      ie = !1;
+    },
+    dispatchSortableEvent: function(s) {
+      B({
+        sortable: t,
+        name: s,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function B(n) {
+  Co(q({
+    putSortable: x,
+    cloneEl: T,
+    targetEl: d,
+    rootEl: D,
+    oldIndex: me,
+    oldDraggableIndex: Se,
+    newIndex: U,
+    newDraggableIndex: ne
+  }, n));
+}
+var d, C, g, D, de, He, T, ie, me, U, Se, ne, xe, x, pe = !1, Ge = !1, ze = [], se, W, Qe, et, Tt, St, ye, he, Ce, Ie = !1, Le = !1, Xe, L, tt = [], st = !1, We = [], Ke = typeof document < "u", Re = ht, Ct = Pe || te ? "cssFloat" : "float", Mo = Ke && !Ht && !ht && "draggable" in document.createElement("div"), jt = (function() {
+  if (Ke) {
+    if (te)
+      return !1;
+    var n = document.createElement("x");
+    return n.style.cssText = "pointer-events:auto", n.style.pointerEvents === "auto";
+  }
+})(), Vt = function(e, t) {
+  var o = p(e), i = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), r = ve(e, 0, t), a = ve(e, 1, t), s = r && p(r), l = a && p(a), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + O(r).width, h = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + O(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 (r && s.float && s.float !== "none") {
+    var c = s.float === "left" ? "left" : "right";
+    return a && (l.clear === "both" || l.clear === c) ? "vertical" : "horizontal";
+  }
+  return r && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= i && o[Ct] === "none" || a && o[Ct] === "none" && u + h > i) ? "vertical" : "horizontal";
+}, Po = function(e, t, o) {
+  var i = o ? e.left : e.top, r = o ? e.right : e.bottom, a = o ? e.width : e.height, s = o ? t.left : t.top, l = o ? t.right : t.bottom, u = o ? t.width : t.height;
+  return i === s || r === l || i + a / 2 === s + u / 2;
+}, Oo = function(e, t) {
+  var o;
+  return ze.some(function(i) {
+    var r = i[H].options.emptyInsertThreshold;
+    if (!(!r || pt(i))) {
+      var a = O(i), s = e >= a.left - r && e <= a.right + r, l = t >= a.top - r && t <= a.bottom + r;
+      if (s && l)
+        return o = i;
+    }
+  }), o;
+}, qt = function(e) {
+  function t(r, a) {
+    return function(s, l, u, h) {
+      var c = s.options.group.name && l.options.group.name && s.options.group.name === l.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(s, l, u, h), a)(s, l, u, h);
+      var v = (a ? s : l).options.group.name;
+      return r === !0 || typeof r == "string" && r === v || r.join && r.indexOf(v) > -1;
+    };
+  }
+  var o = {}, i = e.group;
+  (!i || ke(i) != "object") && (i = {
+    name: i
+  }), o.name = i.name, o.checkPull = t(i.pull, !0), o.checkPut = t(i.put), o.revertClone = i.revertClone, e.group = o;
+}, Kt = function() {
+  !jt && g && p(g, "display", "none");
+}, Zt = function() {
+  !jt && g && p(g, "display", "");
+};
+Ke && !Ht && document.addEventListener("click", function(n) {
+  if (Ge)
+    return n.preventDefault(), n.stopPropagation && n.stopPropagation(), n.stopImmediatePropagation && n.stopImmediatePropagation(), Ge = !1, !1;
+}, !0);
+var ue = function(e) {
+  if (d) {
+    e = e.touches ? e.touches[0] : e;
+    var t = Oo(e.clientX, e.clientY);
+    if (t) {
+      var o = {};
+      for (var i in e)
+        e.hasOwnProperty(i) && (o[i] = e[i]);
+      o.target = o.rootEl = t, o.preventDefault = void 0, o.stopPropagation = void 0, t[H]._onDragOver(o);
+    }
+  }
+}, Ao = function(e) {
+  d && d.parentNode[H]._isOutsideThisEl(e.target);
+};
+function m(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 = ee({}, e), n[H] = 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 Vt(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: m.supportPointer !== !1 && "PointerEvent" in window && (!De || ht),
+    emptyInsertThreshold: 5
+  };
+  Oe.initializePlugins(this, n, t);
+  for (var o in t)
+    !(o in e) && (e[o] = t[o]);
+  qt(e);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : Mo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? y(n, "pointerdown", this._onTapStart) : (y(n, "mousedown", this._onTapStart), y(n, "touchstart", this._onTapStart)), this.nativeDraggable && (y(n, "dragover", this), y(n, "dragenter", this)), ze.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ee(this, Do());
+}
+m.prototype = /** @lends Sortable.prototype */
+{
+  constructor: m,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (he = 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, i = this.options, r = i.preventOnFilter, a = e.type, s = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, l = (s || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || l, h = i.filter;
+      if (Ho(o), !d && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && De && l && l.tagName.toUpperCase() === "SELECT") && (l = j(l, i.draggable, o, !1), !(l && l.animated) && He !== l)) {
+        if (me = z(l), Se = z(l, i.draggable), typeof h == "function") {
+          if (h.call(this, e, l, this)) {
+            B({
+              sortable: t,
+              rootEl: u,
+              name: "filter",
+              targetEl: l,
+              toEl: o,
+              fromEl: o
+            }), k("filter", t, {
+              evt: e
+            }), r && e.preventDefault();
+            return;
+          }
+        } else if (h && (h = h.split(",").some(function(c) {
+          if (c = j(u, c.trim(), o, !1), c)
+            return B({
+              sortable: t,
+              rootEl: c,
+              name: "filter",
+              targetEl: l,
+              fromEl: o,
+              toEl: o
+            }), k("filter", t, {
+              evt: e
+            }), !0;
+        }), h)) {
+          r && e.preventDefault();
+          return;
+        }
+        i.handle && !j(u, i.handle, o, !1) || this._prepareDragStart(e, s, l);
+      }
+    }
+  },
+  _prepareDragStart: function(e, t, o) {
+    var i = this, r = i.el, a = i.options, s = r.ownerDocument, l;
+    if (o && !d && o.parentNode === r) {
+      var u = O(o);
+      if (D = r, d = o, C = d.parentNode, de = d.nextSibling, He = o, xe = a.group, m.dragged = d, se = {
+        target: d,
+        clientX: (t || e).clientX,
+        clientY: (t || e).clientY
+      }, Tt = se.clientX - u.left, St = se.clientY - u.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, d.style["will-change"] = "all", l = function() {
+        if (k("delayEnded", i, {
+          evt: e
+        }), m.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !yt && i.nativeDraggable && (d.draggable = !0), i._triggerDragStart(e, t), B({
+          sortable: i,
+          name: "choose",
+          originalEvent: e
+        }), $(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(h) {
+        $t(d, h.trim(), ot);
+      }), y(s, "dragover", ue), y(s, "mousemove", ue), y(s, "touchmove", ue), a.supportPointer ? (y(s, "pointerup", i._onDrop), !this.nativeDraggable && y(s, "pointercancel", i._onDrop)) : (y(s, "mouseup", i._onDrop), y(s, "touchend", i._onDrop), y(s, "touchcancel", i._onDrop)), yt && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), k("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Pe || te))) {
+        if (m.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        a.supportPointer ? (y(s, "pointerup", i._disableDelayedDrag), y(s, "pointercancel", i._disableDelayedDrag)) : (y(s, "mouseup", i._disableDelayedDrag), y(s, "touchend", i._disableDelayedDrag), y(s, "touchcancel", i._disableDelayedDrag)), y(s, "mousemove", i._delayedDragTouchMoveHandler), y(s, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && y(s, "pointermove", i._delayedDragTouchMoveHandler), i._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 && ot(d), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    b(e, "mouseup", this._disableDelayedDrag), b(e, "touchend", this._disableDelayedDrag), b(e, "touchcancel", this._disableDelayedDrag), b(e, "pointerup", this._disableDelayedDrag), b(e, "pointercancel", this._disableDelayedDrag), b(e, "mousemove", this._delayedDragTouchMoveHandler), b(e, "touchmove", this._delayedDragTouchMoveHandler), b(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, t) {
+    t = t || e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? y(document, "pointermove", this._onTouchMove) : t ? y(document, "touchmove", this._onTouchMove) : y(document, "mousemove", this._onTouchMove) : (y(d, "dragend", this), y(D, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Ye(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, t) {
+    if (pe = !1, D && d) {
+      k("dragStarted", this, {
+        evt: t
+      }), this.nativeDraggable && y(document, "dragover", Ao);
+      var o = this.options;
+      !e && $(d, o.dragClass, !1), $(d, o.ghostClass, !0), m.active = this, e && this._appendGhost(), B({
+        sortable: this,
+        name: "start",
+        originalEvent: t
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (W) {
+      this._lastX = W.clientX, this._lastY = W.clientY, Kt();
+      for (var e = document.elementFromPoint(W.clientX, W.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(W.clientX, W.clientY), e !== t); )
+        t = e;
+      if (d.parentNode[H]._isOutsideThisEl(e), t)
+        do {
+          if (t[H]) {
+            var o = void 0;
+            if (o = t[H]._onDragOver({
+              clientX: W.clientX,
+              clientY: W.clientY,
+              target: e,
+              rootEl: t
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = t;
+        } while (t = Yt(t));
+      Zt();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (se) {
+      var t = this.options, o = t.fallbackTolerance, i = t.fallbackOffset, r = e.touches ? e.touches[0] : e, a = g && ge(g, !0), s = g && a && a.a, l = g && a && a.d, u = Re && L && Dt(L), h = (r.clientX - se.clientX + i.x) / (s || 1) + (u ? u[0] - tt[0] : 0) / (s || 1), c = (r.clientY - se.clientY + i.y) / (l || 1) + (u ? u[1] - tt[1] : 0) / (l || 1);
+      if (!m.active && !pe) {
+        if (o && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (g) {
+        a ? (a.e += h - (Qe || 0), a.f += c - (et || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: h,
+          f: c
+        };
+        var v = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        p(g, "webkitTransform", v), p(g, "mozTransform", v), p(g, "msTransform", v), p(g, "transform", v), Qe = h, et = c, W = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!g) {
+      var e = this.options.fallbackOnBody ? document.body : D, t = O(d, !0, Re, !0, e), o = this.options;
+      if (Re) {
+        for (L = e; p(L, "position") === "static" && p(L, "transform") === "none" && L !== document; )
+          L = L.parentNode;
+        L !== document.body && L !== document.documentElement ? (L === document && (L = V()), t.top += L.scrollTop, t.left += L.scrollLeft) : L = V(), tt = Dt(L);
+      }
+      g = d.cloneNode(!0), $(g, o.ghostClass, !1), $(g, o.fallbackClass, !0), $(g, o.dragClass, !0), p(g, "transition", ""), p(g, "transform", ""), p(g, "box-sizing", "border-box"), p(g, "margin", 0), p(g, "top", t.top), p(g, "left", t.left), p(g, "width", t.width), p(g, "height", t.height), p(g, "opacity", "0.8"), p(g, "position", Re ? "absolute" : "fixed"), p(g, "zIndex", "100000"), p(g, "pointerEvents", "none"), m.ghost = g, e.appendChild(g), p(g, "transform-origin", Tt / parseInt(g.style.width) * 100 + "% " + St / parseInt(g.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, t) {
+    var o = this, i = e.dataTransfer, r = o.options;
+    if (k("dragStart", this, {
+      evt: e
+    }), m.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    k("setupClone", this), m.eventCanceled || (T = zt(d), T.removeAttribute("id"), T.draggable = !1, T.style["will-change"] = "", this._hideClone(), $(T, this.options.chosenClass, !1), m.clone = T), o.cloneId = Ye(function() {
+      k("clone", o), !m.eventCanceled && (o.options.removeCloneOnHide || D.insertBefore(T, d), o._hideClone(), B({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !t && $(d, r.dragClass, !0), t ? (Ge = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (b(document, "mouseup", o._onDrop), b(document, "touchend", o._onDrop), b(document, "touchcancel", o._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(o, i, d)), y(document, "drop", o), p(d, "transform", "translateZ(0)")), pe = !0, o._dragStartId = Ye(o._dragStarted.bind(o, t, e)), y(document, "selectstart", o), ye = !0, window.getSelection().removeAllRanges(), De && p(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, i, r, a, s = this.options, l = s.group, u = m.active, h = xe === l, c = s.sort, v = x || u, _, w = this, E = !1;
+    if (st) return;
+    function R(we, to) {
+      k(we, w, q({
+        evt: e,
+        isOwner: h,
+        axis: _ ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: c,
+        fromSortable: v,
+        target: o,
+        completed: N,
+        onMove: function(vt, oo) {
+          return Fe(D, t, d, i, vt, O(vt), e, oo);
+        },
+        changed: X
+      }, to));
+    }
+    function A() {
+      R("dragOverAnimationCapture"), w.captureAnimationState(), w !== v && v.captureAnimationState();
+    }
+    function N(we) {
+      return R("dragOverCompleted", {
+        insertion: we
+      }), we && (h ? u._hideClone() : u._showClone(w), w !== v && ($(d, x ? x.options.ghostClass : u.options.ghostClass, !1), $(d, s.ghostClass, !0)), x !== w && w !== m.active ? x = w : w === m.active && x && (x = null), v === w && (w._ignoreWhileAnimating = o), w.animateAll(function() {
+        R("dragOverAnimationComplete"), w._ignoreWhileAnimating = null;
+      }), w !== v && (v.animateAll(), v._ignoreWhileAnimating = null)), (o === d && !d.animated || o === t && !o.animated) && (he = null), !s.dragoverBubble && !e.rootEl && o !== document && (d.parentNode[H]._isOutsideThisEl(e.target), !we && ue(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), E = !0;
+    }
+    function X() {
+      U = z(d), ne = z(d, s.draggable), B({
+        sortable: w,
+        name: "change",
+        toEl: t,
+        newIndex: U,
+        newDraggableIndex: ne,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = j(o, s.draggable, t, !0), R("dragOver"), m.eventCanceled) return E;
+    if (d.contains(e.target) || o.animated && o.animatingX && o.animatingY || w._ignoreWhileAnimating === o)
+      return N(!1);
+    if (Ge = !1, u && !s.disabled && (h ? c || (a = C !== D) : x === this || (this.lastPutMode = xe.checkPull(this, u, d, e)) && l.checkPut(this, u, d, e))) {
+      if (_ = this._getDirection(e, o) === "vertical", i = O(d), R("dragOverValid"), m.eventCanceled) return E;
+      if (a)
+        return C = D, A(), this._hideClone(), R("revert"), m.eventCanceled || (de ? D.insertBefore(d, de) : D.appendChild(d)), N(!0);
+      var F = pt(t, s.draggable);
+      if (!F || Ro(e, _, this) && !F.animated) {
+        if (F === d)
+          return N(!1);
+        if (F && t === e.target && (o = F), o && (r = O(o)), Fe(D, t, d, i, o, r, e, !!o) !== !1)
+          return A(), F && F.nextSibling ? t.insertBefore(d, F.nextSibling) : t.appendChild(d), C = t, X(), N(!0);
+      } else if (F && Lo(e, _, this)) {
+        var K = ve(t, 0, s, !0);
+        if (K === d)
+          return N(!1);
+        if (o = K, r = O(o), Fe(D, t, d, i, o, r, e, !1) !== !1)
+          return A(), t.insertBefore(d, K), C = t, X(), N(!0);
+      } else if (o.parentNode === t) {
+        r = O(o);
+        var G = 0, Z, le = d.parentNode !== t, f = !Po(d.animated && d.toRect || i, o.animated && o.toRect || r, _), S = _ ? "top" : "left", I = _t(o, "top", "top") || _t(d, "top", "top"), M = I ? I.scrollTop : void 0;
+        he !== o && (Z = r[S], Ie = !1, Le = !f && s.invertSwap || le), G = Fo(e, o, r, _, f ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Le, he === o);
+        var Y;
+        if (G !== 0) {
+          var J = z(d);
+          do
+            J -= G, Y = C.children[J];
+          while (Y && (p(Y, "display") === "none" || Y === g));
+        }
+        if (G === 0 || Y === o)
+          return N(!1);
+        he = o, Ce = G;
+        var be = o.nextElementSibling, oe = !1;
+        oe = G === 1;
+        var Ae = Fe(D, t, d, i, o, r, e, oe);
+        if (Ae !== !1)
+          return (Ae === 1 || Ae === -1) && (oe = Ae === 1), st = !0, setTimeout(xo, 30), A(), oe && !be ? t.appendChild(d) : o.parentNode.insertBefore(d, oe ? be : o), I && Gt(I, 0, M - I.scrollTop), C = d.parentNode, Z !== void 0 && !Le && (Xe = Math.abs(Z - O(o)[S])), X(), N(!0);
+      }
+      if (t.contains(d))
+        return N(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    b(document, "mousemove", this._onTouchMove), b(document, "touchmove", this._onTouchMove), b(document, "pointermove", this._onTouchMove), b(document, "dragover", ue), b(document, "mousemove", ue), b(document, "touchmove", ue);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    b(e, "mouseup", this._onDrop), b(e, "touchend", this._onDrop), b(e, "pointerup", this._onDrop), b(e, "pointercancel", this._onDrop), b(e, "touchcancel", this._onDrop), b(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var t = this.el, o = this.options;
+    if (U = z(d), ne = z(d, o.draggable), k("drop", this, {
+      evt: e
+    }), C = d && d.parentNode, U = z(d), ne = z(d, o.draggable), m.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    pe = !1, Le = !1, Ie = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ut(this.cloneId), ut(this._dragStartId), this.nativeDraggable && (b(document, "drop", this), b(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), De && p(document.body, "user-select", ""), p(d, "transform", ""), e && (ye && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (D === C || x && x.lastPutMode !== "clone") && T && T.parentNode && T.parentNode.removeChild(T), d && (this.nativeDraggable && b(d, "dragend", this), ot(d), d.style["will-change"] = "", ye && !pe && $(d, x ? x.options.ghostClass : this.options.ghostClass, !1), $(d, this.options.chosenClass, !1), B({
+      sortable: this,
+      name: "unchoose",
+      toEl: C,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), D !== C ? (U >= 0 && (B({
+      rootEl: C,
+      name: "add",
+      toEl: C,
+      fromEl: D,
+      originalEvent: e
+    }), B({
+      sortable: this,
+      name: "remove",
+      toEl: C,
+      originalEvent: e
+    }), B({
+      rootEl: C,
+      name: "sort",
+      toEl: C,
+      fromEl: D,
+      originalEvent: e
+    }), B({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: e
+    })), x && x.save()) : U !== me && U >= 0 && (B({
+      sortable: this,
+      name: "update",
+      toEl: C,
+      originalEvent: e
+    }), B({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: e
+    })), m.active && ((U == null || U === -1) && (U = me, ne = Se), B({
+      sortable: this,
+      name: "end",
+      toEl: C,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    k("nulling", this), D = d = C = g = de = T = He = ie = se = W = ye = U = ne = me = Se = he = Ce = x = xe = m.dragged = m.ghost = m.clone = m.active = null, We.forEach(function(e) {
+      e.checked = !0;
+    }), We.length = Qe = et = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(e), No(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, i = 0, r = o.length, a = this.options; i < r; i++)
+      t = o[i], j(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || ko(t));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, t) {
+    var o = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var s = i.children[a];
+      j(s, this.options.draggable, i, !1) && (o[r] = s);
+    }, this), t && this.captureAnimationState(), e.forEach(function(r) {
+      o[r] && (i.removeChild(o[r]), i.appendChild(o[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 j(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 i = Oe.modifyOption(this, e, t);
+    typeof i < "u" ? o[e] = i : o[e] = t, e === "group" && qt(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    k("destroy", this);
+    var e = this.el;
+    e[H] = null, b(e, "mousedown", this._onTapStart), b(e, "touchstart", this._onTapStart), b(e, "pointerdown", this._onTapStart), this.nativeDraggable && (b(e, "dragover", this), b(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 (!ie) {
+      if (k("hideClone", this), m.eventCanceled) return;
+      p(T, "display", "none"), this.options.removeCloneOnHide && T.parentNode && T.parentNode.removeChild(T), ie = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (ie) {
+      if (k("showClone", this), m.eventCanceled) return;
+      d.parentNode == D && !this.options.group.revertClone ? D.insertBefore(T, d) : de ? D.insertBefore(T, de) : D.appendChild(T), this.options.group.revertClone && this.animate(d, T), p(T, "display", ""), ie = !1;
+    }
+  }
+};
+function No(n) {
+  n.dataTransfer && (n.dataTransfer.dropEffect = "move"), n.cancelable && n.preventDefault();
+}
+function Fe(n, e, t, o, i, r, a, s) {
+  var l, u = n[H], h = u.options.onMove, c;
+  return window.CustomEvent && !te && !Pe ? 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 = i || e, l.relatedRect = r || O(e), l.willInsertAfter = s, l.originalEvent = a, n.dispatchEvent(l), h && (c = h.call(u, l, a)), c;
+}
+function ot(n) {
+  n.draggable = !1;
+}
+function xo() {
+  st = !1;
+}
+function Lo(n, e, t) {
+  var o = O(ve(t.el, 0, t.options, !0)), i = Wt(t.el, t.options, g), r = 10;
+  return e ? n.clientX < i.left - r || n.clientY < o.top && n.clientX < o.right : n.clientY < i.top - r || n.clientY < o.bottom && n.clientX < o.left;
+}
+function Ro(n, e, t) {
+  var o = O(pt(t.el, t.options.draggable)), i = Wt(t.el, t.options, g), r = 10;
+  return e ? n.clientX > i.right + r || n.clientY > o.bottom && n.clientX > o.left : n.clientY > i.bottom + r || n.clientX > o.right && n.clientY > o.top;
+}
+function Fo(n, e, t, o, i, r, a, s) {
+  var l = o ? n.clientY : n.clientX, u = o ? t.height : t.width, h = o ? t.top : t.left, c = o ? t.bottom : t.right, v = !1;
+  if (!a) {
+    if (s && Xe < u * i) {
+      if (!Ie && (Ce === 1 ? l > h + u * r / 2 : l < c - u * r / 2) && (Ie = !0), Ie)
+        v = !0;
+      else if (Ce === 1 ? l < h + Xe : l > c - Xe)
+        return -Ce;
+    } else if (l > h + u * (1 - i) / 2 && l < c - u * (1 - i) / 2)
+      return Bo(e);
+  }
+  return v = v || a, v && (l < h + u * r / 2 || l > c - u * r / 2) ? l > h + u / 2 ? 1 : -1 : 0;
+}
+function Bo(n) {
+  return z(d) < z(n) ? 1 : -1;
+}
+function ko(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 Ho(n) {
+  We.length = 0;
+  for (var e = n.getElementsByTagName("input"), t = e.length; t--; ) {
+    var o = e[t];
+    o.checked && We.push(o);
+  }
+}
+function Ye(n) {
+  return setTimeout(n, 0);
+}
+function ut(n) {
+  return clearTimeout(n);
+}
+Ke && y(document, "touchmove", function(n) {
+  (m.active || pe) && n.cancelable && n.preventDefault();
+});
+m.utils = {
+  on: y,
+  off: b,
+  css: p,
+  find: $t,
+  is: function(e, t) {
+    return !!j(e, t, e, !1);
+  },
+  extend: Eo,
+  throttle: Ut,
+  closest: j,
+  toggleClass: $,
+  clone: zt,
+  index: z,
+  nextTick: Ye,
+  cancelNextTick: ut,
+  detectDirection: Vt,
+  getChild: ve,
+  expando: H
+};
+m.get = function(n) {
+  return n[H];
+};
+m.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 && (m.utils = q(q({}, m.utils), o.utils)), Oe.mount(o);
+  });
+};
+m.create = function(n, e) {
+  return new m(n, e);
+};
+m.version = wo;
+var P = [], Ee, dt, ct = !1, nt, it, je, _e;
+function Xo() {
+  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 ? y(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? y(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? y(document, "touchmove", this._handleFallbackAutoScroll) : y(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(t) {
+      var o = t.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? b(document, "dragover", this._handleAutoScroll) : (b(document, "pointermove", this._handleFallbackAutoScroll), b(document, "touchmove", this._handleFallbackAutoScroll), b(document, "mousemove", this._handleFallbackAutoScroll)), It(), $e(), _o();
+    },
+    nulling: function() {
+      je = dt = Ee = ct = _e = nt = it = null, P.length = 0;
+    },
+    _handleFallbackAutoScroll: function(t) {
+      this._handleAutoScroll(t, !0);
+    },
+    _handleAutoScroll: function(t, o) {
+      var i = this, r = (t.touches ? t.touches[0] : t).clientX, a = (t.touches ? t.touches[0] : t).clientY, s = document.elementFromPoint(r, a);
+      if (je = t, o || this.options.forceAutoScrollFallback || Pe || te || De) {
+        rt(t, this.options, s, o);
+        var l = ae(s, !0);
+        ct && (!_e || r !== nt || a !== it) && (_e && It(), _e = setInterval(function() {
+          var u = ae(document.elementFromPoint(r, a), !0);
+          u !== l && (l = u, $e()), rt(t, i.options, u, o);
+        }, 10), nt = r, it = a);
+      } else {
+        if (!this.options.bubbleScroll || ae(s, !0) === V()) {
+          $e();
+          return;
+        }
+        rt(t, this.options, ae(s, !1), !1);
+      }
+    }
+  }, ee(n, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function $e() {
+  P.forEach(function(n) {
+    clearInterval(n.pid);
+  }), P = [];
+}
+function It() {
+  clearInterval(_e);
+}
+var rt = Ut(function(n, e, t, o) {
+  if (e.scroll) {
+    var i = (n.touches ? n.touches[0] : n).clientX, r = (n.touches ? n.touches[0] : n).clientY, a = e.scrollSensitivity, s = e.scrollSpeed, l = V(), u = !1, h;
+    dt !== t && (dt = t, $e(), Ee = e.scroll, h = e.scrollFn, Ee === !0 && (Ee = ae(t, !0)));
+    var c = 0, v = Ee;
+    do {
+      var _ = v, w = O(_), E = w.top, R = w.bottom, A = w.left, N = w.right, X = w.width, F = w.height, K = void 0, G = void 0, Z = _.scrollWidth, le = _.scrollHeight, f = p(_), S = _.scrollLeft, I = _.scrollTop;
+      _ === l ? (K = X < Z && (f.overflowX === "auto" || f.overflowX === "scroll" || f.overflowX === "visible"), G = F < le && (f.overflowY === "auto" || f.overflowY === "scroll" || f.overflowY === "visible")) : (K = X < Z && (f.overflowX === "auto" || f.overflowX === "scroll"), G = F < le && (f.overflowY === "auto" || f.overflowY === "scroll"));
+      var M = K && (Math.abs(N - i) <= a && S + X < Z) - (Math.abs(A - i) <= a && !!S), Y = G && (Math.abs(R - r) <= a && I + F < le) - (Math.abs(E - r) <= a && !!I);
+      if (!P[c])
+        for (var J = 0; J <= c; J++)
+          P[J] || (P[J] = {});
+      (P[c].vx != M || P[c].vy != Y || P[c].el !== _) && (P[c].el = _, P[c].vx = M, P[c].vy = Y, clearInterval(P[c].pid), (M != 0 || Y != 0) && (u = !0, P[c].pid = setInterval((function() {
+        o && this.layer === 0 && m.active._onTouchMove(je);
+        var be = P[this.layer].vy ? P[this.layer].vy * s : 0, oe = P[this.layer].vx ? P[this.layer].vx * s : 0;
+        typeof h == "function" && h.call(m.dragged.parentNode[H], oe, be, n, je, P[this.layer].el) !== "continue" || Gt(P[this.layer].el, oe, be);
+      }).bind({
+        layer: c
+      }), 24))), c++;
+    } while (e.bubbleScroll && v !== l && (v = ae(v, !1)));
+    ct = u;
+  }
+}, 30), Jt = function(e) {
+  var t = e.originalEvent, o = e.putSortable, i = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, s = e.hideGhostForTarget, l = e.unhideGhostForTarget;
+  if (t) {
+    var u = o || r;
+    s();
+    var h = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, c = document.elementFromPoint(h.clientX, h.clientY);
+    l(), u && !u.el.contains(c) && (a("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: o
+    }));
+  }
+};
+function mt() {
+}
+mt.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 i = ve(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(t, i) : this.sortable.el.appendChild(t), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: Jt
+};
+ee(mt, {
+  pluginName: "revertOnSpill"
+});
+function gt() {
+}
+gt.prototype = {
+  onSpill: function(e) {
+    var t = e.dragEl, o = e.putSortable, i = o || this.sortable;
+    i.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), i.animateAll();
+  },
+  drop: Jt
+};
+ee(gt, {
+  pluginName: "removeOnSpill"
+});
+m.mount(new Xo());
+m.mount(gt, mt);
+function Yo(n, e = re({})) {
+  const t = re(null), o = () => {
+    t.value?.destroy && (t.value.destroy(), t.value = null);
+  };
+  return at(
+    n,
+    (i) => {
+      if (i != null) {
+        const r = new m(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"
+        });
+        t.value = no(r);
+      } else
+        o();
+    },
+    { immediate: !0 }
+  ), at(e, (i) => {
+    if (i && t.value)
+      for (const r in i)
+        t.value.option(r, i[r]);
+  }), Nt(() => {
+    t.value && o();
+  }), {
+    draggableElement: t
+  };
+}
+const $o = 1e3;
+function Uo() {
+  const n = re("");
+  let e = null;
+  const t = () => {
+    e && (clearTimeout(e), e = null);
+  }, o = (i) => {
+    t(), n.value = "", e = setTimeout(() => {
+      n.value = i, e = null;
+    }, $o);
+  };
+  return Nt(() => {
+    t();
+  }), {
+    /**
+     * The message to be announced to screen readers.
+     */
+    announcementMessage: n,
+    /**
+     * Method to trigger an announcement.
+     */
+    announce: o
+  };
+}
+const Go = co(() => {
+  const n = re(!1);
+  return typeof window < "u" && (Ne(
+    window,
+    "keydown",
+    (e) => {
+      e.key === "Tab" && (n.value = !0);
+    },
+    { capture: !0 }
+  ), Ne(
+    window,
+    "mousedown",
+    () => {
+      n.value = !1;
+    },
+    { capture: !0 }
+  ), Ne(
+    window,
+    "touchstart",
+    () => {
+      n.value = !1;
+    },
+    { capture: !0, passive: !0 }
+  ), Ne(window, "blur", () => {
+    n.value = !1;
+  })), { isKeyboardUser: n };
+}), Qt = {
+  "de-DE": { youHaveMovedFromPositionToPosition: "Sie haben {itemLabel} von Position {indexOrigin} an Position {indexTarget} von {total} verschoben." },
+  "en-GB": { youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}." },
+  "en-US": { youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}." },
+  "es-ES": { youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}." },
+  "es-MX": { youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}." },
+  "fr-FR": { youHaveMovedFromPositionToPosition: "Vous avez déplacé {itemLabel} de la position {indexOrigin} à la position {indexTarget} sur {total}." },
+  "it-IT": { youHaveMovedFromPositionToPosition: "Hai spostato {itemLabel} dalla posizione {indexOrigin} alla posizione {indexTarget} di {total}." },
+  "ja-JP": { youHaveMovedFromPositionToPosition: "{itemLabel} を {indexOrigin} の位置から {total} の {indexTarget} の位置に移動しました。" },
+  "pt-BR": { youHaveMovedFromPositionToPosition: "Você moveu {itemLabel} da posição {indexOrigin} para a posição {indexTarget} de {total}." },
+  "zh-CN": { youHaveMovedFromPositionToPosition: "您已将 {itemLabel} 从 {indexOrigin} 位置移动到 {indexTarget} 位置（共 {total} 个位置）。" }
+}, zo = {
+  class: "b-draggable__announcement",
+  role: "status",
+  "aria-live": "polite"
+}, Wo = {
+  name: "bento-draggable",
+  model: { prop: "items", event: "update:items" },
+  i18n: { messages: Qt }
+}, jo = /* @__PURE__ */ xt({
+  ...Wo,
+  props: {
+    announcement: { default: "" },
+    disableAutoSort: { type: Boolean, default: !1 },
+    el: { default: "div" },
+    items: { default: () => [] },
+    options: { default: () => ({}) }
+  },
+  emits: ["update:items"],
+  setup(n, { expose: e, emit: t }) {
+    const o = ">:not(.b-draggable__announcement)", i = n, r = t, a = re(null), s = re(!1), l = re([]), u = re(null), h = Be(() => a.value ? {
+      ...i.options,
+      draggable: i.options?.draggable ?? o,
+      onStart: (f) => {
+        s.value = !0, i.options?.onStart && i.options?.onStart(f);
+      },
+      onEnd: (f) => {
+        setTimeout(() => {
+          s.value = !1, i.options?.onEnd && i.options?.onEnd(f);
+        });
+      },
+      onSort: (f) => {
+        if (i.options?.onSort) {
+          i.options.onSort(f);
+          return;
+        }
+        if (!i.disableAutoSort) {
+          const { oldIndex: S, newIndex: I, from: M, to: Y } = f;
+          M === Y && M === a.value && S !== void 0 && I !== void 0 && A(S, I);
+        }
+      }
+    } : {}), { announcementMessage: c, announce: v } = Uo(), { t: _ } = kt({ messages: Qt }), { draggableElement: w } = Yo(a, h), { isKeyboardUser: E } = Go(), R = async (f) => {
+      if (await bt(), f !== -1 && a.value) {
+        const I = a.value.children[f]?.querySelector(".b-draggable-handle button");
+        await bt(), I?.focus();
+      }
+    }, A = async (f, S) => {
+      if (f < 0 || S < 0 || f >= i.items.length || S >= i.items.length || f === S)
+        return;
+      const I = Array.from(i.items), [M] = I.splice(f, 1);
+      I.splice(S, 0, M), u.value = M, r("update:items", I.filter(Boolean));
+      const Y = M.label, J = i?.announcement || _("youHaveMovedFromPositionToPosition", {
+        itemLabel: Y,
+        indexOrigin: f + 1,
+        indexTarget: S + 1,
+        total: i.items.length
+      });
+      i.announcement !== "disabled" && v(J);
+    }, N = (f) => A(f, f - 1), X = (f) => A(f, f + 1), F = (f) => A(f, f - 1), K = (f) => A(f, f + 1), G = (f) => A(f, 0), Z = (f) => A(f, i.items.length - 1), le = (f) => ({
+      up: f === 0,
+      top: f === 0,
+      down: f === i.items.length - 1,
+      bottom: f === i.items.length - 1,
+      left: !0,
+      right: !0
+    });
+    return at(
+      () => i.items,
+      async (f) => {
+        if (f) {
+          if (E.value && f.length > 0 && l.value.length > 0) {
+            if (u.value) {
+              const S = f.indexOf(u.value);
+              S !== -1 && await R(S), u.value = null;
+            } else if (f.length > l.value.length) {
+              const S = f.findIndex((I) => !l.value.includes(I));
+              S !== -1 && await R(S);
+            }
+          }
+          l.value = [...f];
+        }
+      },
+      { deep: !0, immediate: !0 }
+    ), e({
+      /**
+       * A ref to the container DOM element.
+       */
+      containerRef: a,
+      /**
+       * The underlying SortableJS instance, which provides methods like `toArray()`, `sort()`, and `destroy()`.
+       */
+      draggableElement: w,
+      /**
+       * A boolean ref that is `true` when an item is being dragged.
+       */
+      isDragging: s,
+      /**
+       * Announces a message to screen reader users via the live region.
+       */
+      announce: v,
+      /**
+       * Moves an item from one index to another and emits the updated list.
+       */
+      moveItem: A,
+      /**
+       * Programmatically focuses the draggable handle button at the given index.
+       */
+      focus: R
+    }), (f, S) => (ce(), Lt(io(f.el), {
+      ref_key: "containerRef",
+      ref: a
+    }, {
+      default: Rt(() => [
+        (ce(!0), Me(ro, null, ao(f.items, (I, M) => lo(f.$slots, "default", {
+          item: I,
+          index: M,
+          moveUp: () => N(M),
+          moveRight: () => K(M),
+          moveDown: () => X(M),
+          moveLeft: () => F(M),
+          moveTop: () => G(M),
+          moveBottom: () => Z(M),
+          disabledMenus: le(M)
+        }, void 0, !0)), 256)),
+        Ve("div", zo, ft(lt(c)), 1)
+      ]),
+      _: 3
+    }, 512));
+  }
+}), pn = /* @__PURE__ */ qe(jo, [["__scopeId", "data-v-9485ca6b"]]);
+let Mt = 0;
+const Vo = {
+  beforeCreate() {
+    this.uuid = Mt.toString(), Mt += 1;
+  }
+}, qo = { key: 0 };
+function Ko(n, e, t, o, i, r) {
+  return ce(), Me("svg", Ft({ role: "img" }, n.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    n.$attrs["svg-title"] ? (ce(), Me("title", qo, ft(n.$attrs["svg-title"]), 1)) : Bt("", !0),
+    e[0] || (e[0] = Ve("path", {
+      fill: "#001222",
+      d: "M8.75023 3.81089L13.0001 8.06077L14.0608 7.00011L8.00011 0.939453L1.93945 7.00011L3.00011 8.06077L7.25023 3.81066V14.7502H8.75023V3.81089Z"
+    }, null, -1))
+  ], 16);
+}
+const Pt = /* @__PURE__ */ qe(Vo, [["render", Ko]]);
+let Ot = 0;
+const Zo = {
+  beforeCreate() {
+    this.uuid = Ot.toString(), Ot += 1;
+  }
+}, Jo = { key: 0 };
+function Qo(n, e, t, o, i, r) {
+  return ce(), Me("svg", Ft({ role: "img" }, n.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    n.$attrs["svg-title"] ? (ce(), Me("title", Jo, ft(n.$attrs["svg-title"]), 1)) : Bt("", !0),
+    e[0] || (e[0] = Ve("path", {
+      fill: "#001222",
+      d: "M7.25434 12.1937L3.00011 7.93952L1.93945 9.00018L8.00011 15.0608L14.0608 9.00018L13.0001 7.93952L8.75433 12.1853L8.74316 1.24951L7.24316 1.25104L7.25434 12.1937Z"
+    }, null, -1))
+  ], 16);
+}
+const At = /* @__PURE__ */ qe(Zo, [["render", Qo]]), eo = {
+  "de-DE": { moveDown: "Nach unten", moveLeft: "Nach links", moveRight: "Nach rechts bewegen", moveToTheBottom: "Nach unten", moveToTheTop: "Nach oben", moveUp: "Nach oben", reorderLabel: "{label} neu anordnen" },
+  "en-GB": { moveDown: "Move down", moveLeft: "Move left", moveRight: "Move right", moveToTheBottom: "Move to the bottom", moveToTheTop: "Move to the top", moveUp: "Move up", reorderLabel: "Reorder {label}" },
+  "en-US": { moveDown: "Move down", moveLeft: "Move left", moveRight: "Move right", moveToTheBottom: "Move to the bottom", moveToTheTop: "Move to the top", moveUp: "Move up", reorderLabel: "Reorder {label}" },
+  "es-ES": { moveDown: "Mover hacia abajo", moveLeft: "Mover a la izquierda", moveRight: "Mover a la derecha", moveToTheBottom: "Mover a la parte inferior", moveToTheTop: "Mover a la parte superior", moveUp: "Mover hacia arriba", reorderLabel: "Reordenar {label}" },
+  "es-MX": { moveDown: "Mover hacia abajo", moveLeft: "Mover a la izquierda", moveRight: "Mover a la derecha", moveToTheBottom: "Mover a la parte inferior", moveToTheTop: "Mover a la parte superior", moveUp: "Mover hacia arriba", reorderLabel: "Reordenar {label}" },
+  "fr-FR": { moveDown: "Déplacer vers le bas", moveLeft: "Déplacer à gauche", moveRight: "Déplacer à droite", moveToTheBottom: "Déplacer tout en bas", moveToTheTop: "Déplacer tout en haut", moveUp: "Déplacer vers le haut", reorderLabel: "Réorganiser {label}" },
+  "it-IT": { moveDown: "Sposta giù", moveLeft: "Sposta a sinistra", moveRight: "Sposta a destra", moveToTheBottom: "Sposta in fondo", moveToTheTop: "Sposta in cima", moveUp: "Sposta in alto", reorderLabel: "Riordina {label}" },
+  "ja-JP": { moveDown: "下に移動", moveLeft: "左に移動", moveRight: "右に移動", moveToTheBottom: "一番下に移動", moveToTheTop: "一番上に移動", moveUp: "上に移動", reorderLabel: "{label}を並べ替え" },
+  "pt-BR": { moveDown: "Mover para baixo", moveLeft: "Mover para a esquerda", moveRight: "Mover para a direita", moveToTheBottom: "Mover para embaixo", moveToTheTop: "Mover para o topo", moveUp: "Mover para cima", reorderLabel: "Reordenar {label}" },
+  "zh-CN": { moveDown: "下移", moveLeft: "左移", moveRight: "右移", moveToTheBottom: "移至底部", moveToTheTop: "移至顶部", moveUp: "上移", reorderLabel: "重新排序 {label}" }
+}, en = { class: "b-draggable-handle__icon" }, tn = {
+  i18n: { messages: eo },
+  name: "bento-draggable-handle"
+}, on = /* @__PURE__ */ xt({
+  ...tn,
+  props: {
+    condensed: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    disabledMenus: { default: () => ({}) },
+    label: {},
+    variant: { default: "up-and-down" }
+  },
+  emits: ["move-bottom", "move-down", "move-left", "move-right", "move-top", "move-up"],
+  setup(n, { emit: e }) {
+    const { t } = kt({ messages: eo }), o = n, i = e, r = Be(
+      () => ({
+        "aria-label": t("reorderLabel", { label: o.label }),
+        condensed: o.condensed,
+        disabled: o.disabled,
+        variant: "tertiary"
+      })
+    ), a = Be(() => ({
+      /**
+       * Disables the handle and prevents the entire
+       * element from being dragged.
+       * Used by `useBentoDraggable`
+       */
+      "b-draggable-handle--disabled": o.disabled
+    })), s = Be(() => {
+      const l = {
+        up: {
+          text: t("moveUp"),
+          handler: () => i("move-up"),
+          disabled: o.disabledMenus.up,
+          icon: Pt
+        },
+        down: {
+          text: t("moveDown"),
+          handler: () => i("move-down"),
+          disabled: o.disabledMenus.down,
+          icon: At
+        },
+        left: {
+          text: t("moveLeft"),
+          handler: () => i("move-left"),
+          disabled: o.disabledMenus.left,
+          icon: po
+        },
+        right: {
+          text: t("moveRight"),
+          handler: () => i("move-right"),
+          disabled: o.disabledMenus.right,
+          icon: mo
+        },
+        top: {
+          text: t("moveToTheTop"),
+          handler: () => i("move-top"),
+          disabled: o.disabledMenus.top,
+          icon: Pt
+        },
+        bottom: {
+          text: t("moveToTheBottom"),
+          handler: () => i("move-bottom"),
+          disabled: o.disabledMenus.bottom,
+          icon: At
+        }
+      };
+      return o.variant === "up-and-down" ? [
+        l.up,
+        // Divider added after "Move down"
+        {
+          ...l.down,
+          addDivider: !0
+        },
+        l.top,
+        l.bottom
+      ] : [
+        l.up,
+        l.down,
+        l.left,
+        // Divider added after "Move right"
+        {
+          ...l.right,
+          addDivider: !0
+        },
+        l.top,
+        l.bottom
+      ];
+    });
+    return (l, u) => (ce(), Lt(lt(fo), {
+      class: so(["b-draggable-handle", a.value]),
+      data: s.value,
+      "menu-width": 250,
+      button: r.value
+    }, {
+      iconLeft: Rt(() => [
+        Ve("span", en, [
+          uo(lt(ho), { "aria-hidden": "true" })
+        ])
+      ]),
+      _: 1
+    }, 8, ["class", "data", "button"]));
+  }
+}), mn = /* @__PURE__ */ qe(on, [["__scopeId", "data-v-6bba7f31"]]);
+export {
+  mn as a,
+  pn as d
+};
+//# sourceMappingURL=draggable-handle.C1dudqKz.js.map