@feedmepos/mf-settings 0.0.57 → 0.0.59-beta.1

package/dist/ReasonTemplate-0e99fb52.js

@@ -0,0 +1,2234 @@
+import { resolveComponent as oe, TransitionGroup as pn, defineComponent as et, h as Tt, nextTick as Yt, openBlock as U, createElementBlock as te, createElementVNode as O, toDisplayString as Q, createCommentVNode as _t, renderSlot as mt, ref as Ye, reactive as gn, computed as je, watch as jt, Fragment as Ut, normalizeProps as vn, guardReactiveProps as bn, createVNode as V, unref as x, withCtx as ie, normalizeClass as yn, createBlock as ht, createSlots as _n, getCurrentInstance as wn, renderList as En, withModifiers as Ct } from "vue";
+import { useI18n as Ht } from "@feedmepos/mf-common";
+import { useSnackbar as Dn, components as Sn, useBreakpoints as Tn, useDialog as Cn } from "@feedmepos/ui-library";
+import { _ as xn, a as In } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-08a69f88.js";
+import { _ as On, c as xt } from "./createForm-d3b97d2e.js";
+import { _ as It, c as Fn } from "./FormSection.vue_vue_type_script_setup_true_lang-6aab82f2.js";
+import { u as An, r as Pn, s as Nn } from "./index-d43d45c9.js";
+import { r as kn } from "./rules-2bee6632.js";
+import "./index-cc4114ab.js";
+import "pinia";
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Ot(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    e && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(t, r).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function le(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Ot(Object(n), !0).forEach(function(o) {
+      Rn(t, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Ot(Object(n)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return t;
+}
+function Ue(t) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ue = function(e) {
+    return typeof e;
+  } : Ue = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, Ue(t);
+}
+function Rn(t, e, n) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = n, t;
+}
+function de() {
+  return de = Object.assign || function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
+    }
+    return t;
+  }, de.apply(this, arguments);
+}
+function Vn(t, e) {
+  if (t == null)
+    return {};
+  var n = {}, o = Object.keys(t), r, i;
+  for (i = 0; i < o.length; i++)
+    r = o[i], !(e.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+function Mn(t, e) {
+  if (t == null)
+    return {};
+  var n = Vn(t, e), o, r;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < i.length; r++)
+      o = i[r], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
+  }
+  return n;
+}
+var $n = "1.14.0";
+function ue(t) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(t);
+}
+var fe = ue(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ve = ue(/Edge/i), Ft = ue(/firefox/i), Ae = ue(/safari/i) && !ue(/chrome/i) && !ue(/android/i), zt = ue(/iP(ad|od|hone)/i), Ln = ue(/chrome/i) && ue(/android/i), Wt = {
+  capture: !1,
+  passive: !1
+};
+function T(t, e, n) {
+  t.addEventListener(e, n, !fe && Wt);
+}
+function D(t, e, n) {
+  t.removeEventListener(e, n, !fe && Wt);
+}
+function qe(t, e) {
+  if (e) {
+    if (e[0] === ">" && (e = e.substring(1)), t)
+      try {
+        if (t.matches)
+          return t.matches(e);
+        if (t.msMatchesSelector)
+          return t.msMatchesSelector(e);
+        if (t.webkitMatchesSelector)
+          return t.webkitMatchesSelector(e);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Bn(t) {
+  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
+}
+function ae(t, e, n, o) {
+  if (t) {
+    n = n || document;
+    do {
+      if (e != null && (e[0] === ">" ? t.parentNode === n && qe(t, e) : qe(t, e)) || o && t === n)
+        return t;
+      if (t === n)
+        break;
+    } while (t = Bn(t));
+  }
+  return null;
+}
+var At = /\s+/g;
+function G(t, e, n) {
+  if (t && e)
+    if (t.classList)
+      t.classList[n ? "add" : "remove"](e);
+    else {
+      var o = (" " + t.className + " ").replace(At, " ").replace(" " + e + " ", " ");
+      t.className = (o + (n ? " " + e : "")).replace(At, " ");
+    }
+}
+function m(t, e, n) {
+  var o = t && t.style;
+  if (o) {
+    if (n === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(t, "") : t.currentStyle && (n = t.currentStyle), e === void 0 ? n : n[e];
+    !(e in o) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), o[e] = n + (typeof n == "string" ? "" : "px");
+  }
+}
+function Te(t, e) {
+  var n = "";
+  if (typeof t == "string")
+    n = t;
+  else
+    do {
+      var o = m(t, "transform");
+      o && o !== "none" && (n = o + " " + n);
+    } while (!e && (t = t.parentNode));
+  var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return r && new r(n);
+}
+function Gt(t, e, n) {
+  if (t) {
+    var o = t.getElementsByTagName(e), r = 0, i = o.length;
+    if (n)
+      for (; r < i; r++)
+        n(o[r], r);
+    return o;
+  }
+  return [];
+}
+function se() {
+  var t = document.scrollingElement;
+  return t || document.documentElement;
+}
+function M(t, e, n, o, r) {
+  if (!(!t.getBoundingClientRect && t !== window)) {
+    var i, a, l, s, c, d, f;
+    if (t !== window && t.parentNode && t !== se() ? (i = t.getBoundingClientRect(), a = i.top, l = i.left, s = i.bottom, c = i.right, d = i.height, f = i.width) : (a = 0, l = 0, s = window.innerHeight, c = window.innerWidth, d = window.innerHeight, f = window.innerWidth), (e || n) && t !== window && (r = r || t.parentNode, !fe))
+      do
+        if (r && r.getBoundingClientRect && (m(r, "transform") !== "none" || n && m(r, "position") !== "static")) {
+          var y = r.getBoundingClientRect();
+          a -= y.top + parseInt(m(r, "border-top-width")), l -= y.left + parseInt(m(r, "border-left-width")), s = a + i.height, c = l + i.width;
+          break;
+        }
+      while (r = r.parentNode);
+    if (o && t !== window) {
+      var E = Te(r || t), _ = E && E.a, b = E && E.d;
+      E && (a /= b, l /= _, f /= _, d /= b, s = a + d, c = l + f);
+    }
+    return {
+      top: a,
+      left: l,
+      bottom: s,
+      right: c,
+      width: f,
+      height: d
+    };
+  }
+}
+function Pt(t, e, n) {
+  for (var o = ge(t, !0), r = M(t)[e]; o; ) {
+    var i = M(o)[n], a = void 0;
+    if (n === "top" || n === "left" ? a = r >= i : a = r <= i, !a)
+      return o;
+    if (o === se())
+      break;
+    o = ge(o, !1);
+  }
+  return !1;
+}
+function Ce(t, e, n, o) {
+  for (var r = 0, i = 0, a = t.children; i < a.length; ) {
+    if (a[i].style.display !== "none" && a[i] !== h.ghost && (o || a[i] !== h.dragged) && ae(a[i], n.draggable, t, !1)) {
+      if (r === e)
+        return a[i];
+      r++;
+    }
+    i++;
+  }
+  return null;
+}
+function wt(t, e) {
+  for (var n = t.lastElementChild; n && (n === h.ghost || m(n, "display") === "none" || e && !qe(n, e)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function ee(t, e) {
+  var n = 0;
+  if (!t || !t.parentNode)
+    return -1;
+  for (; t = t.previousElementSibling; )
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== h.clone && (!e || qe(t, e)) && n++;
+  return n;
+}
+function Nt(t) {
+  var e = 0, n = 0, o = se();
+  if (t)
+    do {
+      var r = Te(t), i = r.a, a = r.d;
+      e += t.scrollLeft * i, n += t.scrollTop * a;
+    } while (t !== o && (t = t.parentNode));
+  return [e, n];
+}
+function Xn(t, e) {
+  for (var n in t)
+    if (t.hasOwnProperty(n)) {
+      for (var o in e)
+        if (e.hasOwnProperty(o) && e[o] === t[n][o])
+          return Number(n);
+    }
+  return -1;
+}
+function ge(t, e) {
+  if (!t || !t.getBoundingClientRect)
+    return se();
+  var n = t, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var r = m(n);
+      if (n.clientWidth < n.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body)
+          return se();
+        if (o || e)
+          return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return se();
+}
+function Yn(t, e) {
+  if (t && e)
+    for (var n in e)
+      e.hasOwnProperty(n) && (t[n] = e[n]);
+  return t;
+}
+function nt(t, e) {
+  return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
+}
+var Pe;
+function qt(t, e) {
+  return function() {
+    if (!Pe) {
+      var n = arguments, o = this;
+      n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), Pe = setTimeout(function() {
+        Pe = void 0;
+      }, e);
+    }
+  };
+}
+function jn() {
+  clearTimeout(Pe), Pe = void 0;
+}
+function Kt(t, e, n) {
+  t.scrollLeft += e, t.scrollTop += n;
+}
+function Jt(t) {
+  var e = window.Polymer, n = window.jQuery || window.Zepto;
+  return e && e.dom ? e.dom(t).cloneNode(!0) : n ? n(t).clone(!0)[0] : t.cloneNode(!0);
+}
+var K = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Un() {
+  var t = [], e;
+  return {
+    captureAnimationState: function() {
+      if (t = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(r) {
+          if (!(m(r, "display") === "none" || r === h.ghost)) {
+            t.push({
+              target: r,
+              rect: M(r)
+            });
+            var i = le({}, t[t.length - 1].rect);
+            if (r.thisAnimationDuration) {
+              var a = Te(r, !0);
+              a && (i.top -= a.f, i.left -= a.e);
+            }
+            r.fromRect = i;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      t.push(o);
+    },
+    removeAnimationState: function(o) {
+      t.splice(Xn(t, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var r = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var i = !1, a = 0;
+      t.forEach(function(l) {
+        var s = 0, c = l.target, d = c.fromRect, f = M(c), y = c.prevFromRect, E = c.prevToRect, _ = l.rect, b = Te(c, !0);
+        b && (f.top -= b.f, f.left -= b.e), c.toRect = f, c.thisAnimationDuration && nt(y, f) && !nt(d, f) && // Make sure animatingRect is on line between toRect & fromRect
+        (_.top - f.top) / (_.left - f.left) === (d.top - f.top) / (d.left - f.left) && (s = zn(_, y, E, r.options)), nt(f, d) || (c.prevFromRect = d, c.prevToRect = f, s || (s = r.options.animation), r.animate(c, _, f, s)), s && (i = !0, a = Math.max(a, s), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+          c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
+        }, s), c.thisAnimationDuration = s);
+      }), clearTimeout(e), i ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), t = [];
+    },
+    animate: function(o, r, i, a) {
+      if (a) {
+        m(o, "transition", ""), m(o, "transform", "");
+        var l = Te(this.el), s = l && l.a, c = l && l.d, d = (r.left - i.left) / (s || 1), f = (r.top - i.top) / (c || 1);
+        o.animatingX = !!d, o.animatingY = !!f, m(o, "transform", "translate3d(" + d + "px," + f + "px,0)"), this.forRepaintDummy = Hn(o), m(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), m(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          m(o, "transition", ""), m(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Hn(t) {
+  return t.offsetWidth;
+}
+function zn(t, e, n, o) {
+  return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) * o.animation;
+}
+var we = [], ot = {
+  initializeByDefault: !0
+}, Me = {
+  mount: function(e) {
+    for (var n in ot)
+      ot.hasOwnProperty(n) && !(n in e) && (e[n] = ot[n]);
+    we.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), we.push(e);
+  },
+  pluginEvent: function(e, n, o) {
+    var r = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      r.eventCanceled = !0;
+    };
+    var i = e + "Global";
+    we.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][i] && n[a.pluginName][i](le({
+        sortable: n
+      }, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](le({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, n, o, r) {
+    we.forEach(function(l) {
+      var s = l.pluginName;
+      if (!(!e.options[s] && !l.initializeByDefault)) {
+        var c = new l(e, n, e.options);
+        c.sortable = e, c.options = e.options, e[s] = c, de(o, c.defaults);
+      }
+    });
+    for (var i in e.options)
+      if (e.options.hasOwnProperty(i)) {
+        var a = this.modifyOption(e, i, e.options[i]);
+        typeof a < "u" && (e.options[i] = a);
+      }
+  },
+  getEventProperties: function(e, n) {
+    var o = {};
+    return we.forEach(function(r) {
+      typeof r.eventProperties == "function" && de(o, r.eventProperties.call(n[r.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, n, o) {
+    var r;
+    return we.forEach(function(i) {
+      e[i.pluginName] && i.optionListeners && typeof i.optionListeners[n] == "function" && (r = i.optionListeners[n].call(e[i.pluginName], o));
+    }), r;
+  }
+};
+function Wn(t) {
+  var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, i = t.cloneEl, a = t.toEl, l = t.fromEl, s = t.oldIndex, c = t.newIndex, d = t.oldDraggableIndex, f = t.newDraggableIndex, y = t.originalEvent, E = t.putSortable, _ = t.extraEventProperties;
+  if (e = e || n && n[K], !!e) {
+    var b, X = e.options, w = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !fe && !Ve ? b = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (b = document.createEvent("Event"), b.initEvent(o, !0, !0)), b.to = a || n, b.from = l || n, b.item = r || n, b.clone = i, b.oldIndex = s, b.newIndex = c, b.oldDraggableIndex = d, b.newDraggableIndex = f, b.originalEvent = y, b.pullMode = E ? E.lastPutMode : void 0;
+    var g = le(le({}, _), Me.getEventProperties(o, e));
+    for (var S in g)
+      b[S] = g[S];
+    n && n.dispatchEvent(b), X[w] && X[w].call(e, b);
+  }
+}
+var Gn = ["evt"], z = function(e, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, i = Mn(o, Gn);
+  Me.pluginEvent.bind(h)(e, n, le({
+    dragEl: u,
+    parentEl: P,
+    ghostEl: v,
+    rootEl: I,
+    nextEl: _e,
+    lastDownEl: He,
+    cloneEl: N,
+    cloneHidden: pe,
+    dragStarted: Ie,
+    putSortable: B,
+    activeSortable: h.active,
+    originalEvent: r,
+    oldIndex: Se,
+    oldDraggableIndex: Ne,
+    newIndex: q,
+    newDraggableIndex: he,
+    hideGhostForTarget: tn,
+    unhideGhostForTarget: nn,
+    cloneNowHidden: function() {
+      pe = !0;
+    },
+    cloneNowShown: function() {
+      pe = !1;
+    },
+    dispatchSortableEvent: function(l) {
+      j({
+        sortable: n,
+        name: l,
+        originalEvent: r
+      });
+    }
+  }, i));
+};
+function j(t) {
+  Wn(le({
+    putSortable: B,
+    cloneEl: N,
+    targetEl: u,
+    rootEl: I,
+    oldIndex: Se,
+    oldDraggableIndex: Ne,
+    newIndex: q,
+    newDraggableIndex: he
+  }, t));
+}
+var u, P, v, I, _e, He, N, pe, Se, q, Ne, he, $e, B, De = !1, Ke = !1, Je = [], be, ne, rt, it, kt, Rt, Ie, Ee, ke, Re = !1, Le = !1, ze, Y, at = [], pt = !1, Ze = [], tt = typeof document < "u", Be = zt, Vt = Ve || fe ? "cssFloat" : "float", qn = tt && !Ln && !zt && "draggable" in document.createElement("div"), Zt = function() {
+  if (tt) {
+    if (fe)
+      return !1;
+    var t = document.createElement("x");
+    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
+  }
+}(), Qt = function(e, n) {
+  var o = m(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), i = Ce(e, 0, n), a = Ce(e, 1, n), l = i && m(i), s = a && m(a), c = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + M(i).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + M(a).width;
+  if (o.display === "flex")
+    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (o.display === "grid")
+    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (i && l.float && l.float !== "none") {
+    var f = l.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === f) ? "vertical" : "horizontal";
+  }
+  return i && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || c >= r && o[Vt] === "none" || a && o[Vt] === "none" && c + d > r) ? "vertical" : "horizontal";
+}, Kn = function(e, n, o) {
+  var r = o ? e.left : e.top, i = o ? e.right : e.bottom, a = o ? e.width : e.height, l = o ? n.left : n.top, s = o ? n.right : n.bottom, c = o ? n.width : n.height;
+  return r === l || i === s || r + a / 2 === l + c / 2;
+}, Jn = function(e, n) {
+  var o;
+  return Je.some(function(r) {
+    var i = r[K].options.emptyInsertThreshold;
+    if (!(!i || wt(r))) {
+      var a = M(r), l = e >= a.left - i && e <= a.right + i, s = n >= a.top - i && n <= a.bottom + i;
+      if (l && s)
+        return o = r;
+    }
+  }), o;
+}, en = function(e) {
+  function n(i, a) {
+    return function(l, s, c, d) {
+      var f = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
+      if (i == null && (a || f))
+        return !0;
+      if (i == null || i === !1)
+        return !1;
+      if (a && i === "clone")
+        return i;
+      if (typeof i == "function")
+        return n(i(l, s, c, d), a)(l, s, c, d);
+      var y = (a ? l : s).options.group.name;
+      return i === !0 || typeof i == "string" && i === y || i.join && i.indexOf(y) > -1;
+    };
+  }
+  var o = {}, r = e.group;
+  (!r || Ue(r) != "object") && (r = {
+    name: r
+  }), o.name = r.name, o.checkPull = n(r.pull, !0), o.checkPut = n(r.put), o.revertClone = r.revertClone, e.group = o;
+}, tn = function() {
+  !Zt && v && m(v, "display", "none");
+}, nn = function() {
+  !Zt && v && m(v, "display", "");
+};
+tt && document.addEventListener("click", function(t) {
+  if (Ke)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Ke = !1, !1;
+}, !0);
+var ye = function(e) {
+  if (u) {
+    e = e.touches ? e.touches[0] : e;
+    var n = Jn(e.clientX, e.clientY);
+    if (n) {
+      var o = {};
+      for (var r in e)
+        e.hasOwnProperty(r) && (o[r] = e[r]);
+      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[K]._onDragOver(o);
+    }
+  }
+}, Zn = function(e) {
+  u && u.parentNode[K]._isOutsideThisEl(e.target);
+};
+function h(t, e) {
+  if (!(t && t.nodeType && t.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
+  this.el = t, this.options = e = de({}, e), t[K] = this;
+  var n = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(t.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 Qt(t, 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: h.supportPointer !== !1 && "PointerEvent" in window && !Ae,
+    emptyInsertThreshold: 5
+  };
+  Me.initializePlugins(this, t, n);
+  for (var o in n)
+    !(o in e) && (e[o] = n[o]);
+  en(e);
+  for (var r in this)
+    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : qn, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? T(t, "pointerdown", this._onTapStart) : (T(t, "mousedown", this._onTapStart), T(t, "touchstart", this._onTapStart)), this.nativeDraggable && (T(t, "dragover", this), T(t, "dragenter", this)), Je.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), de(this, Un());
+}
+h.prototype = /** @lends Sortable.prototype */
+{
+  constructor: h,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Ee = null);
+  },
+  _getDirection: function(e, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, u) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var n = this, o = this.el, r = this.options, i = r.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = r.filter;
+      if (ao(o), !u && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Ae && s && s.tagName.toUpperCase() === "SELECT") && (s = ae(s, r.draggable, o, !1), !(s && s.animated) && He !== s)) {
+        if (Se = ee(s), Ne = ee(s, r.draggable), typeof d == "function") {
+          if (d.call(this, e, s, this)) {
+            j({
+              sortable: n,
+              rootEl: c,
+              name: "filter",
+              targetEl: s,
+              toEl: o,
+              fromEl: o
+            }), z("filter", n, {
+              evt: e
+            }), i && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (d && (d = d.split(",").some(function(f) {
+          if (f = ae(c, f.trim(), o, !1), f)
+            return j({
+              sortable: n,
+              rootEl: f,
+              name: "filter",
+              targetEl: s,
+              fromEl: o,
+              toEl: o
+            }), z("filter", n, {
+              evt: e
+            }), !0;
+        }), d)) {
+          i && e.cancelable && e.preventDefault();
+          return;
+        }
+        r.handle && !ae(c, r.handle, o, !1) || this._prepareDragStart(e, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, o) {
+    var r = this, i = r.el, a = r.options, l = i.ownerDocument, s;
+    if (o && !u && o.parentNode === i) {
+      var c = M(o);
+      if (I = i, u = o, P = u.parentNode, _e = u.nextSibling, He = o, $e = a.group, h.dragged = u, be = {
+        target: u,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, kt = be.clientX - c.left, Rt = be.clientY - c.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, u.style["will-change"] = "all", s = function() {
+        if (z("delayEnded", r, {
+          evt: e
+        }), h.eventCanceled) {
+          r._onDrop();
+          return;
+        }
+        r._disableDelayedDragEvents(), !Ft && r.nativeDraggable && (u.draggable = !0), r._triggerDragStart(e, n), j({
+          sortable: r,
+          name: "choose",
+          originalEvent: e
+        }), G(u, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(d) {
+        Gt(u, d.trim(), st);
+      }), T(l, "dragover", ye), T(l, "mousemove", ye), T(l, "touchmove", ye), T(l, "mouseup", r._onDrop), T(l, "touchend", r._onDrop), T(l, "touchcancel", r._onDrop), Ft && this.nativeDraggable && (this.options.touchStartThreshold = 4, u.draggable = !0), z("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(Ve || fe))) {
+        if (h.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        T(l, "mouseup", r._disableDelayedDrag), T(l, "touchend", r._disableDelayedDrag), T(l, "touchcancel", r._disableDelayedDrag), T(l, "mousemove", r._delayedDragTouchMoveHandler), T(l, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && T(l, "pointermove", r._delayedDragTouchMoveHandler), r._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() {
+    u && st(u), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    D(e, "mouseup", this._disableDelayedDrag), D(e, "touchend", this._disableDelayedDrag), D(e, "touchcancel", this._disableDelayedDrag), D(e, "mousemove", this._delayedDragTouchMoveHandler), D(e, "touchmove", this._delayedDragTouchMoveHandler), D(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, n) {
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? T(document, "pointermove", this._onTouchMove) : n ? T(document, "touchmove", this._onTouchMove) : T(document, "mousemove", this._onTouchMove) : (T(u, "dragend", this), T(I, "dragstart", this._onDragStart));
+    try {
+      document.selection ? We(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (De = !1, I && u) {
+      z("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && T(document, "dragover", Zn);
+      var o = this.options;
+      !e && G(u, o.dragClass, !1), G(u, o.ghostClass, !0), h.active = this, e && this._appendGhost(), j({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (ne) {
+      this._lastX = ne.clientX, this._lastY = ne.clientY, tn();
+      for (var e = document.elementFromPoint(ne.clientX, ne.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ne.clientX, ne.clientY), e !== n); )
+        n = e;
+      if (u.parentNode[K]._isOutsideThisEl(e), n)
+        do {
+          if (n[K]) {
+            var o = void 0;
+            if (o = n[K]._onDragOver({
+              clientX: ne.clientX,
+              clientY: ne.clientY,
+              target: e,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = n.parentNode);
+      nn();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (be) {
+      var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, i = e.touches ? e.touches[0] : e, a = v && Te(v, !0), l = v && a && a.a, s = v && a && a.d, c = Be && Y && Nt(Y), d = (i.clientX - be.clientX + r.x) / (l || 1) + (c ? c[0] - at[0] : 0) / (l || 1), f = (i.clientY - be.clientY + r.y) / (s || 1) + (c ? c[1] - at[1] : 0) / (s || 1);
+      if (!h.active && !De) {
+        if (o && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (v) {
+        a ? (a.e += d - (rt || 0), a.f += f - (it || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: d,
+          f
+        };
+        var y = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        m(v, "webkitTransform", y), m(v, "mozTransform", y), m(v, "msTransform", y), m(v, "transform", y), rt = d, it = f, ne = i;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!v) {
+      var e = this.options.fallbackOnBody ? document.body : I, n = M(u, !0, Be, !0, e), o = this.options;
+      if (Be) {
+        for (Y = e; m(Y, "position") === "static" && m(Y, "transform") === "none" && Y !== document; )
+          Y = Y.parentNode;
+        Y !== document.body && Y !== document.documentElement ? (Y === document && (Y = se()), n.top += Y.scrollTop, n.left += Y.scrollLeft) : Y = se(), at = Nt(Y);
+      }
+      v = u.cloneNode(!0), G(v, o.ghostClass, !1), G(v, o.fallbackClass, !0), G(v, o.dragClass, !0), m(v, "transition", ""), m(v, "transform", ""), m(v, "box-sizing", "border-box"), m(v, "margin", 0), m(v, "top", n.top), m(v, "left", n.left), m(v, "width", n.width), m(v, "height", n.height), m(v, "opacity", "0.8"), m(v, "position", Be ? "absolute" : "fixed"), m(v, "zIndex", "100000"), m(v, "pointerEvents", "none"), h.ghost = v, e.appendChild(v), m(v, "transform-origin", kt / parseInt(v.style.width) * 100 + "% " + Rt / parseInt(v.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var o = this, r = e.dataTransfer, i = o.options;
+    if (z("dragStart", this, {
+      evt: e
+    }), h.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    z("setupClone", this), h.eventCanceled || (N = Jt(u), N.draggable = !1, N.style["will-change"] = "", this._hideClone(), G(N, this.options.chosenClass, !1), h.clone = N), o.cloneId = We(function() {
+      z("clone", o), !h.eventCanceled && (o.options.removeCloneOnHide || I.insertBefore(N, u), o._hideClone(), j({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && G(u, i.dragClass, !0), n ? (Ke = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (D(document, "mouseup", o._onDrop), D(document, "touchend", o._onDrop), D(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, u)), T(document, "drop", o), m(u, "transform", "translateZ(0)")), De = !0, o._dragStartId = We(o._dragStarted.bind(o, n, e)), T(document, "selectstart", o), Ie = !0, Ae && 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, o = e.target, r, i, a, l = this.options, s = l.group, c = h.active, d = $e === s, f = l.sort, y = B || c, E, _ = this, b = !1;
+    if (pt)
+      return;
+    function X(xe, mn) {
+      z(xe, _, le({
+        evt: e,
+        isOwner: d,
+        axis: E ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: r,
+        targetRect: i,
+        canSort: f,
+        fromSortable: y,
+        target: o,
+        completed: g,
+        onMove: function(St, hn) {
+          return Xe(I, n, u, r, St, M(St), e, hn);
+        },
+        changed: S
+      }, mn));
+    }
+    function w() {
+      X("dragOverAnimationCapture"), _.captureAnimationState(), _ !== y && y.captureAnimationState();
+    }
+    function g(xe) {
+      return X("dragOverCompleted", {
+        insertion: xe
+      }), xe && (d ? c._hideClone() : c._showClone(_), _ !== y && (G(u, B ? B.options.ghostClass : c.options.ghostClass, !1), G(u, l.ghostClass, !0)), B !== _ && _ !== h.active ? B = _ : _ === h.active && B && (B = null), y === _ && (_._ignoreWhileAnimating = o), _.animateAll(function() {
+        X("dragOverAnimationComplete"), _._ignoreWhileAnimating = null;
+      }), _ !== y && (y.animateAll(), y._ignoreWhileAnimating = null)), (o === u && !u.animated || o === n && !o.animated) && (Ee = null), !l.dragoverBubble && !e.rootEl && o !== document && (u.parentNode[K]._isOutsideThisEl(e.target), !xe && ye(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), b = !0;
+    }
+    function S() {
+      q = ee(u), he = ee(u, l.draggable), j({
+        sortable: _,
+        name: "change",
+        toEl: n,
+        newIndex: q,
+        newDraggableIndex: he,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = ae(o, l.draggable, n, !0), X("dragOver"), h.eventCanceled)
+      return b;
+    if (u.contains(e.target) || o.animated && o.animatingX && o.animatingY || _._ignoreWhileAnimating === o)
+      return g(!1);
+    if (Ke = !1, c && !l.disabled && (d ? f || (a = P !== I) : B === this || (this.lastPutMode = $e.checkPull(this, c, u, e)) && s.checkPut(this, c, u, e))) {
+      if (E = this._getDirection(e, o) === "vertical", r = M(u), X("dragOverValid"), h.eventCanceled)
+        return b;
+      if (a)
+        return P = I, w(), this._hideClone(), X("revert"), h.eventCanceled || (_e ? I.insertBefore(u, _e) : I.appendChild(u)), g(!0);
+      var A = wt(n, l.draggable);
+      if (!A || no(e, E, this) && !A.animated) {
+        if (A === u)
+          return g(!1);
+        if (A && n === e.target && (o = A), o && (i = M(o)), Xe(I, n, u, r, o, i, e, !!o) !== !1)
+          return w(), n.appendChild(u), P = n, S(), g(!0);
+      } else if (A && to(e, E, this)) {
+        var L = Ce(n, 0, l, !0);
+        if (L === u)
+          return g(!1);
+        if (o = L, i = M(o), Xe(I, n, u, r, o, i, e, !1) !== !1)
+          return w(), n.insertBefore(u, L), P = n, S(), g(!0);
+      } else if (o.parentNode === n) {
+        i = M(o);
+        var R = 0, p, C = u.parentNode !== n, F = !Kn(u.animated && u.toRect || r, o.animated && o.toRect || i, E), J = E ? "top" : "left", re = Pt(o, "top", "top") || Pt(u, "top", "top"), me = re ? re.scrollTop : void 0;
+        Ee !== o && (p = i[J], Re = !1, Le = !F && l.invertSwap || C), R = oo(e, o, i, E, F ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Le, Ee === o);
+        var Z;
+        if (R !== 0) {
+          var ce = ee(u);
+          do
+            ce -= R, Z = P.children[ce];
+          while (Z && (m(Z, "display") === "none" || Z === v));
+        }
+        if (R === 0 || Z === o)
+          return g(!1);
+        Ee = o, ke = R;
+        var $ = o.nextElementSibling, H = !1;
+        H = R === 1;
+        var W = Xe(I, n, u, r, o, i, e, H);
+        if (W !== !1)
+          return (W === 1 || W === -1) && (H = W === 1), pt = !0, setTimeout(eo, 30), w(), H && !$ ? n.appendChild(u) : o.parentNode.insertBefore(u, H ? $ : o), re && Kt(re, 0, me - re.scrollTop), P = u.parentNode, p !== void 0 && !Le && (ze = Math.abs(p - M(o)[J])), S(), g(!0);
+      }
+      if (n.contains(u))
+        return g(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    D(document, "mousemove", this._onTouchMove), D(document, "touchmove", this._onTouchMove), D(document, "pointermove", this._onTouchMove), D(document, "dragover", ye), D(document, "mousemove", ye), D(document, "touchmove", ye);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    D(e, "mouseup", this._onDrop), D(e, "touchend", this._onDrop), D(e, "pointerup", this._onDrop), D(e, "touchcancel", this._onDrop), D(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var n = this.el, o = this.options;
+    if (q = ee(u), he = ee(u, o.draggable), z("drop", this, {
+      evt: e
+    }), P = u && u.parentNode, q = ee(u), he = ee(u, o.draggable), h.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    De = !1, Le = !1, Re = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), gt(this.cloneId), gt(this._dragStartId), this.nativeDraggable && (D(document, "drop", this), D(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ae && m(document.body, "user-select", ""), m(u, "transform", ""), e && (Ie && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), v && v.parentNode && v.parentNode.removeChild(v), (I === P || B && B.lastPutMode !== "clone") && N && N.parentNode && N.parentNode.removeChild(N), u && (this.nativeDraggable && D(u, "dragend", this), st(u), u.style["will-change"] = "", Ie && !De && G(u, B ? B.options.ghostClass : this.options.ghostClass, !1), G(u, this.options.chosenClass, !1), j({
+      sortable: this,
+      name: "unchoose",
+      toEl: P,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), I !== P ? (q >= 0 && (j({
+      rootEl: P,
+      name: "add",
+      toEl: P,
+      fromEl: I,
+      originalEvent: e
+    }), j({
+      sortable: this,
+      name: "remove",
+      toEl: P,
+      originalEvent: e
+    }), j({
+      rootEl: P,
+      name: "sort",
+      toEl: P,
+      fromEl: I,
+      originalEvent: e
+    }), j({
+      sortable: this,
+      name: "sort",
+      toEl: P,
+      originalEvent: e
+    })), B && B.save()) : q !== Se && q >= 0 && (j({
+      sortable: this,
+      name: "update",
+      toEl: P,
+      originalEvent: e
+    }), j({
+      sortable: this,
+      name: "sort",
+      toEl: P,
+      originalEvent: e
+    })), h.active && ((q == null || q === -1) && (q = Se, he = Ne), j({
+      sortable: this,
+      name: "end",
+      toEl: P,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    z("nulling", this), I = u = P = v = _e = N = He = pe = be = ne = Ie = q = he = Se = Ne = Ee = ke = B = $e = h.dragged = h.ghost = h.clone = h.active = null, Ze.forEach(function(e) {
+      e.checked = !0;
+    }), Ze.length = rt = it = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        u && (this._onDragOver(e), Qn(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var e = [], n, o = this.el.children, r = 0, i = o.length, a = this.options; r < i; r++)
+      n = o[r], ae(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || io(n));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, n) {
+    var o = {}, r = this.el;
+    this.toArray().forEach(function(i, a) {
+      var l = r.children[a];
+      ae(l, this.options.draggable, r, !1) && (o[i] = l);
+    }, this), n && this.captureAnimationState(), e.forEach(function(i) {
+      o[i] && (r.removeChild(o[i]), r.appendChild(o[i]));
+    }), 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 ae(e, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, n) {
+    var o = this.options;
+    if (n === void 0)
+      return o[e];
+    var r = Me.modifyOption(this, e, n);
+    typeof r < "u" ? o[e] = r : o[e] = n, e === "group" && en(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    z("destroy", this);
+    var e = this.el;
+    e[K] = null, D(e, "mousedown", this._onTapStart), D(e, "touchstart", this._onTapStart), D(e, "pointerdown", this._onTapStart), this.nativeDraggable && (D(e, "dragover", this), D(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), Je.splice(Je.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!pe) {
+      if (z("hideClone", this), h.eventCanceled)
+        return;
+      m(N, "display", "none"), this.options.removeCloneOnHide && N.parentNode && N.parentNode.removeChild(N), pe = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (pe) {
+      if (z("showClone", this), h.eventCanceled)
+        return;
+      u.parentNode == I && !this.options.group.revertClone ? I.insertBefore(N, u) : _e ? I.insertBefore(N, _e) : I.appendChild(N), this.options.group.revertClone && this.animate(u, N), m(N, "display", ""), pe = !1;
+    }
+  }
+};
+function Qn(t) {
+  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
+}
+function Xe(t, e, n, o, r, i, a, l) {
+  var s, c = t[K], d = c.options.onMove, f;
+  return window.CustomEvent && !fe && !Ve ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = t, s.dragged = n, s.draggedRect = o, s.related = r || e, s.relatedRect = i || M(e), s.willInsertAfter = l, s.originalEvent = a, t.dispatchEvent(s), d && (f = d.call(c, s, a)), f;
+}
+function st(t) {
+  t.draggable = !1;
+}
+function eo() {
+  pt = !1;
+}
+function to(t, e, n) {
+  var o = M(Ce(n.el, 0, n.options, !0)), r = 10;
+  return e ? t.clientX < o.left - r || t.clientY < o.top && t.clientX < o.right : t.clientY < o.top - r || t.clientY < o.bottom && t.clientX < o.left;
+}
+function no(t, e, n) {
+  var o = M(wt(n.el, n.options.draggable)), r = 10;
+  return e ? t.clientX > o.right + r || t.clientX <= o.right && t.clientY > o.bottom && t.clientX >= o.left : t.clientX > o.right && t.clientY > o.top || t.clientX <= o.right && t.clientY > o.bottom + r;
+}
+function oo(t, e, n, o, r, i, a, l) {
+  var s = o ? t.clientY : t.clientX, c = o ? n.height : n.width, d = o ? n.top : n.left, f = o ? n.bottom : n.right, y = !1;
+  if (!a) {
+    if (l && ze < c * r) {
+      if (!Re && (ke === 1 ? s > d + c * i / 2 : s < f - c * i / 2) && (Re = !0), Re)
+        y = !0;
+      else if (ke === 1 ? s < d + ze : s > f - ze)
+        return -ke;
+    } else if (s > d + c * (1 - r) / 2 && s < f - c * (1 - r) / 2)
+      return ro(e);
+  }
+  return y = y || a, y && (s < d + c * i / 2 || s > f - c * i / 2) ? s > d + c / 2 ? 1 : -1 : 0;
+}
+function ro(t) {
+  return ee(u) < ee(t) ? 1 : -1;
+}
+function io(t) {
+  for (var e = t.tagName + t.className + t.src + t.href + t.textContent, n = e.length, o = 0; n--; )
+    o += e.charCodeAt(n);
+  return o.toString(36);
+}
+function ao(t) {
+  Ze.length = 0;
+  for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
+    var o = e[n];
+    o.checked && Ze.push(o);
+  }
+}
+function We(t) {
+  return setTimeout(t, 0);
+}
+function gt(t) {
+  return clearTimeout(t);
+}
+tt && T(document, "touchmove", function(t) {
+  (h.active || De) && t.cancelable && t.preventDefault();
+});
+h.utils = {
+  on: T,
+  off: D,
+  css: m,
+  find: Gt,
+  is: function(e, n) {
+    return !!ae(e, n, e, !1);
+  },
+  extend: Yn,
+  throttle: qt,
+  closest: ae,
+  toggleClass: G,
+  clone: Jt,
+  index: ee,
+  nextTick: We,
+  cancelNextTick: gt,
+  detectDirection: Qt,
+  getChild: Ce
+};
+h.get = function(t) {
+  return t[K];
+};
+h.mount = function() {
+  for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
+    e[n] = arguments[n];
+  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 && (h.utils = le(le({}, h.utils), o.utils)), Me.mount(o);
+  });
+};
+h.create = function(t, e) {
+  return new h(t, e);
+};
+h.version = $n;
+var k = [], Oe, vt, bt = !1, lt, ct, Qe, Fe;
+function so() {
+  function t() {
+    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 t.prototype = {
+    dragStarted: function(n) {
+      var o = n.originalEvent;
+      this.sortable.nativeDraggable ? T(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? T(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? T(document, "touchmove", this._handleFallbackAutoScroll) : T(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? D(document, "dragover", this._handleAutoScroll) : (D(document, "pointermove", this._handleFallbackAutoScroll), D(document, "touchmove", this._handleFallbackAutoScroll), D(document, "mousemove", this._handleFallbackAutoScroll)), Mt(), Ge(), jn();
+    },
+    nulling: function() {
+      Qe = vt = Oe = bt = Fe = lt = ct = null, k.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var r = this, i = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(i, a);
+      if (Qe = n, o || this.options.forceAutoScrollFallback || Ve || fe || Ae) {
+        ut(n, this.options, l, o);
+        var s = ge(l, !0);
+        bt && (!Fe || i !== lt || a !== ct) && (Fe && Mt(), Fe = setInterval(function() {
+          var c = ge(document.elementFromPoint(i, a), !0);
+          c !== s && (s = c, Ge()), ut(n, r.options, c, o);
+        }, 10), lt = i, ct = a);
+      } else {
+        if (!this.options.bubbleScroll || ge(l, !0) === se()) {
+          Ge();
+          return;
+        }
+        ut(n, this.options, ge(l, !1), !1);
+      }
+    }
+  }, de(t, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function Ge() {
+  k.forEach(function(t) {
+    clearInterval(t.pid);
+  }), k = [];
+}
+function Mt() {
+  clearInterval(Fe);
+}
+var ut = qt(function(t, e, n, o) {
+  if (e.scroll) {
+    var r = (t.touches ? t.touches[0] : t).clientX, i = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = se(), c = !1, d;
+    vt !== n && (vt = n, Ge(), Oe = e.scroll, d = e.scrollFn, Oe === !0 && (Oe = ge(n, !0)));
+    var f = 0, y = Oe;
+    do {
+      var E = y, _ = M(E), b = _.top, X = _.bottom, w = _.left, g = _.right, S = _.width, A = _.height, L = void 0, R = void 0, p = E.scrollWidth, C = E.scrollHeight, F = m(E), J = E.scrollLeft, re = E.scrollTop;
+      E === s ? (L = S < p && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), R = A < C && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (L = S < p && (F.overflowX === "auto" || F.overflowX === "scroll"), R = A < C && (F.overflowY === "auto" || F.overflowY === "scroll"));
+      var me = L && (Math.abs(g - r) <= a && J + S < p) - (Math.abs(w - r) <= a && !!J), Z = R && (Math.abs(X - i) <= a && re + A < C) - (Math.abs(b - i) <= a && !!re);
+      if (!k[f])
+        for (var ce = 0; ce <= f; ce++)
+          k[ce] || (k[ce] = {});
+      (k[f].vx != me || k[f].vy != Z || k[f].el !== E) && (k[f].el = E, k[f].vx = me, k[f].vy = Z, clearInterval(k[f].pid), (me != 0 || Z != 0) && (c = !0, k[f].pid = setInterval((function() {
+        o && this.layer === 0 && h.active._onTouchMove(Qe);
+        var $ = k[this.layer].vy ? k[this.layer].vy * l : 0, H = k[this.layer].vx ? k[this.layer].vx * l : 0;
+        typeof d == "function" && d.call(h.dragged.parentNode[K], H, $, t, Qe, k[this.layer].el) !== "continue" || Kt(k[this.layer].el, H, $);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (e.bubbleScroll && y !== s && (y = ge(y, !1)));
+    bt = c;
+  }
+}, 30), on = function(e) {
+  var n = e.originalEvent, o = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+  if (n) {
+    var c = o || i;
+    l();
+    var d = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(d.clientX, d.clientY);
+    s(), c && !c.el.contains(f) && (a("spill"), this.onSpill({
+      dragEl: r,
+      putSortable: o
+    }));
+  }
+};
+function Et() {
+}
+Et.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var n = e.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(e) {
+    var n = e.dragEl, o = e.putSortable;
+    this.sortable.captureAnimationState(), o && o.captureAnimationState();
+    var r = Ce(this.sortable.el, this.startIndex, this.options);
+    r ? this.sortable.el.insertBefore(n, r) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: on
+};
+de(Et, {
+  pluginName: "revertOnSpill"
+});
+function Dt() {
+}
+Dt.prototype = {
+  onSpill: function(e) {
+    var n = e.dragEl, o = e.putSortable, r = o || this.sortable;
+    r.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), r.animateAll();
+  },
+  drop: on
+};
+de(Dt, {
+  pluginName: "removeOnSpill"
+});
+h.mount(new so());
+h.mount(Dt, Et);
+function dt(t) {
+  t.parentElement !== null && t.parentElement.removeChild(t);
+}
+function $t(t, e, n) {
+  const o = n === 0 ? t.children[0] : t.children[n - 1].nextSibling;
+  t.insertBefore(e, o);
+}
+function lo() {
+  return typeof window < "u" ? window.console : global.console;
+}
+const co = lo();
+function uo(t) {
+  const e = /* @__PURE__ */ Object.create(null);
+  return function(o) {
+    return e[o] || (e[o] = t(o));
+  };
+}
+const fo = /-(\w)/g, mo = uo((t) => t.replace(fo, (e, n) => n.toUpperCase())), rn = ["Start", "Add", "Remove", "Update", "End"], an = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], sn = ["Move"], ho = [sn, rn, an].flatMap((t) => t).map((t) => `on${t}`), yt = {
+  manage: sn,
+  manageAndEmit: rn,
+  emit: an
+};
+function po(t) {
+  return ho.indexOf(t) !== -1;
+}
+const go = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "math",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rb",
+  "rp",
+  "rt",
+  "rtc",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "slot",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "svg",
+  "table",
+  "tbody",
+  "td",
+  "template",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
+];
+function vo(t) {
+  return go.includes(t);
+}
+function bo(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function ln(t) {
+  return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
+}
+function cn(t) {
+  return t.reduce((e, [n, o]) => (e[n] = o, e), {});
+}
+function yo({ $attrs: t, componentData: e = {} }) {
+  return {
+    ...cn(
+      Object.entries(t).filter(([o, r]) => ln(o))
+    ),
+    ...e
+  };
+}
+function _o({ $attrs: t, callBackBuilder: e }) {
+  const n = cn(un(t));
+  Object.entries(e).forEach(([r, i]) => {
+    yt[r].forEach((a) => {
+      n[`on${a}`] = i(a);
+    });
+  });
+  const o = `[data-draggable]${n.draggable || ""}`;
+  return {
+    ...n,
+    draggable: o
+  };
+}
+function un(t) {
+  return Object.entries(t).filter(([e, n]) => !ln(e)).map(([e, n]) => [mo(e), n]).filter(([e, n]) => !po(e));
+}
+const Lt = ({ el: t }) => t, wo = (t, e) => t.__draggable_context = e, Bt = (t) => t.__draggable_context;
+class Eo {
+  constructor({
+    nodes: { header: e, default: n, footer: o },
+    root: r,
+    realList: i
+  }) {
+    this.defaultNodes = n, this.children = [...e, ...n, ...o], this.externalComponent = r.externalComponent, this.rootTransition = r.transition, this.tag = r.tag, this.realList = i;
+  }
+  get _isRootComponent() {
+    return this.externalComponent || this.rootTransition;
+  }
+  render(e, n) {
+    const { tag: o, children: r, _isRootComponent: i } = this;
+    return e(o, n, i ? { default: () => r } : r);
+  }
+  updated() {
+    const { defaultNodes: e, realList: n } = this;
+    e.forEach((o, r) => {
+      wo(Lt(o), {
+        element: n[r],
+        index: r
+      });
+    });
+  }
+  getUnderlyingVm(e) {
+    return Bt(e);
+  }
+  getVmIndexFromDomIndex(e, n) {
+    const { defaultNodes: o } = this, { length: r } = o, i = n.children, a = i.item(e);
+    if (a === null)
+      return r;
+    const l = Bt(a);
+    if (l)
+      return l.index;
+    if (r === 0)
+      return 0;
+    const s = Lt(o[0]), c = [...i].findIndex(
+      (d) => d === s
+    );
+    return e < c ? 0 : r;
+  }
+}
+function Do(t, e) {
+  const n = t[e];
+  return n ? n() : [];
+}
+function So({ $slots: t, realList: e, getKey: n }) {
+  const o = e || [], [r, i] = ["header", "footer"].map(
+    (s) => Do(t, s)
+  ), { item: a } = t;
+  if (!a)
+    throw new Error("draggable element must have an item slot");
+  const l = o.flatMap(
+    (s, c) => a({ element: s, index: c }).map((d) => (d.key = n(s), d.props = { ...d.props || {}, "data-draggable": !0 }, d))
+  );
+  if (l.length !== o.length)
+    throw new Error("Item slot must have only one child");
+  return {
+    header: r,
+    footer: i,
+    default: l
+  };
+}
+function To(t) {
+  const e = bo(t), n = !vo(t) && !e;
+  return {
+    transition: e,
+    externalComponent: n,
+    tag: n ? oe(t) : e ? pn : t
+  };
+}
+function Co({ $slots: t, tag: e, realList: n, getKey: o }) {
+  const r = So({ $slots: t, realList: n, getKey: o }), i = To(e);
+  return new Eo({ nodes: r, root: i, realList: n });
+}
+function dn(t, e) {
+  Yt(() => this.$emit(t.toLowerCase(), e));
+}
+function fn(t) {
+  return (e, n) => {
+    if (this.realList !== null)
+      return this[`onDrag${t}`](e, n);
+  };
+}
+function xo(t) {
+  const e = fn.call(this, t);
+  return (n, o) => {
+    e.call(this, n, o), dn.call(this, t, n);
+  };
+}
+let ft = null;
+const Io = {
+  list: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  modelValue: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  itemKey: {
+    type: [String, Function],
+    required: !0
+  },
+  clone: {
+    type: Function,
+    default: (t) => t
+  },
+  tag: {
+    type: String,
+    default: "div"
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: !1,
+    default: null
+  }
+}, Oo = [
+  "update:modelValue",
+  "change",
+  ...[...yt.manageAndEmit, ...yt.emit].map((t) => t.toLowerCase())
+], Fo = et({
+  name: "draggable",
+  inheritAttrs: !1,
+  props: Io,
+  emits: Oo,
+  data() {
+    return {
+      error: !1
+    };
+  },
+  render() {
+    try {
+      this.error = !1;
+      const { $slots: t, $attrs: e, tag: n, componentData: o, realList: r, getKey: i } = this, a = Co({
+        $slots: t,
+        tag: n,
+        realList: r,
+        getKey: i
+      });
+      this.componentStructure = a;
+      const l = yo({ $attrs: e, componentData: o });
+      return a.render(Tt, l);
+    } catch (t) {
+      return this.error = !0, Tt("pre", { style: { color: "red" } }, t.stack);
+    }
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && co.error(
+      "modelValue and list props are mutually exclusive! Please set one or another."
+    );
+  },
+  mounted() {
+    if (this.error)
+      return;
+    const { $attrs: t, $el: e, componentStructure: n } = this;
+    n.updated();
+    const o = _o({
+      $attrs: t,
+      callBackBuilder: {
+        manageAndEmit: (i) => xo.call(this, i),
+        emit: (i) => dn.bind(this, i),
+        manage: (i) => fn.call(this, i)
+      }
+    }), r = e.nodeType === 1 ? e : e.parentElement;
+    this._sortable = new h(r, o), this.targetDomElement = r, r.__draggable_component__ = this;
+  },
+  updated() {
+    this.componentStructure.updated();
+  },
+  beforeUnmount() {
+    this._sortable !== void 0 && this._sortable.destroy();
+  },
+  computed: {
+    realList() {
+      const { list: t } = this;
+      return t || this.modelValue;
+    },
+    getKey() {
+      const { itemKey: t } = this;
+      return typeof t == "function" ? t : (e) => e[t];
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(t) {
+        const { _sortable: e } = this;
+        e && un(t).forEach(([n, o]) => {
+          e.option(n, o);
+        });
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    getUnderlyingVm(t) {
+      return this.componentStructure.getUnderlyingVm(t) || null;
+    },
+    getUnderlyingPotencialDraggableComponent(t) {
+      return t.__draggable_component__;
+    },
+    emitChanges(t) {
+      Yt(() => this.$emit("change", t));
+    },
+    alterList(t) {
+      if (this.list) {
+        t(this.list);
+        return;
+      }
+      const e = [...this.modelValue];
+      t(e), this.$emit("update:modelValue", e);
+    },
+    spliceList() {
+      const t = (e) => e.splice(...arguments);
+      this.alterList(t);
+    },
+    updatePosition(t, e) {
+      const n = (o) => o.splice(e, 0, o.splice(t, 1)[0]);
+      this.alterList(n);
+    },
+    getRelatedContextFromMoveEvent({ to: t, related: e }) {
+      const n = this.getUnderlyingPotencialDraggableComponent(t);
+      if (!n)
+        return { component: n };
+      const o = n.realList, r = { list: o, component: n };
+      return t !== e && o ? { ...n.getUnderlyingVm(e) || {}, ...r } : r;
+    },
+    getVmIndexFromDomIndex(t) {
+      return this.componentStructure.getVmIndexFromDomIndex(
+        t,
+        this.targetDomElement
+      );
+    },
+    onDragStart(t) {
+      this.context = this.getUnderlyingVm(t.item), t.item._underlying_vm_ = this.clone(this.context.element), ft = t.item;
+    },
+    onDragAdd(t) {
+      const e = t.item._underlying_vm_;
+      if (e === void 0)
+        return;
+      dt(t.item);
+      const n = this.getVmIndexFromDomIndex(t.newIndex);
+      this.spliceList(n, 0, e);
+      const o = { element: e, newIndex: n };
+      this.emitChanges({ added: o });
+    },
+    onDragRemove(t) {
+      if ($t(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
+        dt(t.clone);
+        return;
+      }
+      const { index: e, element: n } = this.context;
+      this.spliceList(e, 1);
+      const o = { element: n, oldIndex: e };
+      this.emitChanges({ removed: o });
+    },
+    onDragUpdate(t) {
+      dt(t.item), $t(t.from, t.item, t.oldIndex);
+      const e = this.context.index, n = this.getVmIndexFromDomIndex(t.newIndex);
+      this.updatePosition(e, n);
+      const o = { element: this.context.element, oldIndex: e, newIndex: n };
+      this.emitChanges({ moved: o });
+    },
+    computeFutureIndex(t, e) {
+      if (!t.element)
+        return 0;
+      const n = [...e.to.children].filter(
+        (a) => a.style.display !== "none"
+      ), o = n.indexOf(e.related), r = t.component.getVmIndexFromDomIndex(
+        o
+      );
+      return n.indexOf(ft) !== -1 || !e.willInsertAfter ? r : r + 1;
+    },
+    onDragMove(t, e) {
+      const { move: n, realList: o } = this;
+      if (!n || !o)
+        return !0;
+      const r = this.getRelatedContextFromMoveEvent(t), i = this.computeFutureIndex(r, t), a = {
+        ...this.context,
+        futureIndex: i
+      }, l = {
+        ...t,
+        relatedContext: r,
+        draggedContext: a
+      };
+      return n(l, e);
+    },
+    onDragEnd() {
+      ft = null;
+    }
+  }
+}), Ao = { class: "space-y-8" }, Po = { class: "flex items-center justify-between" }, No = { class: "space-y-8" }, ko = { class: "fm-typo-en-body-lg-600" }, Ro = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Vo = /* @__PURE__ */ et({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(t) {
+    return (e, n) => (U(), te("div", Ao, [
+      O("div", Po, [
+        O("div", No, [
+          O("p", ko, Q(e.label), 1),
+          e.description ? (U(), te("p", Ro, Q(e.description), 1)) : _t("", !0)
+        ]),
+        mt(e.$slots, "append")
+      ]),
+      mt(e.$slots, "default")
+    ]));
+  }
+});
+var ve = /* @__PURE__ */ ((t) => (t.VOID = "VOID", t.REFUND = "REFUND", t.REJECT_ORDER = "REJECT_ORDER", t))(ve || {});
+const Mo = { class: "fm-typo-en-title-md-600" }, $o = { class: "py-16 space-y-32" }, Lo = { class: "space-y-24" }, Bo = ["data-not-allow-sort"], Xo = {
+  key: 1,
+  class: "w-24"
+}, Yo = { class: "flex-1" }, jo = { class: "space-y-24" }, Uo = { class: "flex gap-8 items-center justify-start" }, Xt = /* @__PURE__ */ et({
+  __name: "ReasonTemplateForm",
+  props: {
+    initialValue: {},
+    onSave: { type: Function }
+  },
+  setup(t, { expose: e }) {
+    var S, A, L, R;
+    const n = t, { t: o } = Ht(), r = Dn(), i = An(r), a = Ye(!1), l = () => {
+      var C;
+      const p = (C = n.initialValue) != null && C.reasons ? [...n.initialValue.reasons] : [];
+      return p.push(""), p.map((F, J) => ({
+        id: `${Date.now()}-${J}`,
+        value: F
+      }));
+    }, s = gn({
+      action: ((S = n.initialValue) == null ? void 0 : S.action) || ve.VOID,
+      reasons: (A = n.initialValue) != null && A.reasons ? [...n.initialValue.reasons] : [],
+      compulsory: ((L = n.initialValue) == null ? void 0 : L.compulsory) || !1,
+      allowOther: ((R = n.initialValue) == null ? void 0 : R.allowOther) || !1,
+      reasonItems: l()
+    }), c = je(() => n.initialValue ? o("settings.reasonTemplate.form.title.edit") : o("settings.reasonTemplate.form.title.add")), d = [
+      {
+        label: o("settings.reasonTemplate.actions.void"),
+        value: ve.VOID
+      },
+      {
+        label: o("settings.reasonTemplate.actions.refund"),
+        value: ve.REFUND
+      },
+      {
+        label: o("settings.reasonTemplate.actions.rejectOrder"),
+        value: ve.REJECT_ORDER
+      }
+    ];
+    function f(p) {
+      s.reasonItems = p, b();
+    }
+    function y(p, C) {
+      const F = s.reasonItems.findIndex((J) => J.id === p);
+      F !== -1 && (s.reasonItems[F].value = C, F === s.reasonItems.length - 1 && C.trim() && E()), b();
+    }
+    function E() {
+      s.reasonItems.push({
+        id: `${Date.now()}-${s.reasonItems.length}`,
+        value: ""
+      });
+    }
+    function _(p) {
+      s.reasonItems = s.reasonItems.filter((C) => C.id !== p), b();
+    }
+    function b() {
+      s.reasons = s.reasonItems.filter((p) => p.value.trim()).map((p) => p.value.trim());
+    }
+    function X(p) {
+      const C = p.draggedContext.futureIndex, F = p.relatedContext.list;
+      return C !== F.length - 1;
+    }
+    jt(
+      () => s.reasonItems,
+      (p) => {
+        (p.length === 0 || p[p.length - 1].value.trim()) && E();
+      },
+      { deep: !0 }
+    );
+    async function w() {
+      b(), i.minor(
+        async () => {
+          await n.onSave({
+            action: s.action,
+            reasons: s.reasons,
+            compulsory: s.compulsory,
+            allowOther: s.allowOther
+          }), a.value = !1;
+        },
+        {
+          successMessage: n.initialValue ? o("settings.reasonTemplate.form.message.updated") : o("settings.reasonTemplate.form.message.created")
+        }
+      );
+    }
+    function g() {
+      a.value = !a.value;
+    }
+    return e({ trigger: g }), (p, C) => {
+      const F = oe("FmSelect"), J = oe("FmIcon"), re = oe("FmTextField"), me = oe("FmSwitch"), Z = oe("FmButton"), ce = oe("FmSideSheet");
+      return U(), te(Ut, null, [
+        mt(p.$slots, "trigger", vn(bn({ trigger: g }))),
+        V(ce, {
+          modelValue: a.value,
+          "onUpdate:modelValue": C[4] || (C[4] = ($) => a.value = $),
+          "max-width": 560,
+          "is-container": x(Sn).FmForm,
+          "is-container-props": {
+            onValidationSuccess: w,
+            blameFormChildOnValidationFailed: !0
+          },
+          "dismiss-away": ""
+        }, {
+          "side-sheet-header": ie(() => [
+            O("p", Mo, Q(c.value), 1)
+          ]),
+          "side-sheet-footer": ie(() => [
+            O("div", Uo, [
+              V(Z, {
+                label: x(o)("common.save"),
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              V(Z, {
+                label: x(o)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: C[3] || (C[3] = ($) => a.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: ie(() => [
+            O("div", $o, [
+              V(It, {
+                title: x(o)("settings.reasonTemplate.form.sections.basic.title")
+              }, {
+                default: ie(() => [
+                  O("div", Lo, [
+                    V(F, {
+                      label: x(o)("settings.reasonTemplate.form.sections.basic.action.label"),
+                      modelValue: s.action,
+                      "onUpdate:modelValue": C[0] || (C[0] = ($) => s.action = $),
+                      items: d,
+                      rules: [x(kn)],
+                      "label-mark": "required"
+                    }, null, 8, ["label", "modelValue", "rules"]),
+                    V(Vo, {
+                      label: x(o)("settings.reasonTemplate.form.sections.basic.reasons.label")
+                    }, {
+                      default: ie(() => [
+                        O("div", null, [
+                          V(x(Fo), {
+                            "model-value": s.reasonItems,
+                            move: X,
+                            class: "space-y-16",
+                            group: "reasons",
+                            handle: ".handle",
+                            "item-key": "id",
+                            "onUpdate:modelValue": f
+                          }, {
+                            item: ie(({ element: $, index: H }) => [
+                              O("div", {
+                                class: yn(["flex items-center", "space-x-8"]),
+                                "data-not-allow-sort": H === s.reasonItems.length - 1
+                              }, [
+                                H !== s.reasonItems.length - 1 ? (U(), ht(J, {
+                                  key: 0,
+                                  class: "handle cursor-move",
+                                  name: "drag_handle"
+                                })) : H > 0 ? (U(), te("div", Xo)) : _t("", !0),
+                                O("div", Yo, [
+                                  V(re, {
+                                    "model-value": $.value,
+                                    rules: [
+                                      () => !!s.reasonItems.filter((W) => W.value.trim()).length || x(o)("settings.reasonTemplate.form.sections.basic.reasons.min_required"),
+                                      (W) => H === s.reasonItems.length - 1 || W != null && W.trim() ? !0 : x(o)(
+                                        "settings.reasonTemplate.form.sections.basic.reasons.name_required"
+                                      )
+                                    ],
+                                    class: "flex-1",
+                                    placeholder: x(o)("settings.reasonTemplate.form.sections.basic.newReason.placeholder"),
+                                    "onUpdate:modelValue": (W) => y($.id, W)
+                                  }, _n({ _: 2 }, [
+                                    H !== s.reasonItems.length - 1 ? {
+                                      name: "append",
+                                      fn: ie(() => [
+                                        V(J, {
+                                          name: "close",
+                                          class: "cursor-pointer",
+                                          onClick: (W) => _($.id)
+                                        }, null, 8, ["onClick"])
+                                      ]),
+                                      key: "0"
+                                    } : void 0
+                                  ]), 1032, ["model-value", "rules", "placeholder", "onUpdate:modelValue"])
+                                ])
+                              ], 8, Bo)
+                            ]),
+                            _: 1
+                          }, 8, ["model-value"])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              V(It, {
+                title: x(o)("settings.reasonTemplate.form.sections.options.title")
+              }, {
+                default: ie(() => [
+                  O("div", jo, [
+                    V(me, {
+                      modelValue: s.compulsory,
+                      "onUpdate:modelValue": C[1] || (C[1] = ($) => s.compulsory = $),
+                      label: x(o)("settings.reasonTemplate.form.sections.options.compulsory.label"),
+                      sublabel: x(o)("settings.reasonTemplate.form.sections.options.compulsory.sublabel"),
+                      "label-placement": "right"
+                    }, null, 8, ["modelValue", "label", "sublabel"]),
+                    V(me, {
+                      modelValue: s.allowOther,
+                      "onUpdate:modelValue": C[2] || (C[2] = ($) => s.allowOther = $),
+                      label: x(o)("settings.reasonTemplate.form.sections.options.allowOther.label"),
+                      sublabel: x(o)("settings.reasonTemplate.form.sections.options.allowOther.sublabel"),
+                      "label-placement": "right"
+                    }, null, 8, ["modelValue", "label", "sublabel"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), Ho = { class: "flex flex-1" }, zo = {
+  key: 0,
+  class: "flex gap-8"
+}, Wo = { class: "space-y-24" }, Go = { class: "flex justify-start" }, qo = { class: "w-[400px]" }, Ko = { key: 0 }, Jo = {
+  key: 0,
+  class: "space-y-8"
+}, Zo = {
+  key: 1,
+  class: "flex-1 pb-64 overflow-auto divide-y divide-fm-color-neutral-gray-100"
+}, Qo = { key: 0 }, er = ["onClick"], tr = { class: "flex justify-between items-center" }, nr = { class: "fm-typo-en-body-lg-600" }, or = { class: "flex gap-8" }, rr = { class: "text-fm-color-typo-secondary" }, ir = { class: "text-fm-color-typo-secondary" }, ar = { class: "text-fm-color-typo-secondary" }, sr = {
+  key: 1,
+  class: "bg-fm-color-neutral-white shadow-light-300 flex max-h-dvh items-center justify-center gap-24 self-stretch p-24"
+}, lr = { class: "flex flex-col items-center justify-center gap-16" }, cr = { class: "fm-typo-title-sm-700" }, ur = { class: "fm-typo-body-md-400 text-center text-gray-500" }, Er = /* @__PURE__ */ et({
+  __name: "ReasonTemplate",
+  setup(t) {
+    const { t: e } = Ht(), n = Tn(), o = Cn(), r = je(() => n.breakpoints.value.xs), i = wn(), a = Ye(void 0), l = Ye(null), s = Ye(!1), c = je(() => {
+      var w;
+      return (w = l.value) != null && w.reasonTemplates ? l.value.reasonTemplates.map((g, S) => ({
+        ...g,
+        id: `${S}`
+      })) : [];
+    }), d = {
+      [ve.VOID]: e("settings.reasonTemplate.actions.void"),
+      [ve.REFUND]: e("settings.reasonTemplate.actions.refund"),
+      [ve.REJECT_ORDER]: e("settings.reasonTemplate.actions.rejectOrder")
+    }, f = je(() => [
+      {
+        header: e("settings.reasonTemplate.table.action"),
+        accessorKey: "action",
+        enableSorting: !1,
+        cell: (w) => {
+          const g = w.row.original.action;
+          return d[g] || g;
+        }
+      },
+      {
+        header: e("settings.reasonTemplate.table.reasons"),
+        accessorKey: "reasons",
+        enableSorting: !1,
+        cell: (w) => {
+          const g = w.row.original.reasons;
+          return g.length > 0 ? g.join(", ") : "--";
+        }
+      },
+      {
+        header: e("settings.reasonTemplate.table.compulsory"),
+        accessorKey: "compulsory",
+        enableSorting: !1,
+        cell: (w) => w.row.original.compulsory ? e("common.yes") : e("common.no")
+      },
+      {
+        header: e("settings.reasonTemplate.table.allowOther"),
+        accessorKey: "allowOther",
+        enableSorting: !1,
+        cell: (w) => w.row.original.allowOther ? e("common.yes") : e("common.no")
+      },
+      {
+        id: "action",
+        header: "",
+        size: 80,
+        cell: (w) => {
+          const g = w.row.original;
+          return Fn([
+            {
+              name: "edit",
+              onClick: () => b(g)
+            },
+            {
+              name: "delete",
+              onClick: () => {
+                const S = parseInt(g.id);
+                X(S);
+              }
+            }
+          ]);
+        }
+      }
+    ]);
+    async function y() {
+      if (!a.value) {
+        l.value = null;
+        return;
+      }
+      s.value = !0;
+      try {
+        l.value = await Pn(a.value);
+      } catch (w) {
+        console.error("Failed to load restaurant setting:", w), l.value = null;
+      } finally {
+        s.value = !1;
+      }
+    }
+    async function E(w) {
+      if (!a.value)
+        return;
+      const g = {
+        ...l.value,
+        _id: a.value,
+        reasonTemplates: w
+      };
+      try {
+        await Nn(a.value, g), l.value = g;
+      } catch (S) {
+        throw console.error("Failed to save restaurant setting:", S), S;
+      }
+    }
+    function _() {
+      xt(i, Xt, {
+        onSave: async (w) => {
+          var S;
+          const g = ((S = l.value) == null ? void 0 : S.reasonTemplates) || [];
+          await E([...g, w]);
+        }
+      });
+    }
+    function b(w) {
+      xt(i, Xt, {
+        initialValue: w,
+        onSave: async (g) => {
+          var R;
+          const S = ((R = l.value) == null ? void 0 : R.reasonTemplates) || [], A = parseInt(w.id), L = [...S];
+          L[A] = g, await E(L);
+        }
+      });
+    }
+    async function X(w) {
+      var A;
+      const g = ((A = l.value) == null ? void 0 : A.reasonTemplates) || [], S = g[w];
+      S && o.open({
+        title: e("settings.reasonTemplate.delete.title"),
+        message: e("settings.reasonTemplate.delete.message", {
+          action: d[S.action] || S.action
+        }),
+        primaryActions: {
+          text: e("common.delete"),
+          variant: "destructive",
+          close: !0
+        },
+        secondaryActions: {
+          text: e("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        const L = g.filter((R, p) => p !== w);
+        await E(L);
+      });
+    }
+    return jt(a, y, { immediate: !0 }), (w, g) => {
+      const S = oe("FmSpacer"), A = oe("FmButton"), L = oe("FmTable"), R = oe("FmCircularProgress");
+      return U(), ht(On, {
+        heading: x(e)("settings.reasonTemplate.title")
+      }, {
+        "append-heading": ie(() => [
+          O("div", Ho, [
+            V(S),
+            !r.value && a.value ? (U(), te("div", zo, [
+              V(A, {
+                onClick: _,
+                label: x(e)("settings.reasonTemplate.addTemplate"),
+                "prepend-icon": "add"
+              }, null, 8, ["label"])
+            ])) : a.value ? (U(), ht(xn, {
+              key: 1,
+              onClick: _,
+              label: x(e)("settings.reasonTemplate.addTemplate"),
+              "prepend-icon": "add"
+            }, null, 8, ["label"])) : _t("", !0)
+          ])
+        ]),
+        default: ie(() => [
+          O("div", Wo, [
+            O("div", Go, [
+              O("div", qo, [
+                V(In, {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": g[0] || (g[0] = (p) => a.value = p),
+                  "managable-only": !0,
+                  label: "Select Restaurant",
+                  "auto-select-first": !0
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            a.value ? (U(), te("div", Ko, [
+              r.value ? (U(), te("div", Zo, [
+                s.value ? (U(), te("div", Qo, [
+                  V(R, { size: "lg" })
+                ])) : (U(!0), te(Ut, { key: 1 }, En(c.value, (p) => (U(), te("div", {
+                  key: p.id,
+                  class: "py-12 px-16 space-y-4",
+                  onClick: (C) => b(p)
+                }, [
+                  O("div", tr, [
+                    O("div", nr, Q(d[p.action] || p.action), 1),
+                    O("div", or, [
+                      V(A, {
+                        icon: "edit",
+                        "text-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: Ct((C) => b(p), ["stop"])
+                      }, null, 8, ["onClick"]),
+                      V(A, {
+                        icon: "delete",
+                        "text-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: Ct((C) => X(parseInt(p.id)), ["stop"])
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  O("div", rr, Q(x(e)("settings.reasonTemplate.table.reasons")) + ": " + Q(p.reasons.length > 0 ? p.reasons.join(", ") : "--"), 1),
+                  O("div", ir, Q(x(e)("settings.reasonTemplate.table.compulsory")) + ": " + Q(p.compulsory ? x(e)("common.yes") : x(e)("common.no")), 1),
+                  O("div", ar, Q(x(e)("settings.reasonTemplate.table.allowOther")) + ": " + Q(p.allowOther ? x(e)("common.yes") : x(e)("common.no")), 1)
+                ], 8, er))), 128))
+              ])) : (U(), te("div", Jo, [
+                V(L, {
+                  "column-defs": f.value,
+                  "row-data": c.value,
+                  "shrink-at": !1,
+                  loading: s.value,
+                  onRowClick: g[1] || (g[1] = (p) => b(p.original))
+                }, null, 8, ["column-defs", "row-data", "loading"])
+              ]))
+            ])) : (U(), te("div", sr, [
+              O("div", lr, [
+                O("p", cr, Q(x(e)("settings.reasonTemplate.emptyState.title")), 1),
+                O("p", ur, Q(x(e)("settings.reasonTemplate.emptyState.description")), 1)
+              ])
+            ]))
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Er as default
+};