@feedmepos/mf-payment 1.10.7 → 1.10.8-dev

package/dist/PaymentCheckout-DQM_kppH.js

@@ -0,0 +1,1939 @@
+import { defineComponent as $t, computed as Tt, toRefs as bn, unref as W, ref as Ae, reactive as yn, h as _n, getCurrentInstance as Et, watch as Gt, onMounted as wn, nextTick as Qt, onUnmounted as xn, isRef as rt, resolveComponent as Ee, openBlock as k, createElementBlock as N, createTextVNode as kt, createVNode as B, createCommentVNode as Z, withCtx as Ot, Fragment as at, renderList as lt, normalizeClass as Pt, createElementVNode as X, withModifiers as En, toDisplayString as ae, withKeys as Sn, createBlock as it } from "vue";
+import "./index-BpAx8sXI.js";
+import { g as Cn } from "./assets-VX0DqpvG.js";
+import { useDialog as Dn } from "@feedmepos/ui-library";
+import { w as Tn } from "./Modal-DB8M9o1T.js";
+import { _ as kn } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+var On = Object.defineProperty, Ke = Object.getOwnPropertySymbols, Kt = Object.prototype.hasOwnProperty, Jt = Object.prototype.propertyIsEnumerable, At = (e, n, t) => n in e ? On(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Te = (e, n) => {
+  for (var t in n || (n = {}))
+    Kt.call(n, t) && At(e, t, n[t]);
+  if (Ke)
+    for (var t of Ke(n))
+      Jt.call(n, t) && At(e, t, n[t]);
+  return e;
+}, Zt = (e, n) => {
+  var t = {};
+  for (var o in e)
+    Kt.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && Ke)
+    for (var o of Ke(e))
+      n.indexOf(o) < 0 && Jt.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+const en = "[vue-draggable-plus]: ";
+function Pn(e) {
+  console.warn(en + e);
+}
+function An(e) {
+  console.error(en + e);
+}
+function It(e, n, t) {
+  return t >= 0 && t < e.length && e.splice(t, 0, e.splice(n, 1)[0]), e;
+}
+function In(e) {
+  return e.replace(/-(\w)/g, (n, t) => t ? t.toUpperCase() : "");
+}
+function Nn(e) {
+  return Object.keys(e).reduce((n, t) => (typeof e[t] < "u" && (n[In(t)] = e[t]), n), {});
+}
+function Nt(e, n) {
+  return Array.isArray(e) && e.splice(n, 1), e;
+}
+function Mt(e, n, t) {
+  return Array.isArray(e) && e.splice(n, 0, t), e;
+}
+function Mn(e) {
+  return typeof e > "u";
+}
+function Vn(e) {
+  return typeof e == "string";
+}
+function Vt(e, n, t) {
+  const o = e.children[t];
+  e.insertBefore(n, o);
+}
+function st(e) {
+  e.parentNode && e.parentNode.removeChild(e);
+}
+function Rn(e, n = document) {
+  var t;
+  let o = null;
+  return typeof (n == null ? void 0 : n.querySelector) == "function" ? o = (t = n == null ? void 0 : n.querySelector) == null ? void 0 : t.call(n, e) : o = document.querySelector(e), o || Pn(`Element not found: ${e}`), o;
+}
+function Fn(e, n, t = null) {
+  return function(...o) {
+    return e.apply(t, o), n.apply(t, o);
+  };
+}
+function Yn(e, n) {
+  const t = Te({}, e);
+  return Object.keys(n).forEach((o) => {
+    t[o] ? t[o] = Fn(e[o], n[o]) : t[o] = n[o];
+  }), t;
+}
+function Un(e) {
+  return e instanceof HTMLElement;
+}
+function Rt(e, n) {
+  Object.keys(e).forEach((t) => {
+    n(t, e[t]);
+  });
+}
+function jn(e) {
+  return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
+}
+const Xn = Object.assign;
+/**!
+ * Sortable 1.15.2
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Ft(e, n) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    n && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function fe(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Ft(Object(t), !0).forEach(function(o) {
+      Ln(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ft(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+function ze(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ze = function(n) {
+    return typeof n;
+  } : ze = function(n) {
+    return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
+  }, ze(e);
+}
+function Ln(e, n, t) {
+  return n in e ? Object.defineProperty(e, n, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[n] = t, e;
+}
+function he() {
+  return he = Object.assign || function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, he.apply(this, arguments);
+}
+function Bn(e, n) {
+  if (e == null)
+    return {};
+  var t = {}, o = Object.keys(e), r, a;
+  for (a = 0; a < o.length; a++)
+    r = o[a], !(n.indexOf(r) >= 0) && (t[r] = e[r]);
+  return t;
+}
+function Hn(e, n) {
+  if (e == null)
+    return {};
+  var t = Bn(e, n), o, r;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < a.length; r++)
+      o = a[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
+  }
+  return t;
+}
+var Wn = "1.15.2";
+function pe(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var ge = pe(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), je = pe(/Edge/i), Yt = pe(/firefox/i), Ve = pe(/safari/i) && !pe(/chrome/i) && !pe(/android/i), tn = pe(/iP(ad|od|hone)/i), nn = pe(/chrome/i) && pe(/android/i), on = {
+  capture: !1,
+  passive: !1
+};
+function C(e, n, t) {
+  e.addEventListener(n, t, !ge && on);
+}
+function S(e, n, t) {
+  e.removeEventListener(n, t, !ge && on);
+}
+function Je(e, n) {
+  if (n) {
+    if (n[0] === ">" && (n = n.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(n);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(n);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(n);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function zn(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function se(e, n, t, o) {
+  if (e) {
+    t = t || document;
+    do {
+      if (n != null && (n[0] === ">" ? e.parentNode === t && Je(e, n) : Je(e, n)) || o && e === t)
+        return e;
+      if (e === t)
+        break;
+    } while (e = zn(e));
+  }
+  return null;
+}
+var Ut = /\s+/g;
+function te(e, n, t) {
+  if (e && n)
+    if (e.classList)
+      e.classList[t ? "add" : "remove"](n);
+    else {
+      var o = (" " + e.className + " ").replace(Ut, " ").replace(" " + n + " ", " ");
+      e.className = (o + (t ? " " + n : "")).replace(Ut, " ");
+    }
+}
+function m(e, n, t) {
+  var o = e && e.style;
+  if (o) {
+    if (t === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (t = e.currentStyle), n === void 0 ? t : t[n];
+    !(n in o) && n.indexOf("webkit") === -1 && (n = "-webkit-" + n), o[n] = t + (typeof t == "string" ? "" : "px");
+  }
+}
+function Oe(e, n) {
+  var t = "";
+  if (typeof e == "string")
+    t = e;
+  else
+    do {
+      var o = m(e, "transform");
+      o && o !== "none" && (t = o + " " + t);
+    } while (!n && (e = e.parentNode));
+  var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return r && new r(t);
+}
+function rn(e, n, t) {
+  if (e) {
+    var o = e.getElementsByTagName(n), r = 0, a = o.length;
+    if (t)
+      for (; r < a; r++)
+        t(o[r], r);
+    return o;
+  }
+  return [];
+}
+function de() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function j(e, n, t, o, r) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var a, l, s, i, u, d, h;
+    if (e !== window && e.parentNode && e !== de() ? (a = e.getBoundingClientRect(), l = a.top, s = a.left, i = a.bottom, u = a.right, d = a.height, h = a.width) : (l = 0, s = 0, i = window.innerHeight, u = window.innerWidth, d = window.innerHeight, h = window.innerWidth), (n || t) && e !== window && (r = r || e.parentNode, !ge))
+      do
+        if (r && r.getBoundingClientRect && (m(r, "transform") !== "none" || t && m(r, "position") !== "static")) {
+          var E = r.getBoundingClientRect();
+          l -= E.top + parseInt(m(r, "border-top-width")), s -= E.left + parseInt(m(r, "border-left-width")), i = l + a.height, u = s + a.width;
+          break;
+        }
+      while (r = r.parentNode);
+    if (o && e !== window) {
+      var g = Oe(r || e), T = g && g.a, x = g && g.d;
+      g && (l /= x, s /= T, h /= T, d /= x, i = l + d, u = s + h);
+    }
+    return {
+      top: l,
+      left: s,
+      bottom: i,
+      right: u,
+      width: h,
+      height: d
+    };
+  }
+}
+function jt(e, n, t) {
+  for (var o = ye(e, !0), r = j(e)[n]; o; ) {
+    var a = j(o)[t], l = void 0;
+    if (l = r >= a, !l)
+      return o;
+    if (o === de())
+      break;
+    o = ye(o, !1);
+  }
+  return !1;
+}
+function Pe(e, n, t, o) {
+  for (var r = 0, a = 0, l = e.children; a < l.length; ) {
+    if (l[a].style.display !== "none" && l[a] !== v.ghost && (o || l[a] !== v.dragged) && se(l[a], t.draggable, e, !1)) {
+      if (r === n)
+        return l[a];
+      r++;
+    }
+    a++;
+  }
+  return null;
+}
+function St(e, n) {
+  for (var t = e.lastElementChild; t && (t === v.ghost || m(t, "display") === "none" || n && !Je(t, n)); )
+    t = t.previousElementSibling;
+  return t || null;
+}
+function le(e, n) {
+  var t = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== v.clone && (!n || Je(e, n)) && t++;
+  return t;
+}
+function Xt(e) {
+  var n = 0, t = 0, o = de();
+  if (e)
+    do {
+      var r = Oe(e), a = r.a, l = r.d;
+      n += e.scrollLeft * a, t += e.scrollTop * l;
+    } while (e !== o && (e = e.parentNode));
+  return [n, t];
+}
+function qn(e, n) {
+  for (var t in e)
+    if (e.hasOwnProperty(t)) {
+      for (var o in n)
+        if (n.hasOwnProperty(o) && n[o] === e[t][o])
+          return Number(t);
+    }
+  return -1;
+}
+function ye(e, n) {
+  if (!e || !e.getBoundingClientRect)
+    return de();
+  var t = e, o = !1;
+  do
+    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+      var r = m(t);
+      if (t.clientWidth < t.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
+        if (!t.getBoundingClientRect || t === document.body)
+          return de();
+        if (o || n)
+          return t;
+        o = !0;
+      }
+    }
+  while (t = t.parentNode);
+  return de();
+}
+function $n(e, n) {
+  if (e && n)
+    for (var t in n)
+      n.hasOwnProperty(t) && (e[t] = n[t]);
+  return e;
+}
+function ct(e, n) {
+  return Math.round(e.top) === Math.round(n.top) && Math.round(e.left) === Math.round(n.left) && Math.round(e.height) === Math.round(n.height) && Math.round(e.width) === Math.round(n.width);
+}
+var Re;
+function an(e, n) {
+  return function() {
+    if (!Re) {
+      var t = arguments, o = this;
+      t.length === 1 ? e.call(o, t[0]) : e.apply(o, t), Re = setTimeout(function() {
+        Re = void 0;
+      }, n);
+    }
+  };
+}
+function Gn() {
+  clearTimeout(Re), Re = void 0;
+}
+function ln(e, n, t) {
+  e.scrollLeft += n, e.scrollTop += t;
+}
+function sn(e) {
+  var n = window.Polymer, t = window.jQuery || window.Zepto;
+  return n && n.dom ? n.dom(e).cloneNode(!0) : t ? t(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function cn(e, n, t) {
+  var o = {};
+  return Array.from(e.children).forEach(function(r) {
+    var a, l, s, i;
+    if (!(!se(r, n.draggable, e, !1) || r.animated || r === t)) {
+      var u = j(r);
+      o.left = Math.min((a = o.left) !== null && a !== void 0 ? a : 1 / 0, u.left), o.top = Math.min((l = o.top) !== null && l !== void 0 ? l : 1 / 0, u.top), o.right = Math.max((s = o.right) !== null && s !== void 0 ? s : -1 / 0, u.right), o.bottom = Math.max((i = o.bottom) !== null && i !== void 0 ? i : -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 oe = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Qn() {
+  var e = [], n;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var t = [].slice.call(this.el.children);
+        t.forEach(function(o) {
+          if (!(m(o, "display") === "none" || o === v.ghost)) {
+            e.push({
+              target: o,
+              rect: j(o)
+            });
+            var r = fe({}, e[e.length - 1].rect);
+            if (o.thisAnimationDuration) {
+              var a = Oe(o, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            o.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(t) {
+      e.push(t);
+    },
+    removeAnimationState: function(t) {
+      e.splice(qn(e, {
+        target: t
+      }), 1);
+    },
+    animateAll: function(t) {
+      var o = this;
+      if (!this.options.animation) {
+        clearTimeout(n), typeof t == "function" && t();
+        return;
+      }
+      var r = !1, a = 0;
+      e.forEach(function(l) {
+        var s = 0, i = l.target, u = i.fromRect, d = j(i), h = i.prevFromRect, E = i.prevToRect, g = l.rect, T = Oe(i, !0);
+        T && (d.top -= T.f, d.left -= T.e), i.toRect = d, i.thisAnimationDuration && ct(h, d) && !ct(u, d) && // Make sure animatingRect is on line between toRect & fromRect
+        (g.top - d.top) / (g.left - d.left) === (u.top - d.top) / (u.left - d.left) && (s = Jn(g, h, E, o.options)), ct(d, u) || (i.prevFromRect = u, i.prevToRect = d, s || (s = o.options.animation), o.animate(i, g, d, s)), s && (r = !0, a = Math.max(a, s), clearTimeout(i.animationResetTimer), i.animationResetTimer = setTimeout(function() {
+          i.animationTime = 0, i.prevFromRect = null, i.fromRect = null, i.prevToRect = null, i.thisAnimationDuration = null;
+        }, s), i.thisAnimationDuration = s);
+      }), clearTimeout(n), r ? n = setTimeout(function() {
+        typeof t == "function" && t();
+      }, a) : typeof t == "function" && t(), e = [];
+    },
+    animate: function(t, o, r, a) {
+      if (a) {
+        m(t, "transition", ""), m(t, "transform", "");
+        var l = Oe(this.el), s = l && l.a, i = l && l.d, u = (o.left - r.left) / (s || 1), d = (o.top - r.top) / (i || 1);
+        t.animatingX = !!u, t.animatingY = !!d, m(t, "transform", "translate3d(" + u + "px," + d + "px,0)"), this.forRepaintDummy = Kn(t), m(t, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), m(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
+          m(t, "transition", ""), m(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Kn(e) {
+  return e.offsetWidth;
+}
+function Jn(e, n, t, o) {
+  return Math.sqrt(Math.pow(n.top - e.top, 2) + Math.pow(n.left - e.left, 2)) / Math.sqrt(Math.pow(n.top - t.top, 2) + Math.pow(n.left - t.left, 2)) * o.animation;
+}
+var Se = [], ut = {
+  initializeByDefault: !0
+}, Xe = {
+  mount: function(e) {
+    for (var n in ut)
+      ut.hasOwnProperty(n) && !(n in e) && (e[n] = ut[n]);
+    Se.forEach(function(t) {
+      if (t.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), Se.push(e);
+  },
+  pluginEvent: function(e, n, t) {
+    var o = this;
+    this.eventCanceled = !1, t.cancel = function() {
+      o.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    Se.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](fe({
+        sortable: n
+      }, t)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](fe({
+        sortable: n
+      }, t)));
+    });
+  },
+  initializePlugins: function(e, n, t, o) {
+    Se.forEach(function(l) {
+      var s = l.pluginName;
+      if (!(!e.options[s] && !l.initializeByDefault)) {
+        var i = new l(e, n, e.options);
+        i.sortable = e, i.options = e.options, e[s] = i, he(t, i.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, n) {
+    var t = {};
+    return Se.forEach(function(o) {
+      typeof o.eventProperties == "function" && he(t, o.eventProperties.call(n[o.pluginName], e));
+    }), t;
+  },
+  modifyOption: function(e, n, t) {
+    var o;
+    return Se.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (o = r.optionListeners[n].call(e[r.pluginName], t));
+    }), o;
+  }
+};
+function Zn(e) {
+  var n = e.sortable, t = e.rootEl, o = e.name, r = e.targetEl, a = e.cloneEl, l = e.toEl, s = e.fromEl, i = e.oldIndex, u = e.newIndex, d = e.oldDraggableIndex, h = e.newDraggableIndex, E = e.originalEvent, g = e.putSortable, T = e.extraEventProperties;
+  if (n = n || t && t[oe], !!n) {
+    var x, $ = n.options, I = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !ge && !je ? x = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (x = document.createEvent("Event"), x.initEvent(o, !0, !0)), x.to = l || t, x.from = s || t, x.item = r || t, x.clone = a, x.oldIndex = i, x.newIndex = u, x.oldDraggableIndex = d, x.newDraggableIndex = h, x.originalEvent = E, x.pullMode = g ? g.lastPutMode : void 0;
+    var G = fe(fe({}, T), Xe.getEventProperties(o, n));
+    for (var F in G)
+      x[F] = G[F];
+    t && t.dispatchEvent(x), $[I] && $[I].call(n, x);
+  }
+}
+var eo = ["evt"], ee = function(e, n) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = t.evt, r = Hn(t, eo);
+  Xe.pluginEvent.bind(v)(e, n, fe({
+    dragEl: c,
+    parentEl: R,
+    ghostEl: _,
+    rootEl: M,
+    nextEl: xe,
+    lastDownEl: qe,
+    cloneEl: V,
+    cloneHidden: be,
+    dragStarted: Ie,
+    putSortable: H,
+    activeSortable: v.active,
+    originalEvent: o,
+    oldIndex: ke,
+    oldDraggableIndex: Fe,
+    newIndex: ne,
+    newDraggableIndex: ve,
+    hideGhostForTarget: pn,
+    unhideGhostForTarget: hn,
+    cloneNowHidden: function() {
+      be = !0;
+    },
+    cloneNowShown: function() {
+      be = !1;
+    },
+    dispatchSortableEvent: function(a) {
+      K({
+        sortable: n,
+        name: a,
+        originalEvent: o
+      });
+    }
+  }, r));
+};
+function K(e) {
+  Zn(fe({
+    putSortable: H,
+    cloneEl: V,
+    targetEl: c,
+    rootEl: M,
+    oldIndex: ke,
+    oldDraggableIndex: Fe,
+    newIndex: ne,
+    newDraggableIndex: ve
+  }, e));
+}
+var c, R, _, M, xe, qe, V, be, ke, ne, Fe, ve, Le, H, De = !1, Ze = !1, et = [], _e, ie, dt, ft, Lt, Bt, Ie, Ce, Ye, Ue = !1, Be = !1, $e, q, pt = [], bt = !1, tt = [], ot = typeof document < "u", He = tn, Ht = je || ge ? "cssFloat" : "float", to = ot && !nn && !tn && "draggable" in document.createElement("div"), un = function() {
+  if (ot) {
+    if (ge)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), dn = function(e, n) {
+  var t = m(e), o = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), r = Pe(e, 0, n), a = Pe(e, 1, n), l = r && m(r), s = a && m(a), i = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + j(r).width, u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + j(a).width;
+  if (t.display === "flex")
+    return t.flexDirection === "column" || t.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (t.display === "grid")
+    return t.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && l.float && l.float !== "none") {
+    var d = l.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === d) ? "vertical" : "horizontal";
+  }
+  return r && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || i >= o && t[Ht] === "none" || a && t[Ht] === "none" && i + u > o) ? "vertical" : "horizontal";
+}, no = function(e, n, t) {
+  var o = t ? e.left : e.top, r = t ? e.right : e.bottom, a = t ? e.width : e.height, l = t ? n.left : n.top, s = t ? n.right : n.bottom, i = t ? n.width : n.height;
+  return o === l || r === s || o + a / 2 === l + i / 2;
+}, oo = function(e, n) {
+  var t;
+  return et.some(function(o) {
+    var r = o[oe].options.emptyInsertThreshold;
+    if (!(!r || St(o))) {
+      var a = j(o), l = e >= a.left - r && e <= a.right + r, s = n >= a.top - r && n <= a.bottom + r;
+      if (l && s)
+        return t = o;
+    }
+  }), t;
+}, fn = function(e) {
+  function n(r, a) {
+    return function(l, s, i, u) {
+      var d = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
+      if (r == null && (a || d))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return n(r(l, s, i, u), a)(l, s, i, u);
+      var h = (a ? l : s).options.group.name;
+      return r === !0 || typeof r == "string" && r === h || r.join && r.indexOf(h) > -1;
+    };
+  }
+  var t = {}, o = e.group;
+  (!o || ze(o) != "object") && (o = {
+    name: o
+  }), t.name = o.name, t.checkPull = n(o.pull, !0), t.checkPut = n(o.put), t.revertClone = o.revertClone, e.group = t;
+}, pn = function() {
+  !un && _ && m(_, "display", "none");
+}, hn = function() {
+  !un && _ && m(_, "display", "");
+};
+ot && !nn && document.addEventListener("click", function(e) {
+  if (Ze)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Ze = !1, !1;
+}, !0);
+var we = function(e) {
+  if (c) {
+    e = e.touches ? e.touches[0] : e;
+    var n = oo(e.clientX, e.clientY);
+    if (n) {
+      var t = {};
+      for (var o in e)
+        e.hasOwnProperty(o) && (t[o] = e[o]);
+      t.target = t.rootEl = n, t.preventDefault = void 0, t.stopPropagation = void 0, n[oe]._onDragOver(t);
+    }
+  }
+}, ro = function(e) {
+  c && c.parentNode[oe]._isOutsideThisEl(e.target);
+};
+function v(e, n) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = n = he({}, n), e[oe] = this;
+  var t = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.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 dn(e, 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
+    },
+    supportPointer: v.supportPointer !== !1 && "PointerEvent" in window && !Ve,
+    emptyInsertThreshold: 5
+  };
+  Xe.initializePlugins(this, e, t);
+  for (var o in t)
+    !(o in n) && (n[o] = t[o]);
+  fn(n);
+  for (var r in this)
+    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
+  this.nativeDraggable = n.forceFallback ? !1 : to, this.nativeDraggable && (this.options.touchStartThreshold = 1), n.supportPointer ? C(e, "pointerdown", this._onTapStart) : (C(e, "mousedown", this._onTapStart), C(e, "touchstart", this._onTapStart)), this.nativeDraggable && (C(e, "dragover", this), C(e, "dragenter", this)), et.push(this.el), n.store && n.store.get && this.sort(n.store.get(this) || []), he(this, Qn());
+}
+v.prototype = /** @lends Sortable.prototype */
+{
+  constructor: v,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Ce = null);
+  },
+  _getDirection: function(e, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, c) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var n = this, t = this.el, o = this.options, r = o.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, i = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, u = o.filter;
+      if (po(t), !c && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || o.disabled) && !i.isContentEditable && !(!this.nativeDraggable && Ve && s && s.tagName.toUpperCase() === "SELECT") && (s = se(s, o.draggable, t, !1), !(s && s.animated) && qe !== s)) {
+        if (ke = le(s), Fe = le(s, o.draggable), typeof u == "function") {
+          if (u.call(this, e, s, this)) {
+            K({
+              sortable: n,
+              rootEl: i,
+              name: "filter",
+              targetEl: s,
+              toEl: t,
+              fromEl: t
+            }), ee("filter", n, {
+              evt: e
+            }), r && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (u && (u = u.split(",").some(function(d) {
+          if (d = se(i, d.trim(), t, !1), d)
+            return K({
+              sortable: n,
+              rootEl: d,
+              name: "filter",
+              targetEl: s,
+              fromEl: t,
+              toEl: t
+            }), ee("filter", n, {
+              evt: e
+            }), !0;
+        }), u)) {
+          r && e.cancelable && e.preventDefault();
+          return;
+        }
+        o.handle && !se(i, o.handle, t, !1) || this._prepareDragStart(e, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, t) {
+    var o = this, r = o.el, a = o.options, l = r.ownerDocument, s;
+    if (t && !c && t.parentNode === r) {
+      var i = j(t);
+      if (M = r, c = t, R = c.parentNode, xe = c.nextSibling, qe = t, Le = a.group, v.dragged = c, _e = {
+        target: c,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, Lt = _e.clientX - i.left, Bt = _e.clientY - i.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, c.style["will-change"] = "all", s = function() {
+        if (ee("delayEnded", o, {
+          evt: e
+        }), v.eventCanceled) {
+          o._onDrop();
+          return;
+        }
+        o._disableDelayedDragEvents(), !Yt && o.nativeDraggable && (c.draggable = !0), o._triggerDragStart(e, n), K({
+          sortable: o,
+          name: "choose",
+          originalEvent: e
+        }), te(c, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(u) {
+        rn(c, u.trim(), ht);
+      }), C(l, "dragover", we), C(l, "mousemove", we), C(l, "touchmove", we), C(l, "mouseup", o._onDrop), C(l, "touchend", o._onDrop), C(l, "touchcancel", o._onDrop), Yt && this.nativeDraggable && (this.options.touchStartThreshold = 4, c.draggable = !0), ee("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(je || ge))) {
+        if (v.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        C(l, "mouseup", o._disableDelayedDrag), C(l, "touchend", o._disableDelayedDrag), C(l, "touchcancel", o._disableDelayedDrag), C(l, "mousemove", o._delayedDragTouchMoveHandler), C(l, "touchmove", o._delayedDragTouchMoveHandler), a.supportPointer && C(l, "pointermove", o._delayedDragTouchMoveHandler), o._dragStartTimer = setTimeout(s, a.delay);
+      } else
+        s();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(e) {
+    var n = e.touches ? e.touches[0] : e;
+    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    c && ht(c), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    S(e, "mouseup", this._disableDelayedDrag), S(e, "touchend", this._disableDelayedDrag), S(e, "touchcancel", this._disableDelayedDrag), S(e, "mousemove", this._delayedDragTouchMoveHandler), S(e, "touchmove", this._delayedDragTouchMoveHandler), S(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, n) {
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? C(document, "pointermove", this._onTouchMove) : n ? C(document, "touchmove", this._onTouchMove) : C(document, "mousemove", this._onTouchMove) : (C(c, "dragend", this), C(M, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Ge(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (De = !1, M && c) {
+      ee("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && C(document, "dragover", ro);
+      var t = this.options;
+      !e && te(c, t.dragClass, !1), te(c, t.ghostClass, !0), v.active = this, e && this._appendGhost(), K({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (ie) {
+      this._lastX = ie.clientX, this._lastY = ie.clientY, pn();
+      for (var e = document.elementFromPoint(ie.clientX, ie.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ie.clientX, ie.clientY), e !== n); )
+        n = e;
+      if (c.parentNode[oe]._isOutsideThisEl(e), n)
+        do {
+          if (n[oe]) {
+            var t = void 0;
+            if (t = n[oe]._onDragOver({
+              clientX: ie.clientX,
+              clientY: ie.clientY,
+              target: e,
+              rootEl: n
+            }), t && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = n.parentNode);
+      hn();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (_e) {
+      var n = this.options, t = n.fallbackTolerance, o = n.fallbackOffset, r = e.touches ? e.touches[0] : e, a = _ && Oe(_, !0), l = _ && a && a.a, s = _ && a && a.d, i = He && q && Xt(q), u = (r.clientX - _e.clientX + o.x) / (l || 1) + (i ? i[0] - pt[0] : 0) / (l || 1), d = (r.clientY - _e.clientY + o.y) / (s || 1) + (i ? i[1] - pt[1] : 0) / (s || 1);
+      if (!v.active && !De) {
+        if (t && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < t)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (_) {
+        a ? (a.e += u - (dt || 0), a.f += d - (ft || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: u,
+          f: d
+        };
+        var h = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        m(_, "webkitTransform", h), m(_, "mozTransform", h), m(_, "msTransform", h), m(_, "transform", h), dt = u, ft = d, ie = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!_) {
+      var e = this.options.fallbackOnBody ? document.body : M, n = j(c, !0, He, !0, e), t = this.options;
+      if (He) {
+        for (q = e; m(q, "position") === "static" && m(q, "transform") === "none" && q !== document; )
+          q = q.parentNode;
+        q !== document.body && q !== document.documentElement ? (q === document && (q = de()), n.top += q.scrollTop, n.left += q.scrollLeft) : q = de(), pt = Xt(q);
+      }
+      _ = c.cloneNode(!0), te(_, t.ghostClass, !1), te(_, t.fallbackClass, !0), te(_, t.dragClass, !0), m(_, "transition", ""), m(_, "transform", ""), m(_, "box-sizing", "border-box"), m(_, "margin", 0), m(_, "top", n.top), m(_, "left", n.left), m(_, "width", n.width), m(_, "height", n.height), m(_, "opacity", "0.8"), m(_, "position", He ? "absolute" : "fixed"), m(_, "zIndex", "100000"), m(_, "pointerEvents", "none"), v.ghost = _, e.appendChild(_), m(_, "transform-origin", Lt / parseInt(_.style.width) * 100 + "% " + Bt / parseInt(_.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var t = this, o = e.dataTransfer, r = t.options;
+    if (ee("dragStart", this, {
+      evt: e
+    }), v.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    ee("setupClone", this), v.eventCanceled || (V = sn(c), V.removeAttribute("id"), V.draggable = !1, V.style["will-change"] = "", this._hideClone(), te(V, this.options.chosenClass, !1), v.clone = V), t.cloneId = Ge(function() {
+      ee("clone", t), !v.eventCanceled && (t.options.removeCloneOnHide || M.insertBefore(V, c), t._hideClone(), K({
+        sortable: t,
+        name: "clone"
+      }));
+    }), !n && te(c, r.dragClass, !0), n ? (Ze = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (S(document, "mouseup", t._onDrop), S(document, "touchend", t._onDrop), S(document, "touchcancel", t._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(t, o, c)), C(document, "drop", t), m(c, "transform", "translateZ(0)")), De = !0, t._dragStartId = Ge(t._dragStarted.bind(t, n, e)), C(document, "selectstart", t), Ie = !0, Ve && m(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(e) {
+    var n = this.el, t = e.target, o, r, a, l = this.options, s = l.group, i = v.active, u = Le === s, d = l.sort, h = H || i, E, g = this, T = !1;
+    if (bt)
+      return;
+    function x(P, ue) {
+      ee(P, g, fe({
+        evt: e,
+        isOwner: u,
+        axis: E ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: o,
+        targetRect: r,
+        canSort: d,
+        fromSortable: h,
+        target: t,
+        completed: I,
+        onMove: function(me, f) {
+          return We(M, n, c, o, me, j(me), e, f);
+        },
+        changed: G
+      }, ue));
+    }
+    function $() {
+      x("dragOverAnimationCapture"), g.captureAnimationState(), g !== h && h.captureAnimationState();
+    }
+    function I(P) {
+      return x("dragOverCompleted", {
+        insertion: P
+      }), P && (u ? i._hideClone() : i._showClone(g), g !== h && (te(c, H ? H.options.ghostClass : i.options.ghostClass, !1), te(c, l.ghostClass, !0)), H !== g && g !== v.active ? H = g : g === v.active && H && (H = null), h === g && (g._ignoreWhileAnimating = t), g.animateAll(function() {
+        x("dragOverAnimationComplete"), g._ignoreWhileAnimating = null;
+      }), g !== h && (h.animateAll(), h._ignoreWhileAnimating = null)), (t === c && !c.animated || t === n && !t.animated) && (Ce = null), !l.dragoverBubble && !e.rootEl && t !== document && (c.parentNode[oe]._isOutsideThisEl(e.target), !P && we(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), T = !0;
+    }
+    function G() {
+      ne = le(c), ve = le(c, l.draggable), K({
+        sortable: g,
+        name: "change",
+        toEl: n,
+        newIndex: ne,
+        newDraggableIndex: ve,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = se(t, l.draggable, n, !0), x("dragOver"), v.eventCanceled)
+      return T;
+    if (c.contains(e.target) || t.animated && t.animatingX && t.animatingY || g._ignoreWhileAnimating === t)
+      return I(!1);
+    if (Ze = !1, i && !l.disabled && (u ? d || (a = R !== M) : H === this || (this.lastPutMode = Le.checkPull(this, i, c, e)) && s.checkPut(this, i, c, e))) {
+      if (E = this._getDirection(e, t) === "vertical", o = j(c), x("dragOverValid"), v.eventCanceled)
+        return T;
+      if (a)
+        return R = M, $(), this._hideClone(), x("revert"), v.eventCanceled || (xe ? M.insertBefore(c, xe) : M.appendChild(c)), I(!0);
+      var F = St(n, l.draggable);
+      if (!F || so(e, E, this) && !F.animated) {
+        if (F === c)
+          return I(!1);
+        if (F && n === e.target && (t = F), t && (r = j(t)), We(M, n, c, o, t, r, e, !!t) !== !1)
+          return $(), F && F.nextSibling ? n.insertBefore(c, F.nextSibling) : n.appendChild(c), R = n, G(), I(!0);
+      } else if (F && io(e, E, this)) {
+        var J = Pe(n, 0, l, !0);
+        if (J === c)
+          return I(!1);
+        if (t = J, r = j(t), We(M, n, c, o, t, r, e, !1) !== !1)
+          return $(), n.insertBefore(c, J), R = n, G(), I(!0);
+      } else if (t.parentNode === n) {
+        r = j(t);
+        var z = 0, re, Q = c.parentNode !== n, ce = !no(c.animated && c.toRect || o, t.animated && t.toRect || r, E), L = E ? "top" : "left", b = jt(t, "top", "top") || jt(c, "top", "top"), D = b ? b.scrollTop : void 0;
+        Ce !== t && (re = r[L], Ue = !1, Be = !ce && l.invertSwap || Q), z = co(e, t, r, E, ce ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Be, Ce === t);
+        var p;
+        if (z !== 0) {
+          var y = le(c);
+          do
+            y -= z, p = R.children[y];
+          while (p && (m(p, "display") === "none" || p === _));
+        }
+        if (z === 0 || p === t)
+          return I(!1);
+        Ce = t, Ye = z;
+        var w = t.nextElementSibling, O = !1;
+        O = z === 1;
+        var Y = We(M, n, c, o, t, r, e, O);
+        if (Y !== !1)
+          return (Y === 1 || Y === -1) && (O = Y === 1), bt = !0, setTimeout(lo, 30), $(), O && !w ? n.appendChild(c) : t.parentNode.insertBefore(c, O ? w : t), b && ln(b, 0, D - b.scrollTop), R = c.parentNode, re !== void 0 && !Be && ($e = Math.abs(re - j(t)[L])), G(), I(!0);
+      }
+      if (n.contains(c))
+        return I(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    S(document, "mousemove", this._onTouchMove), S(document, "touchmove", this._onTouchMove), S(document, "pointermove", this._onTouchMove), S(document, "dragover", we), S(document, "mousemove", we), S(document, "touchmove", we);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    S(e, "mouseup", this._onDrop), S(e, "touchend", this._onDrop), S(e, "pointerup", this._onDrop), S(e, "touchcancel", this._onDrop), S(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var n = this.el, t = this.options;
+    if (ne = le(c), ve = le(c, t.draggable), ee("drop", this, {
+      evt: e
+    }), R = c && c.parentNode, ne = le(c), ve = le(c, t.draggable), v.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    De = !1, Be = !1, Ue = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), yt(this.cloneId), yt(this._dragStartId), this.nativeDraggable && (S(document, "drop", this), S(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ve && m(document.body, "user-select", ""), m(c, "transform", ""), e && (Ie && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), _ && _.parentNode && _.parentNode.removeChild(_), (M === R || H && H.lastPutMode !== "clone") && V && V.parentNode && V.parentNode.removeChild(V), c && (this.nativeDraggable && S(c, "dragend", this), ht(c), c.style["will-change"] = "", Ie && !De && te(c, H ? H.options.ghostClass : this.options.ghostClass, !1), te(c, this.options.chosenClass, !1), K({
+      sortable: this,
+      name: "unchoose",
+      toEl: R,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), M !== R ? (ne >= 0 && (K({
+      rootEl: R,
+      name: "add",
+      toEl: R,
+      fromEl: M,
+      originalEvent: e
+    }), K({
+      sortable: this,
+      name: "remove",
+      toEl: R,
+      originalEvent: e
+    }), K({
+      rootEl: R,
+      name: "sort",
+      toEl: R,
+      fromEl: M,
+      originalEvent: e
+    }), K({
+      sortable: this,
+      name: "sort",
+      toEl: R,
+      originalEvent: e
+    })), H && H.save()) : ne !== ke && ne >= 0 && (K({
+      sortable: this,
+      name: "update",
+      toEl: R,
+      originalEvent: e
+    }), K({
+      sortable: this,
+      name: "sort",
+      toEl: R,
+      originalEvent: e
+    })), v.active && ((ne == null || ne === -1) && (ne = ke, ve = Fe), K({
+      sortable: this,
+      name: "end",
+      toEl: R,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    ee("nulling", this), M = c = R = _ = xe = V = qe = be = _e = ie = Ie = ne = ve = ke = Fe = Ce = Ye = H = Le = v.dragged = v.ghost = v.clone = v.active = null, tt.forEach(function(e) {
+      e.checked = !0;
+    }), tt.length = dt = ft = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        c && (this._onDragOver(e), ao(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var e = [], n, t = this.el.children, o = 0, r = t.length, a = this.options; o < r; o++)
+      n = t[o], se(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || fo(n));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, n) {
+    var t = {}, o = this.el;
+    this.toArray().forEach(function(r, a) {
+      var l = o.children[a];
+      se(l, this.options.draggable, o, !1) && (t[r] = l);
+    }, this), n && this.captureAnimationState(), e.forEach(function(r) {
+      t[r] && (o.removeChild(t[r]), o.appendChild(t[r]));
+    }), n && 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, n) {
+    return se(e, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, n) {
+    var t = this.options;
+    if (n === void 0)
+      return t[e];
+    var o = Xe.modifyOption(this, e, n);
+    typeof o < "u" ? t[e] = o : t[e] = n, e === "group" && fn(t);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    ee("destroy", this);
+    var e = this.el;
+    e[oe] = null, S(e, "mousedown", this._onTapStart), S(e, "touchstart", this._onTapStart), S(e, "pointerdown", this._onTapStart), this.nativeDraggable && (S(e, "dragover", this), S(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), et.splice(et.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!be) {
+      if (ee("hideClone", this), v.eventCanceled)
+        return;
+      m(V, "display", "none"), this.options.removeCloneOnHide && V.parentNode && V.parentNode.removeChild(V), be = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (be) {
+      if (ee("showClone", this), v.eventCanceled)
+        return;
+      c.parentNode == M && !this.options.group.revertClone ? M.insertBefore(V, c) : xe ? M.insertBefore(V, xe) : M.appendChild(V), this.options.group.revertClone && this.animate(c, V), m(V, "display", ""), be = !1;
+    }
+  }
+};
+function ao(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function We(e, n, t, o, r, a, l, s) {
+  var i, u = e[oe], d = u.options.onMove, h;
+  return window.CustomEvent && !ge && !je ? i = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (i = document.createEvent("Event"), i.initEvent("move", !0, !0)), i.to = n, i.from = e, i.dragged = t, i.draggedRect = o, i.related = r || n, i.relatedRect = a || j(n), i.willInsertAfter = s, i.originalEvent = l, e.dispatchEvent(i), d && (h = d.call(u, i, l)), h;
+}
+function ht(e) {
+  e.draggable = !1;
+}
+function lo() {
+  bt = !1;
+}
+function io(e, n, t) {
+  var o = j(Pe(t.el, 0, t.options, !0)), r = cn(t.el, t.options, _), a = 10;
+  return n ? e.clientX < r.left - a || e.clientY < o.top && e.clientX < o.right : e.clientY < r.top - a || e.clientY < o.bottom && e.clientX < o.left;
+}
+function so(e, n, t) {
+  var o = j(St(t.el, t.options.draggable)), r = cn(t.el, t.options, _), a = 10;
+  return n ? e.clientX > r.right + a || e.clientY > o.bottom && e.clientX > o.left : e.clientY > r.bottom + a || e.clientX > o.right && e.clientY > o.top;
+}
+function co(e, n, t, o, r, a, l, s) {
+  var i = o ? e.clientY : e.clientX, u = o ? t.height : t.width, d = o ? t.top : t.left, h = o ? t.bottom : t.right, E = !1;
+  if (!l) {
+    if (s && $e < u * r) {
+      if (!Ue && (Ye === 1 ? i > d + u * a / 2 : i < h - u * a / 2) && (Ue = !0), Ue)
+        E = !0;
+      else if (Ye === 1 ? i < d + $e : i > h - $e)
+        return -Ye;
+    } else if (i > d + u * (1 - r) / 2 && i < h - u * (1 - r) / 2)
+      return uo(n);
+  }
+  return E = E || l, E && (i < d + u * a / 2 || i > h - u * a / 2) ? i > d + u / 2 ? 1 : -1 : 0;
+}
+function uo(e) {
+  return le(c) < le(e) ? 1 : -1;
+}
+function fo(e) {
+  for (var n = e.tagName + e.className + e.src + e.href + e.textContent, t = n.length, o = 0; t--; )
+    o += n.charCodeAt(t);
+  return o.toString(36);
+}
+function po(e) {
+  tt.length = 0;
+  for (var n = e.getElementsByTagName("input"), t = n.length; t--; ) {
+    var o = n[t];
+    o.checked && tt.push(o);
+  }
+}
+function Ge(e) {
+  return setTimeout(e, 0);
+}
+function yt(e) {
+  return clearTimeout(e);
+}
+ot && C(document, "touchmove", function(e) {
+  (v.active || De) && e.cancelable && e.preventDefault();
+});
+v.utils = {
+  on: C,
+  off: S,
+  css: m,
+  find: rn,
+  is: function(e, n) {
+    return !!se(e, n, e, !1);
+  },
+  extend: $n,
+  throttle: an,
+  closest: se,
+  toggleClass: te,
+  clone: sn,
+  index: le,
+  nextTick: Ge,
+  cancelNextTick: yt,
+  detectDirection: dn,
+  getChild: Pe
+};
+v.get = function(e) {
+  return e[oe];
+};
+v.mount = function() {
+  for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
+    n[t] = arguments[t];
+  n[0].constructor === Array && (n = n[0]), n.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 && (v.utils = fe(fe({}, v.utils), o.utils)), Xe.mount(o);
+  });
+};
+v.create = function(e, n) {
+  return new v(e, n);
+};
+v.version = Wn;
+var U = [], Ne, _t, wt = !1, gt, mt, nt, Me;
+function ho() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var n in this)
+      n.charAt(0) === "_" && typeof this[n] == "function" && (this[n] = this[n].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(n) {
+      var t = n.originalEvent;
+      this.sortable.nativeDraggable ? C(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? C(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? C(document, "touchmove", this._handleFallbackAutoScroll) : C(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var t = n.originalEvent;
+      !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? S(document, "dragover", this._handleAutoScroll) : (S(document, "pointermove", this._handleFallbackAutoScroll), S(document, "touchmove", this._handleFallbackAutoScroll), S(document, "mousemove", this._handleFallbackAutoScroll)), Wt(), Qe(), Gn();
+    },
+    nulling: function() {
+      nt = _t = Ne = wt = Me = gt = mt = null, U.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, t) {
+      var o = this, r = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(r, a);
+      if (nt = n, t || this.options.forceAutoScrollFallback || je || ge || Ve) {
+        vt(n, this.options, l, t);
+        var s = ye(l, !0);
+        wt && (!Me || r !== gt || a !== mt) && (Me && Wt(), Me = setInterval(function() {
+          var i = ye(document.elementFromPoint(r, a), !0);
+          i !== s && (s = i, Qe()), vt(n, o.options, i, t);
+        }, 10), gt = r, mt = a);
+      } else {
+        if (!this.options.bubbleScroll || ye(l, !0) === de()) {
+          Qe();
+          return;
+        }
+        vt(n, this.options, ye(l, !1), !1);
+      }
+    }
+  }, he(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function Qe() {
+  U.forEach(function(e) {
+    clearInterval(e.pid);
+  }), U = [];
+}
+function Wt() {
+  clearInterval(Me);
+}
+var vt = an(function(e, n, t, o) {
+  if (n.scroll) {
+    var r = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, l = n.scrollSensitivity, s = n.scrollSpeed, i = de(), u = !1, d;
+    _t !== t && (_t = t, Qe(), Ne = n.scroll, d = n.scrollFn, Ne === !0 && (Ne = ye(t, !0)));
+    var h = 0, E = Ne;
+    do {
+      var g = E, T = j(g), x = T.top, $ = T.bottom, I = T.left, G = T.right, F = T.width, J = T.height, z = void 0, re = void 0, Q = g.scrollWidth, ce = g.scrollHeight, L = m(g), b = g.scrollLeft, D = g.scrollTop;
+      g === i ? (z = F < Q && (L.overflowX === "auto" || L.overflowX === "scroll" || L.overflowX === "visible"), re = J < ce && (L.overflowY === "auto" || L.overflowY === "scroll" || L.overflowY === "visible")) : (z = F < Q && (L.overflowX === "auto" || L.overflowX === "scroll"), re = J < ce && (L.overflowY === "auto" || L.overflowY === "scroll"));
+      var p = z && (Math.abs(G - r) <= l && b + F < Q) - (Math.abs(I - r) <= l && !!b), y = re && (Math.abs($ - a) <= l && D + J < ce) - (Math.abs(x - a) <= l && !!D);
+      if (!U[h])
+        for (var w = 0; w <= h; w++)
+          U[w] || (U[w] = {});
+      (U[h].vx != p || U[h].vy != y || U[h].el !== g) && (U[h].el = g, U[h].vx = p, U[h].vy = y, clearInterval(U[h].pid), (p != 0 || y != 0) && (u = !0, U[h].pid = setInterval((function() {
+        o && this.layer === 0 && v.active._onTouchMove(nt);
+        var O = U[this.layer].vy ? U[this.layer].vy * s : 0, Y = U[this.layer].vx ? U[this.layer].vx * s : 0;
+        typeof d == "function" && d.call(v.dragged.parentNode[oe], Y, O, e, nt, U[this.layer].el) !== "continue" || ln(U[this.layer].el, Y, O);
+      }).bind({
+        layer: h
+      }), 24))), h++;
+    } while (n.bubbleScroll && E !== i && (E = ye(E, !1)));
+    wt = u;
+  }
+}, 30), gn = function(e) {
+  var n = e.originalEvent, t = e.putSortable, o = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+  if (n) {
+    var i = t || r;
+    l();
+    var u = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, d = document.elementFromPoint(u.clientX, u.clientY);
+    s(), i && !i.el.contains(d) && (a("spill"), this.onSpill({
+      dragEl: o,
+      putSortable: t
+    }));
+  }
+};
+function Ct() {
+}
+Ct.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var n = e.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(e) {
+    var n = e.dragEl, t = e.putSortable;
+    this.sortable.captureAnimationState(), t && t.captureAnimationState();
+    var o = Pe(this.sortable.el, this.startIndex, this.options);
+    o ? this.sortable.el.insertBefore(n, o) : this.sortable.el.appendChild(n), this.sortable.animateAll(), t && t.animateAll();
+  },
+  drop: gn
+};
+he(Ct, {
+  pluginName: "revertOnSpill"
+});
+function Dt() {
+}
+Dt.prototype = {
+  onSpill: function(e) {
+    var n = e.dragEl, t = e.putSortable, o = t || this.sortable;
+    o.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), o.animateAll();
+  },
+  drop: gn
+};
+he(Dt, {
+  pluginName: "removeOnSpill"
+});
+v.mount(new ho());
+v.mount(Dt, Ct);
+function go(e) {
+  return e == null ? e : JSON.parse(JSON.stringify(e));
+}
+function mo(e) {
+  Et() && xn(e);
+}
+function vo(e) {
+  Et() ? wn(e) : Qt(e);
+}
+let mn = null, vn = null;
+function zt(e = null, n = null) {
+  mn = e, vn = n;
+}
+function bo() {
+  return {
+    data: mn,
+    clonedData: vn
+  };
+}
+const qt = Symbol("cloneElement");
+function yo(...e) {
+  var n, t;
+  const o = (n = Et()) == null ? void 0 : n.proxy;
+  let r = null;
+  const a = e[0];
+  let [, l, s] = e;
+  Array.isArray(W(l)) || (s = l, l = null);
+  let i = null;
+  const {
+    immediate: u = !0,
+    clone: d = go,
+    forceFallback: h,
+    fallbackOnBody: E,
+    customUpdate: g
+  } = (t = W(s)) != null ? t : {};
+  function T(b) {
+    var D;
+    const { from: p, oldIndex: y, item: w } = b, O = Array.from(p.childNodes);
+    r = h && !E ? O.slice(0, -1) : O;
+    const Y = W((D = W(l)) == null ? void 0 : D[y]), P = d(Y);
+    zt(Y, P), w[qt] = P;
+  }
+  function x(b) {
+    const D = b.item[qt];
+    if (!Mn(D)) {
+      if (st(b.item), rt(l)) {
+        const p = [...W(l)];
+        l.value = Mt(p, b.newDraggableIndex, D);
+        return;
+      }
+      Mt(W(l), b.newDraggableIndex, D);
+    }
+  }
+  function $(b) {
+    const { from: D, item: p, oldIndex: y, oldDraggableIndex: w, pullMode: O, clone: Y } = b;
+    if (Vt(D, p, y), O === "clone") {
+      st(Y);
+      return;
+    }
+    if (rt(l)) {
+      const P = [...W(l)];
+      l.value = Nt(P, w);
+      return;
+    }
+    Nt(W(l), w);
+  }
+  function I(b) {
+    if (g) {
+      g(b);
+      return;
+    }
+    const { from: D, item: p, oldIndex: y, oldDraggableIndex: w, newDraggableIndex: O } = b;
+    if (st(p), Vt(D, p, y), rt(l)) {
+      const Y = [...W(l)];
+      l.value = It(
+        Y,
+        w,
+        O
+      );
+      return;
+    }
+    It(W(l), w, O);
+  }
+  function G(b) {
+    const { newIndex: D, oldIndex: p, from: y, to: w } = b;
+    let O = null;
+    const Y = D === p && y === w;
+    try {
+      if (Y) {
+        let P = null;
+        r == null || r.some((ue, me) => {
+          if (P && (r == null ? void 0 : r.length) !== w.childNodes.length)
+            return y.insertBefore(P, ue.nextSibling), !0;
+          const f = w.childNodes[me];
+          P = w == null ? void 0 : w.replaceChild(ue, f);
+        });
+      }
+    } catch (P) {
+      O = P;
+    } finally {
+      r = null;
+    }
+    Qt(() => {
+      if (zt(), O)
+        throw O;
+    });
+  }
+  const F = {
+    onUpdate: I,
+    onStart: T,
+    onAdd: x,
+    onRemove: $,
+    onEnd: G
+  };
+  function J(b) {
+    const D = W(a);
+    return b || (b = Vn(D) ? Rn(D, o == null ? void 0 : o.$el) : D), b && !Un(b) && (b = b.$el), b || An("Root element not found"), b;
+  }
+  function z() {
+    var b;
+    const D = (b = W(s)) != null ? b : {}, { immediate: p, clone: y } = D, w = Zt(D, ["immediate", "clone"]);
+    return Rt(w, (O, Y) => {
+      jn(O) && (w[O] = (P, ...ue) => {
+        const me = bo();
+        return Xn(P, me), Y(P, ...ue);
+      });
+    }), Yn(
+      l === null ? {} : F,
+      w
+    );
+  }
+  const re = (b) => {
+    b = J(b), i && Q.destroy(), i = new v(b, z());
+  };
+  Gt(
+    () => s,
+    () => {
+      i && Rt(z(), (b, D) => {
+        i == null || i.option(b, D);
+      });
+    },
+    { deep: !0 }
+  );
+  const Q = {
+    option: (b, D) => i == null ? void 0 : i.option(b, D),
+    destroy: () => {
+      i == null || i.destroy(), i = null;
+    },
+    save: () => i == null ? void 0 : i.save(),
+    toArray: () => i == null ? void 0 : i.toArray(),
+    closest: (...b) => i == null ? void 0 : i.closest(...b)
+  }, ce = () => Q == null ? void 0 : Q.option("disabled", !0), L = () => Q == null ? void 0 : Q.option("disabled", !1);
+  return vo(() => {
+    u && re();
+  }), mo(Q.destroy), Te({ start: re, pause: ce, resume: L }, Q);
+}
+const xt = [
+  "update",
+  "start",
+  "add",
+  "remove",
+  "choose",
+  "unchoose",
+  "end",
+  "sort",
+  "filter",
+  "clone",
+  "move",
+  "change"
+], _o = [
+  "clone",
+  "animation",
+  "ghostClass",
+  "group",
+  "sort",
+  "disabled",
+  "store",
+  "handle",
+  "draggable",
+  "swapThreshold",
+  "invertSwap",
+  "invertedSwapThreshold",
+  "removeCloneOnHide",
+  "direction",
+  "chosenClass",
+  "dragClass",
+  "ignore",
+  "filter",
+  "preventOnFilter",
+  "easing",
+  "setData",
+  "dropBubble",
+  "dragoverBubble",
+  "dataIdAttr",
+  "delay",
+  "delayOnTouchOnly",
+  "touchStartThreshold",
+  "forceFallback",
+  "fallbackClass",
+  "fallbackOnBody",
+  "fallbackTolerance",
+  "fallbackOffset",
+  "supportPointer",
+  "emptyInsertThreshold",
+  "scroll",
+  "forceAutoScrollFallback",
+  "scrollSensitivity",
+  "scrollSpeed",
+  "bubbleScroll",
+  "modelValue",
+  "tag",
+  "target",
+  "customUpdate",
+  ...xt.map((e) => `on${e.replace(/^\S/, (n) => n.toUpperCase())}`)
+], wo = $t({
+  name: "VueDraggable",
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: _o,
+  emits: ["update:modelValue", ...xt],
+  setup(e, { slots: n, emit: t, expose: o, attrs: r }) {
+    const a = xt.reduce((d, h) => {
+      const E = `on${h.replace(/^\S/, (g) => g.toUpperCase())}`;
+      return d[E] = (...g) => t(h, ...g), d;
+    }, {}), l = Tt(() => {
+      const d = bn(e), { modelValue: h } = d, E = Zt(d, ["modelValue"]), g = Object.entries(E).reduce((T, [x, $]) => {
+        const I = W($);
+        return I !== void 0 && (T[x] = I), T;
+      }, {});
+      return Te(Te({}, a), Nn(Te(Te({}, r), g)));
+    }), s = Tt({
+      get: () => e.modelValue,
+      set: (d) => t("update:modelValue", d)
+    }), i = Ae(), u = yn(
+      yo(e.target || i, s, l)
+    );
+    return o(u), () => {
+      var d;
+      return _n(e.tag || "div", { ref: i }, (d = n == null ? void 0 : n.default) == null ? void 0 : d.call(n, u));
+    };
+  }
+}), xo = { class: "flex flex-col gap-6" }, Eo = {
+  key: 0,
+  class: "text-sm text-gray-500 flex items-center gap-1.5 -mb-2"
+}, So = { class: "flex items-center justify-between" }, Co = ["onClick"], Do = ["src"], To = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, ko = { class: "font-medium" }, Oo = {
+  key: 0,
+  class: "flex gap-8 my-6"
+}, Po = { class: "flex-1 min-w-0 flex flex-col gap-6" }, Ao = { class: "grid grid-cols-2 gap-6" }, Io = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, No = { class: "flex items-end gap-3" }, Mo = {
+  key: 0,
+  class: "flex flex-wrap gap-2"
+}, Vo = { class: "w-[300px] flex-shrink-0 flex flex-col gap-4" }, Ro = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, Fo = { class: "flex gap-1.5" }, Yo = ["onClick"], Uo = { class: "bg-gray-50 rounded-lg flex items-center justify-center py-10 px-6 min-h-[160px]" }, jo = {
+  key: 0,
+  class: "bg-white rounded-lg shadow-sm px-5 py-2.5 max-w-full"
+}, Xo = { class: "text-sm font-semibold text-indigo-500 text-center break-words block" }, Lo = {
+  key: 0,
+  class: "text-xs text-gray-400 text-center break-words block mt-0.5"
+}, Bo = {
+  key: 1,
+  class: "bg-white rounded-2xl shadow-sm px-5 py-4 flex flex-col items-start gap-2 min-w-[140px] max-w-[200px]"
+}, Ho = ["src"], Wo = { class: "text-sm font-medium text-gray-800 text-left break-words" }, zo = {
+  key: 2,
+  class: "text-xs text-gray-400 text-left break-words"
+}, qo = {
+  key: 2,
+  class: "bg-white rounded-2xl shadow-md px-6 py-5 flex flex-col items-center gap-2 min-w-[140px] max-w-[200px]"
+}, $o = ["src"], Go = { class: "text-base font-bold text-orange-500 text-center break-words" }, Qo = {
+  key: 2,
+  class: "text-xs text-gray-400 text-center break-words"
+}, Ko = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, Jo = { class: "bg-gray-50 border rounded-lg flex flex-col items-center gap-3 py-6 px-4" }, Zo = ["src"], er = {
+  key: 1,
+  class: "text-xs font-medium text-gray-400"
+}, tr = { class: "border-4 border-red-500 rounded-lg p-3 flex items-center justify-center bg-white" }, nr = { class: "text-center text-sm font-bold text-gray-900" }, or = {
+  key: 2,
+  class: "text-center text-xs text-gray-500"
+}, rr = {
+  key: 1,
+  class: "text-gray-500"
+}, ar = {
+  key: 2,
+  class: "mt-2 flex gap-3"
+}, lr = /* @__PURE__ */ $t({
+  __name: "PaymentCheckout",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = e, t = () => (n.terminal.paymentCheckouts ?? []).map((p) => ({ ...p })).sort((p, y) => (p.sortOrder ?? 0) - (y.sortOrder ?? 0)), o = Ae(t());
+    Gt(
+      () => n.terminal.paymentCheckouts,
+      () => {
+        o.value = t(), I.value = /* @__PURE__ */ new Set();
+      }
+    );
+    function r() {
+      o.value.forEach((p, y) => {
+        p.sortOrder = y;
+      });
+    }
+    const a = (p) => p.type === "ecr" || p.type === "ecr_qr", l = /* @__PURE__ */ new Set(["qr", "ecr_qr"]), s = (p) => l.has(p.type), i = {
+      card: "credit_card",
+      ecr: "credit_card"
+    }, u = (p) => i[p.type] ?? null, d = [
+      { value: "pos_v7", label: "POS V7" },
+      { value: "pos_v8", label: "POS V8" }
+    ], h = [
+      { value: "kiosk_v2", label: "KIOSK V2" }
+    ], E = n.terminal.deviceType === "KIOSK" ? h : d, g = E[0].value, T = Ae({}), x = (p) => T.value[p.id] ?? g;
+    function $(p, y) {
+      T.value = { ...T.value, [p.id]: y };
+    }
+    const I = Ae(/* @__PURE__ */ new Set()), G = (p) => I.value.has(p.id);
+    function F(p) {
+      const y = new Set(I.value);
+      y.has(p.id) ? y.delete(p.id) : y.add(p.id), I.value = y;
+    }
+    const J = Ae({});
+    function z(p) {
+      const y = (J.value[p.id] ?? "").trim().toUpperCase();
+      if (!y) return;
+      const w = p.fallbackCardTypes ?? [];
+      w.includes(y) || (p.fallbackCardTypes = [...w, y]), J.value[p.id] = "";
+    }
+    function re(p, y) {
+      const w = (p.fallbackCardTypes ?? []).filter((O) => O !== y);
+      p.fallbackCardTypes = w.length > 0 ? w : null;
+    }
+    const Q = {
+      card: "Card",
+      ecr: "ECR",
+      ecr_qr: "ECR QR",
+      qr: "QR",
+      scanpay: "Scan Pay"
+    }, ce = (p) => p.action ? `${p.gateway} (${p.action})` : p.gateway;
+    async function L() {
+      await n.onUpdate(n.terminal, o.value);
+    }
+    const b = Dn();
+    function D() {
+      Tn(
+        b,
+        "Reset Payment Checkout",
+        "This will clear all customizations (display name, subtitle, icon, payment description, payment tagline, receipt payment name, sort order, enabled state) for every payment method on this terminal and restore the defaults. This action cannot be undone.",
+        async () => {
+          await n.onUpdate(n.terminal, []);
+        }
+      );
+    }
+    return (p, y) => {
+      const w = Ee("FmIcon"), O = Ee("FmTooltip"), Y = Ee("FmSwitch"), P = Ee("FmTextField"), ue = Ee("FmButton"), me = Ee("FmChip");
+      return k(), N("div", xo, [
+        o.value.length > 0 ? (k(), N("p", Eo, [
+          y[2] || (y[2] = kt(" Drag the ", -1)),
+          B(w, {
+            class: "text-gray-400 mx-0.5",
+            name: "drag_indicator"
+          }),
+          y[3] || (y[3] = kt(" handle to reorder payment checkouts ", -1))
+        ])) : Z("", !0),
+        B(W(wo), {
+          modelValue: o.value,
+          "onUpdate:modelValue": y[1] || (y[1] = (f) => o.value = f),
+          handle: ".checkout-drag-handle",
+          class: "flex flex-col gap-6",
+          "drag-class": "dragging-card",
+          "ghost-class": "sortable-ghost-card",
+          onEnd: r
+        }, {
+          default: Ot(() => [
+            (k(!0), N(at, null, lt(o.value, (f) => (k(), N("div", {
+              key: f.id,
+              class: Pt(["border rounded-lg px-6 flex flex-col gap-4", G(f) ? "py-6" : "py-3"])
+            }, [
+              X("div", So, [
+                X("div", {
+                  class: "flex items-center gap-3 flex-1 cursor-pointer select-none",
+                  onClick: (A) => F(f)
+                }, [
+                  B(w, {
+                    class: "checkout-drag-handle cursor-grab text-gray-400",
+                    name: "drag_indicator",
+                    onClick: y[0] || (y[0] = En(() => {
+                    }, ["stop"]))
+                  }),
+                  B(w, {
+                    class: "text-gray-400",
+                    name: G(f) ? "expand_less" : "expand_more"
+                  }, null, 8, ["name"]),
+                  B(O, {
+                    variant: "plain",
+                    placement: "top",
+                    content: f.gateway,
+                    "hide-arrow": !0
+                  }, {
+                    default: Ot(() => [
+                      X("img", {
+                        class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+                        src: W(Cn)(f.gateway.toUpperCase())
+                      }, null, 8, Do)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"]),
+                  X("span", To, ae(Q[f.type] ?? f.type), 1),
+                  X("span", ko, ae(ce(f)), 1)
+                ], 8, Co),
+                B(Y, {
+                  modelValue: f.enabled,
+                  "onUpdate:modelValue": (A) => f.enabled = A,
+                  label: "Enabled"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              G(f) ? (k(), N("div", Oo, [
+                X("div", Po, [
+                  X("div", Ao, [
+                    B(P, {
+                      modelValue: f.displayName,
+                      "onUpdate:modelValue": (A) => f.displayName = A,
+                      label: "Display Name"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    B(P, {
+                      modelValue: f.subtitle,
+                      "onUpdate:modelValue": (A) => f.subtitle = A,
+                      label: "Subtitle",
+                      "label-mark": "optional"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    B(P, {
+                      modelValue: f.icon,
+                      "onUpdate:modelValue": (A) => f.icon = A,
+                      label: "Icon URL",
+                      "label-mark": "optional"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    B(P, {
+                      modelValue: f.paymentDescription,
+                      "onUpdate:modelValue": (A) => f.paymentDescription = A,
+                      label: "Payment Description",
+                      "label-mark": "optional"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    B(P, {
+                      modelValue: f.paymentTagline,
+                      "onUpdate:modelValue": (A) => f.paymentTagline = A,
+                      label: "Payment Tagline",
+                      "label-mark": "optional"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    B(P, {
+                      modelValue: f.receiptPaymentName,
+                      "onUpdate:modelValue": (A) => f.receiptPaymentName = A,
+                      label: "Receipt Payment Name",
+                      "label-info": "Name printed on the receipt. Leave blank to use the default for this payment method.",
+                      "label-mark": "optional"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  a(f) ? (k(), N("div", Io, [
+                    X("div", No, [
+                      B(P, {
+                        modelValue: J.value[f.id],
+                        "onUpdate:modelValue": (A) => J.value[f.id] = A,
+                        class: "flex-1",
+                        label: "Fallback Card Types",
+                        "label-info": "Cards offered when a transaction falls back to the reconcile dialog. Default VISA, MASTERCARD.",
+                        "label-mark": "optional",
+                        onKeyup: Sn((A) => z(f), ["enter"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"]),
+                      B(ue, {
+                        icon: "add",
+                        onClick: (A) => z(f)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    (f.fallbackCardTypes ?? []).length > 0 ? (k(), N("div", Mo, [
+                      (k(!0), N(at, null, lt(f.fallbackCardTypes ?? [], (A) => (k(), it(me, {
+                        key: A,
+                        label: A,
+                        removable: !0,
+                        onChipClosed: () => re(f, A)
+                      }, null, 8, ["label", "onChipClosed"]))), 128))
+                    ])) : Z("", !0)
+                  ])) : Z("", !0)
+                ]),
+                X("div", Vo, [
+                  W(E).length > 1 ? (k(), N("div", Ro, [
+                    y[4] || (y[4] = X("span", { class: "text-xs font-medium text-gray-500" }, "Preview on", -1)),
+                    X("div", Fo, [
+                      (k(!0), N(at, null, lt(W(E), (A) => (k(), N("button", {
+                        key: A.value,
+                        type: "button",
+                        class: Pt([
+                          "rounded-md px-2.5 py-1 text-xs font-medium transition-colors mb-2",
+                          x(f) === A.value ? "bg-orange-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"
+                        ]),
+                        onClick: (ir) => $(f, A.value)
+                      }, ae(A.label), 11, Yo))), 128))
+                    ])
+                  ])) : Z("", !0),
+                  X("div", Uo, [
+                    x(f) === "pos_v7" ? (k(), N("div", jo, [
+                      X("span", Xo, ae(f.displayName || "Payment Method"), 1),
+                      f.subtitle ? (k(), N("span", Lo, ae(f.subtitle), 1)) : Z("", !0)
+                    ])) : x(f) === "pos_v8" ? (k(), N("div", Bo, [
+                      f.icon ? (k(), N("img", {
+                        key: 0,
+                        src: f.icon,
+                        class: "w-9 h-9 object-contain"
+                      }, null, 8, Ho)) : u(f) ? (k(), it(w, {
+                        key: 1,
+                        class: "text-gray-700 text-2xl",
+                        name: u(f)
+                      }, null, 8, ["name"])) : Z("", !0),
+                      X("span", Wo, ae(f.displayName || "Payment Method"), 1),
+                      f.subtitle ? (k(), N("span", zo, ae(f.subtitle), 1)) : Z("", !0)
+                    ])) : (k(), N("div", qo, [
+                      f.icon ? (k(), N("img", {
+                        key: 0,
+                        src: f.icon,
+                        class: "w-9 h-9 object-contain"
+                      }, null, 8, $o)) : u(f) ? (k(), it(w, {
+                        key: 1,
+                        class: "text-orange-500 text-3xl",
+                        name: u(f)
+                      }, null, 8, ["name"])) : Z("", !0),
+                      X("span", Go, ae(f.displayName || "Payment Method"), 1),
+                      f.subtitle ? (k(), N("span", Qo, ae(f.subtitle), 1)) : Z("", !0)
+                    ]))
+                  ]),
+                  s(f) ? (k(), N("div", Ko, [
+                    y[5] || (y[5] = X("span", { class: "mt-2 text-xs font-medium text-gray-500" }, "Payment QR Screen", -1)),
+                    X("div", Jo, [
+                      f.icon ? (k(), N("img", {
+                        key: 0,
+                        src: f.icon,
+                        class: "h-6 object-contain"
+                      }, null, 8, Zo)) : (k(), N("span", er, ae(f.gateway), 1)),
+                      X("div", tr, [
+                        B(w, {
+                          name: "qr_code_2",
+                          class: "text-6xl text-gray-800"
+                        })
+                      ]),
+                      X("p", nr, ae(f.paymentDescription || "Payment description"), 1),
+                      f.paymentTagline ? (k(), N("p", or, ae(f.paymentTagline), 1)) : Z("", !0)
+                    ])
+                  ])) : Z("", !0)
+                ])
+              ])) : Z("", !0)
+            ], 2))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        o.value.length === 0 ? (k(), N("div", rr, " No payment methods configured for this terminal. ")) : Z("", !0),
+        o.value.length > 0 ? (k(), N("div", ar, [
+          B(ue, {
+            variant: "secondary",
+            label: "Reset",
+            icon: "restart_alt",
+            onclick: D
+          }),
+          B(ue, {
+            variant: "primary",
+            label: "Save",
+            icon: "save",
+            onclick: L
+          })
+        ])) : Z("", !0)
+      ]);
+    };
+  }
+}), hr = /* @__PURE__ */ kn(lr, [["__scopeId", "data-v-936ac426"]]);
+export {
+  hr as P
+};