@feedmepos/mf-report 5.19.20 → 5.19.21-beta.1

package/dist/TransitionFade-DwcV3_6N.js

@@ -0,0 +1,2366 @@
+import { defineComponent as xe, onBeforeMount as On, onBeforeUnmount as In, resolveComponent as N, createElementBlock as Q, openBlock as V, normalizeStyle as Fn, unref as M, renderSlot as He, createVNode as k, createElementVNode as ve, toDisplayString as Ae, TransitionGroup as kn, nextTick as en, h as Bt, mergeModels as At, useModel as ze, computed as Fe, Fragment as Ge, renderList as tn, createBlock as Pe, normalizeClass as An, withCtx as ae, createTextVNode as nn, Transition as Tt, createCommentVNode as fe, ref as De, watch as mt, withModifiers as Rt } from "vue";
+import { u as Nt, f as Nn, p as Pn, d as pt, j as on, h as Vn } from "./vue-i18n-BJW_sJot.js";
+import { useCoreStore as Mn } from "@feedmepos/mf-common";
+import { storeToRefs as Ln } from "pinia";
+import { useRoute as $n } from "vue-router";
+import { W as L, c as Ce, d as Bn } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BMUdA00d.js";
+import { a as Pt, _ as Xt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
+import { R as Rn, I as Le, c as rn, d as an, e as Xn } from "./FilterSelector.vue_vue_type_script_setup_true_lang-TaboGeqe.js";
+import { useSnackbar as Yn } from "@feedmepos/ui-library";
+import { d as Wn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
+const Un = {
+  key: 0,
+  class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"
+}, jn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pi = /* @__PURE__ */ xe({
+  __name: "FullScreen",
+  setup(t) {
+    const { t: e } = Nt(), n = $n(), { isLoading: o } = Ln(Nn()), i = Mn();
+    return On(() => {
+      i.hideSidebarToggle(!0);
+    }), In(() => {
+      i.hideSidebarToggle(!1);
+    }), (r, a) => {
+      const u = N("FmCircularProgress");
+      return V(), Q("div", {
+        class: "mx-auto",
+        style: Fn({
+          height: `calc(100vh - ${M(n).query.token && M(n).query.businessId ? "0" : "64"}px)`
+        })
+      }, [
+        M(o) ? (V(), Q("div", Un, [
+          k(u, { size: "xl" }),
+          ve("span", jn, Ae(M(e)("report.common.isLoading")), 1)
+        ])) : He(r.$slots, "default", { key: 1 })
+      ], 4);
+    };
+  }
+});
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Yt(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    e && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function se(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Yt(Object(n), !0).forEach(function(o) {
+      Hn(t, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Yt(Object(n)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return t;
+}
+function tt(t) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? tt = function(e) {
+    return typeof e;
+  } : tt = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, tt(t);
+}
+function Hn(t, e, n) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = n, t;
+}
+function pe() {
+  return pe = 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;
+  }, pe.apply(this, arguments);
+}
+function zn(t, e) {
+  if (t == null) return {};
+  var n = {}, o = Object.keys(t), i, r;
+  for (r = 0; r < o.length; r++)
+    i = o[r], !(e.indexOf(i) >= 0) && (n[i] = t[i]);
+  return n;
+}
+function Gn(t, e) {
+  if (t == null) return {};
+  var n = zn(t, e), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < r.length; i++)
+      o = r[i], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
+  }
+  return n;
+}
+var qn = "1.14.0";
+function me(t) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(t);
+}
+var he = me(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), qe = me(/Edge/i), Wt = me(/firefox/i), Xe = me(/safari/i) && !me(/chrome/i) && !me(/android/i), ln = me(/iP(ad|od|hone)/i), Kn = me(/chrome/i) && me(/android/i), sn = {
+  capture: !1,
+  passive: !1
+};
+function D(t, e, n) {
+  t.addEventListener(e, n, !he && sn);
+}
+function S(t, e, n) {
+  t.removeEventListener(e, n, !he && sn);
+}
+function at(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 Jn(t) {
+  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
+}
+function re(t, e, n, o) {
+  if (t) {
+    n = n || document;
+    do {
+      if (e != null && (e[0] === ">" ? t.parentNode === n && at(t, e) : at(t, e)) || o && t === n)
+        return t;
+      if (t === n) break;
+    } while (t = Jn(t));
+  }
+  return null;
+}
+var Ut = /\s+/g;
+function K(t, e, n) {
+  if (t && e)
+    if (t.classList)
+      t.classList[n ? "add" : "remove"](e);
+    else {
+      var o = (" " + t.className + " ").replace(Ut, " ").replace(" " + e + " ", " ");
+      t.className = (o + (n ? " " + e : "")).replace(Ut, " ");
+    }
+}
+function g(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 Ve(t, e) {
+  var n = "";
+  if (typeof t == "string")
+    n = t;
+  else
+    do {
+      var o = g(t, "transform");
+      o && o !== "none" && (n = o + " " + n);
+    } while (!e && (t = t.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(n);
+}
+function un(t, e, n) {
+  if (t) {
+    var o = t.getElementsByTagName(e), i = 0, r = o.length;
+    if (n)
+      for (; i < r; i++)
+        n(o[i], i);
+    return o;
+  }
+  return [];
+}
+function le() {
+  var t = document.scrollingElement;
+  return t || document.documentElement;
+}
+function P(t, e, n, o, i) {
+  if (!(!t.getBoundingClientRect && t !== window)) {
+    var r, a, u, l, c, s, f;
+    if (t !== window && t.parentNode && t !== le() ? (r = t.getBoundingClientRect(), a = r.top, u = r.left, l = r.bottom, c = r.right, s = r.height, f = r.width) : (a = 0, u = 0, l = window.innerHeight, c = window.innerWidth, s = window.innerHeight, f = window.innerWidth), (e || n) && t !== window && (i = i || t.parentNode, !he))
+      do
+        if (i && i.getBoundingClientRect && (g(i, "transform") !== "none" || n && g(i, "position") !== "static")) {
+          var h = i.getBoundingClientRect();
+          a -= h.top + parseInt(g(i, "border-top-width")), u -= h.left + parseInt(g(i, "border-left-width")), l = a + r.height, c = u + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (o && t !== window) {
+      var w = Ve(i || t), b = w && w.a, y = w && w.d;
+      w && (a /= y, u /= b, f /= b, s /= y, l = a + s, c = u + f);
+    }
+    return {
+      top: a,
+      left: u,
+      bottom: l,
+      right: c,
+      width: f,
+      height: s
+    };
+  }
+}
+function jt(t, e, n) {
+  for (var o = ye(t, !0), i = P(t)[e]; o; ) {
+    var r = P(o)[n], a = void 0;
+    if (a = i >= r, !a) return o;
+    if (o === le()) break;
+    o = ye(o, !1);
+  }
+  return !1;
+}
+function Me(t, e, n, o) {
+  for (var i = 0, r = 0, a = t.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== v.ghost && (o || a[r] !== v.dragged) && re(a[r], n.draggable, t, !1)) {
+      if (i === e)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function Vt(t, e) {
+  for (var n = t.lastElementChild; n && (n === v.ghost || g(n, "display") === "none" || e && !at(n, e)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function oe(t, e) {
+  var n = 0;
+  if (!t || !t.parentNode)
+    return -1;
+  for (; t = t.previousElementSibling; )
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== v.clone && (!e || at(t, e)) && n++;
+  return n;
+}
+function Ht(t) {
+  var e = 0, n = 0, o = le();
+  if (t)
+    do {
+      var i = Ve(t), r = i.a, a = i.d;
+      e += t.scrollLeft * r, n += t.scrollTop * a;
+    } while (t !== o && (t = t.parentNode));
+  return [e, n];
+}
+function Zn(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 ye(t, e) {
+  if (!t || !t.getBoundingClientRect) return le();
+  var n = t, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var i = g(n);
+      if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body) return le();
+        if (o || e) return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return le();
+}
+function Qn(t, e) {
+  if (t && e)
+    for (var n in e)
+      e.hasOwnProperty(n) && (t[n] = e[n]);
+  return t;
+}
+function ht(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 Ye;
+function cn(t, e) {
+  return function() {
+    if (!Ye) {
+      var n = arguments, o = this;
+      n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), Ye = setTimeout(function() {
+        Ye = void 0;
+      }, e);
+    }
+  };
+}
+function eo() {
+  clearTimeout(Ye), Ye = void 0;
+}
+function dn(t, e, n) {
+  t.scrollLeft += e, t.scrollTop += n;
+}
+function fn(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 Z = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function to() {
+  var t = [], e;
+  return {
+    captureAnimationState: function() {
+      if (t = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(i) {
+          if (!(g(i, "display") === "none" || i === v.ghost)) {
+            t.push({
+              target: i,
+              rect: P(i)
+            });
+            var r = se({}, t[t.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = Ve(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      t.push(o);
+    },
+    removeAnimationState: function(o) {
+      t.splice(Zn(t, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var r = !1, a = 0;
+      t.forEach(function(u) {
+        var l = 0, c = u.target, s = c.fromRect, f = P(c), h = c.prevFromRect, w = c.prevToRect, b = u.rect, y = Ve(c, !0);
+        y && (f.top -= y.f, f.left -= y.e), c.toRect = f, c.thisAnimationDuration && ht(h, f) && !ht(s, f) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - f.top) / (b.left - f.left) === (s.top - f.top) / (s.left - f.left) && (l = oo(b, h, w, i.options)), ht(f, s) || (c.prevFromRect = s, c.prevToRect = f, l || (l = i.options.animation), i.animate(c, b, f, l)), l && (r = !0, a = Math.max(a, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+          c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
+        }, l), c.thisAnimationDuration = l);
+      }), clearTimeout(e), r ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), t = [];
+    },
+    animate: function(o, i, r, a) {
+      if (a) {
+        g(o, "transition", ""), g(o, "transform", "");
+        var u = Ve(this.el), l = u && u.a, c = u && u.d, s = (i.left - r.left) / (l || 1), f = (i.top - r.top) / (c || 1);
+        o.animatingX = !!s, o.animatingY = !!f, g(o, "transform", "translate3d(" + s + "px," + f + "px,0)"), this.forRepaintDummy = no(o), g(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), g(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          g(o, "transition", ""), g(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function no(t) {
+  return t.offsetWidth;
+}
+function oo(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 Oe = [], gt = {
+  initializeByDefault: !0
+}, Ke = {
+  mount: function(e) {
+    for (var n in gt)
+      gt.hasOwnProperty(n) && !(n in e) && (e[n] = gt[n]);
+    Oe.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), Oe.push(e);
+  },
+  pluginEvent: function(e, n, o) {
+    var i = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    Oe.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](se({
+        sortable: n
+      }, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](se({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, n, o, i) {
+    Oe.forEach(function(u) {
+      var l = u.pluginName;
+      if (!(!e.options[l] && !u.initializeByDefault)) {
+        var c = new u(e, n, e.options);
+        c.sortable = e, c.options = e.options, e[l] = c, pe(o, c.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 o = {};
+    return Oe.forEach(function(i) {
+      typeof i.eventProperties == "function" && pe(o, i.eventProperties.call(n[i.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, n, o) {
+    var i;
+    return Oe.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (i = r.optionListeners[n].call(e[r.pluginName], o));
+    }), i;
+  }
+};
+function io(t) {
+  var e = t.sortable, n = t.rootEl, o = t.name, i = t.targetEl, r = t.cloneEl, a = t.toEl, u = t.fromEl, l = t.oldIndex, c = t.newIndex, s = t.oldDraggableIndex, f = t.newDraggableIndex, h = t.originalEvent, w = t.putSortable, b = t.extraEventProperties;
+  if (e = e || n && n[Z], !!e) {
+    var y, B = e.options, R = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !he && !qe ? y = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (y = document.createEvent("Event"), y.initEvent(o, !0, !0)), y.to = a || n, y.from = u || n, y.item = i || n, y.clone = r, y.oldIndex = l, y.newIndex = c, y.oldDraggableIndex = s, y.newDraggableIndex = f, y.originalEvent = h, y.pullMode = w ? w.lastPutMode : void 0;
+    var x = se(se({}, b), Ke.getEventProperties(o, e));
+    for (var A in x)
+      y[A] = x[A];
+    n && n.dispatchEvent(y), B[R] && B[R].call(e, y);
+  }
+}
+var ro = ["evt"], q = function(e, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = o.evt, r = Gn(o, ro);
+  Ke.pluginEvent.bind(v)(e, n, se({
+    dragEl: d,
+    parentEl: O,
+    ghostEl: _,
+    rootEl: T,
+    nextEl: Te,
+    lastDownEl: nt,
+    cloneEl: I,
+    cloneHidden: be,
+    dragStarted: $e,
+    putSortable: $,
+    activeSortable: v.active,
+    originalEvent: i,
+    oldIndex: Ne,
+    oldDraggableIndex: We,
+    newIndex: J,
+    newDraggableIndex: ge,
+    hideGhostForTarget: gn,
+    unhideGhostForTarget: vn,
+    cloneNowHidden: function() {
+      be = !0;
+    },
+    cloneNowShown: function() {
+      be = !1;
+    },
+    dispatchSortableEvent: function(u) {
+      G({
+        sortable: n,
+        name: u,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function G(t) {
+  io(se({
+    putSortable: $,
+    cloneEl: I,
+    targetEl: d,
+    rootEl: T,
+    oldIndex: Ne,
+    oldDraggableIndex: We,
+    newIndex: J,
+    newDraggableIndex: ge
+  }, t));
+}
+var d, O, _, T, Te, nt, I, be, Ne, J, We, ge, Je, $, ke = !1, lt = !1, st = [], Ee, ie, vt, bt, zt, Gt, $e, Ie, Ue, je = !1, Ze = !1, ot, U, yt = [], xt = !1, ut = [], dt = typeof document < "u", Qe = ln, qt = qe || he ? "cssFloat" : "float", ao = dt && !Kn && !ln && "draggable" in document.createElement("div"), mn = function() {
+  if (dt) {
+    if (he)
+      return !1;
+    var t = document.createElement("x");
+    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
+  }
+}(), pn = function(e, n) {
+  var o = g(e), i = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), r = Me(e, 0, n), a = Me(e, 1, n), u = r && g(r), l = a && g(a), c = u && parseInt(u.marginLeft) + parseInt(u.marginRight) + P(r).width, s = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + P(a).width;
+  if (o.display === "flex")
+    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (o.display === "grid")
+    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && u.float && u.float !== "none") {
+    var f = u.float === "left" ? "left" : "right";
+    return a && (l.clear === "both" || l.clear === f) ? "vertical" : "horizontal";
+  }
+  return r && (u.display === "block" || u.display === "flex" || u.display === "table" || u.display === "grid" || c >= i && o[qt] === "none" || a && o[qt] === "none" && c + s > i) ? "vertical" : "horizontal";
+}, lo = function(e, n, o) {
+  var i = o ? e.left : e.top, r = o ? e.right : e.bottom, a = o ? e.width : e.height, u = o ? n.left : n.top, l = o ? n.right : n.bottom, c = o ? n.width : n.height;
+  return i === u || r === l || i + a / 2 === u + c / 2;
+}, so = function(e, n) {
+  var o;
+  return st.some(function(i) {
+    var r = i[Z].options.emptyInsertThreshold;
+    if (!(!r || Vt(i))) {
+      var a = P(i), u = e >= a.left - r && e <= a.right + r, l = n >= a.top - r && n <= a.bottom + r;
+      if (u && l)
+        return o = i;
+    }
+  }), o;
+}, hn = function(e) {
+  function n(r, a) {
+    return function(u, l, c, s) {
+      var f = u.options.group.name && l.options.group.name && u.options.group.name === l.options.group.name;
+      if (r == null && (a || f))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return n(r(u, l, c, s), a)(u, l, c, s);
+      var h = (a ? u : l).options.group.name;
+      return r === !0 || typeof r == "string" && r === h || r.join && r.indexOf(h) > -1;
+    };
+  }
+  var o = {}, i = e.group;
+  (!i || tt(i) != "object") && (i = {
+    name: i
+  }), o.name = i.name, o.checkPull = n(i.pull, !0), o.checkPut = n(i.put), o.revertClone = i.revertClone, e.group = o;
+}, gn = function() {
+  !mn && _ && g(_, "display", "none");
+}, vn = function() {
+  !mn && _ && g(_, "display", "");
+};
+dt && document.addEventListener("click", function(t) {
+  if (lt)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), lt = !1, !1;
+}, !0);
+var Se = function(e) {
+  if (d) {
+    e = e.touches ? e.touches[0] : e;
+    var n = so(e.clientX, e.clientY);
+    if (n) {
+      var o = {};
+      for (var i in e)
+        e.hasOwnProperty(i) && (o[i] = e[i]);
+      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[Z]._onDragOver(o);
+    }
+  }
+}, uo = function(e) {
+  d && d.parentNode[Z]._isOutsideThisEl(e.target);
+};
+function v(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 = pe({}, e), t[Z] = 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 pn(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, u) {
+      a.setData("Text", u.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 && !Xe,
+    emptyInsertThreshold: 5
+  };
+  Ke.initializePlugins(this, t, n);
+  for (var o in n)
+    !(o in e) && (e[o] = n[o]);
+  hn(e);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : ao, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? D(t, "pointerdown", this._onTapStart) : (D(t, "mousedown", this._onTapStart), D(t, "touchstart", this._onTapStart)), this.nativeDraggable && (D(t, "dragover", this), D(t, "dragenter", this)), st.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), pe(this, to());
+}
+v.prototype = /** @lends Sortable.prototype */
+{
+  constructor: v,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Ie = null);
+  },
+  _getDirection: function(e, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, d) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var n = this, o = this.el, i = this.options, r = i.preventOnFilter, a = e.type, u = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, l = (u || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || l, s = i.filter;
+      if (bo(o), !d && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || i.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Xe && l && l.tagName.toUpperCase() === "SELECT") && (l = re(l, i.draggable, o, !1), !(l && l.animated) && nt !== l)) {
+        if (Ne = oe(l), We = oe(l, i.draggable), typeof s == "function") {
+          if (s.call(this, e, l, this)) {
+            G({
+              sortable: n,
+              rootEl: c,
+              name: "filter",
+              targetEl: l,
+              toEl: o,
+              fromEl: o
+            }), q("filter", n, {
+              evt: e
+            }), r && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (s && (s = s.split(",").some(function(f) {
+          if (f = re(c, f.trim(), o, !1), f)
+            return G({
+              sortable: n,
+              rootEl: f,
+              name: "filter",
+              targetEl: l,
+              fromEl: o,
+              toEl: o
+            }), q("filter", n, {
+              evt: e
+            }), !0;
+        }), s)) {
+          r && e.cancelable && e.preventDefault();
+          return;
+        }
+        i.handle && !re(c, i.handle, o, !1) || this._prepareDragStart(e, u, l);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, o) {
+    var i = this, r = i.el, a = i.options, u = r.ownerDocument, l;
+    if (o && !d && o.parentNode === r) {
+      var c = P(o);
+      if (T = r, d = o, O = d.parentNode, Te = d.nextSibling, nt = o, Je = a.group, v.dragged = d, Ee = {
+        target: d,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, zt = Ee.clientX - c.left, Gt = Ee.clientY - c.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, d.style["will-change"] = "all", l = function() {
+        if (q("delayEnded", i, {
+          evt: e
+        }), v.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !Wt && i.nativeDraggable && (d.draggable = !0), i._triggerDragStart(e, n), G({
+          sortable: i,
+          name: "choose",
+          originalEvent: e
+        }), K(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(s) {
+        un(d, s.trim(), _t);
+      }), D(u, "dragover", Se), D(u, "mousemove", Se), D(u, "touchmove", Se), D(u, "mouseup", i._onDrop), D(u, "touchend", i._onDrop), D(u, "touchcancel", i._onDrop), Wt && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), q("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(qe || he))) {
+        if (v.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        D(u, "mouseup", i._disableDelayedDrag), D(u, "touchend", i._disableDelayedDrag), D(u, "touchcancel", i._disableDelayedDrag), D(u, "mousemove", i._delayedDragTouchMoveHandler), D(u, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && D(u, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(l, a.delay);
+      } else
+        l();
+    }
+  },
+  _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() {
+    d && _t(d), 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 ? D(document, "pointermove", this._onTouchMove) : n ? D(document, "touchmove", this._onTouchMove) : D(document, "mousemove", this._onTouchMove) : (D(d, "dragend", this), D(T, "dragstart", this._onDragStart));
+    try {
+      document.selection ? it(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (ke = !1, T && d) {
+      q("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && D(document, "dragover", uo);
+      var o = this.options;
+      !e && K(d, o.dragClass, !1), K(d, o.ghostClass, !0), v.active = this, e && this._appendGhost(), G({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (ie) {
+      this._lastX = ie.clientX, this._lastY = ie.clientY, gn();
+      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 (d.parentNode[Z]._isOutsideThisEl(e), n)
+        do {
+          if (n[Z]) {
+            var o = void 0;
+            if (o = n[Z]._onDragOver({
+              clientX: ie.clientX,
+              clientY: ie.clientY,
+              target: e,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = n.parentNode);
+      vn();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (Ee) {
+      var n = this.options, o = n.fallbackTolerance, i = n.fallbackOffset, r = e.touches ? e.touches[0] : e, a = _ && Ve(_, !0), u = _ && a && a.a, l = _ && a && a.d, c = Qe && U && Ht(U), s = (r.clientX - Ee.clientX + i.x) / (u || 1) + (c ? c[0] - yt[0] : 0) / (u || 1), f = (r.clientY - Ee.clientY + i.y) / (l || 1) + (c ? c[1] - yt[1] : 0) / (l || 1);
+      if (!v.active && !ke) {
+        if (o && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (_) {
+        a ? (a.e += s - (vt || 0), a.f += f - (bt || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: s,
+          f
+        };
+        var h = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        g(_, "webkitTransform", h), g(_, "mozTransform", h), g(_, "msTransform", h), g(_, "transform", h), vt = s, bt = f, ie = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!_) {
+      var e = this.options.fallbackOnBody ? document.body : T, n = P(d, !0, Qe, !0, e), o = this.options;
+      if (Qe) {
+        for (U = e; g(U, "position") === "static" && g(U, "transform") === "none" && U !== document; )
+          U = U.parentNode;
+        U !== document.body && U !== document.documentElement ? (U === document && (U = le()), n.top += U.scrollTop, n.left += U.scrollLeft) : U = le(), yt = Ht(U);
+      }
+      _ = d.cloneNode(!0), K(_, o.ghostClass, !1), K(_, o.fallbackClass, !0), K(_, o.dragClass, !0), g(_, "transition", ""), g(_, "transform", ""), g(_, "box-sizing", "border-box"), g(_, "margin", 0), g(_, "top", n.top), g(_, "left", n.left), g(_, "width", n.width), g(_, "height", n.height), g(_, "opacity", "0.8"), g(_, "position", Qe ? "absolute" : "fixed"), g(_, "zIndex", "100000"), g(_, "pointerEvents", "none"), v.ghost = _, e.appendChild(_), g(_, "transform-origin", zt / parseInt(_.style.width) * 100 + "% " + Gt / parseInt(_.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var o = this, i = e.dataTransfer, r = o.options;
+    if (q("dragStart", this, {
+      evt: e
+    }), v.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    q("setupClone", this), v.eventCanceled || (I = fn(d), I.draggable = !1, I.style["will-change"] = "", this._hideClone(), K(I, this.options.chosenClass, !1), v.clone = I), o.cloneId = it(function() {
+      q("clone", o), !v.eventCanceled && (o.options.removeCloneOnHide || T.insertBefore(I, d), o._hideClone(), G({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && K(d, r.dragClass, !0), n ? (lt = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (S(document, "mouseup", o._onDrop), S(document, "touchend", o._onDrop), S(document, "touchcancel", o._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(o, i, d)), D(document, "drop", o), g(d, "transform", "translateZ(0)")), ke = !0, o._dragStartId = it(o._dragStarted.bind(o, n, e)), D(document, "selectstart", o), $e = !0, Xe && g(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, i, r, a, u = this.options, l = u.group, c = v.active, s = Je === l, f = u.sort, h = $ || c, w, b = this, y = !1;
+    if (xt) return;
+    function B(ce, ft) {
+      q(ce, b, se({
+        evt: e,
+        isOwner: s,
+        axis: w ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: f,
+        fromSortable: h,
+        target: o,
+        completed: x,
+        onMove: function(de, we) {
+          return et(T, n, d, i, de, P(de), e, we);
+        },
+        changed: A
+      }, ft));
+    }
+    function R() {
+      B("dragOverAnimationCapture"), b.captureAnimationState(), b !== h && h.captureAnimationState();
+    }
+    function x(ce) {
+      return B("dragOverCompleted", {
+        insertion: ce
+      }), ce && (s ? c._hideClone() : c._showClone(b), b !== h && (K(d, $ ? $.options.ghostClass : c.options.ghostClass, !1), K(d, u.ghostClass, !0)), $ !== b && b !== v.active ? $ = b : b === v.active && $ && ($ = null), h === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
+        B("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== h && (h.animateAll(), h._ignoreWhileAnimating = null)), (o === d && !d.animated || o === n && !o.animated) && (Ie = null), !u.dragoverBubble && !e.rootEl && o !== document && (d.parentNode[Z]._isOutsideThisEl(e.target), !ce && Se(e)), !u.dragoverBubble && e.stopPropagation && e.stopPropagation(), y = !0;
+    }
+    function A() {
+      J = oe(d), ge = oe(d, u.draggable), G({
+        sortable: b,
+        name: "change",
+        toEl: n,
+        newIndex: J,
+        newDraggableIndex: ge,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = re(o, u.draggable, n, !0), B("dragOver"), v.eventCanceled) return y;
+    if (d.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
+      return x(!1);
+    if (lt = !1, c && !u.disabled && (s ? f || (a = O !== T) : $ === this || (this.lastPutMode = Je.checkPull(this, c, d, e)) && l.checkPut(this, c, d, e))) {
+      if (w = this._getDirection(e, o) === "vertical", i = P(d), B("dragOverValid"), v.eventCanceled) return y;
+      if (a)
+        return O = T, R(), this._hideClone(), B("revert"), v.eventCanceled || (Te ? T.insertBefore(d, Te) : T.appendChild(d)), x(!0);
+      var j = Vt(n, u.draggable);
+      if (!j || po(e, w, this) && !j.animated) {
+        if (j === d)
+          return x(!1);
+        if (j && n === e.target && (o = j), o && (r = P(o)), et(T, n, d, i, o, r, e, !!o) !== !1)
+          return R(), n.appendChild(d), O = n, A(), x(!0);
+      } else if (j && mo(e, w, this)) {
+        var X = Me(n, 0, u, !0);
+        if (X === d)
+          return x(!1);
+        if (o = X, r = P(o), et(T, n, d, i, o, r, e, !1) !== !1)
+          return R(), n.insertBefore(d, X), O = n, A(), x(!0);
+      } else if (o.parentNode === n) {
+        r = P(o);
+        var ee = 0, ue, _e = d.parentNode !== n, H = !lo(d.animated && d.toRect || i, o.animated && o.toRect || r, w), m = w ? "top" : "left", p = jt(o, "top", "top") || jt(d, "top", "top"), E = p ? p.scrollTop : void 0;
+        Ie !== o && (ue = r[m], je = !1, Ze = !H && u.invertSwap || _e), ee = ho(e, o, r, w, H ? 1 : u.swapThreshold, u.invertedSwapThreshold == null ? u.swapThreshold : u.invertedSwapThreshold, Ze, Ie === o);
+        var C;
+        if (ee !== 0) {
+          var z = oe(d);
+          do
+            z -= ee, C = O.children[z];
+          while (C && (g(C, "display") === "none" || C === _));
+        }
+        if (ee === 0 || C === o)
+          return x(!1);
+        Ie = o, Ue = ee;
+        var te = o.nextElementSibling, ne = !1;
+        ne = ee === 1;
+        var Y = et(T, n, d, i, o, r, e, ne);
+        if (Y !== !1)
+          return (Y === 1 || Y === -1) && (ne = Y === 1), xt = !0, setTimeout(fo, 30), R(), ne && !te ? n.appendChild(d) : o.parentNode.insertBefore(d, ne ? te : o), p && dn(p, 0, E - p.scrollTop), O = d.parentNode, ue !== void 0 && !Ze && (ot = Math.abs(ue - P(o)[m])), A(), x(!0);
+      }
+      if (n.contains(d))
+        return x(!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", Se), S(document, "mousemove", Se), S(document, "touchmove", Se);
+  },
+  _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, o = this.options;
+    if (J = oe(d), ge = oe(d, o.draggable), q("drop", this, {
+      evt: e
+    }), O = d && d.parentNode, J = oe(d), ge = oe(d, o.draggable), v.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    ke = !1, Ze = !1, je = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ot(this.cloneId), Ot(this._dragStartId), this.nativeDraggable && (S(document, "drop", this), S(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Xe && g(document.body, "user-select", ""), g(d, "transform", ""), e && ($e && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), _ && _.parentNode && _.parentNode.removeChild(_), (T === O || $ && $.lastPutMode !== "clone") && I && I.parentNode && I.parentNode.removeChild(I), d && (this.nativeDraggable && S(d, "dragend", this), _t(d), d.style["will-change"] = "", $e && !ke && K(d, $ ? $.options.ghostClass : this.options.ghostClass, !1), K(d, this.options.chosenClass, !1), G({
+      sortable: this,
+      name: "unchoose",
+      toEl: O,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), T !== O ? (J >= 0 && (G({
+      rootEl: O,
+      name: "add",
+      toEl: O,
+      fromEl: T,
+      originalEvent: e
+    }), G({
+      sortable: this,
+      name: "remove",
+      toEl: O,
+      originalEvent: e
+    }), G({
+      rootEl: O,
+      name: "sort",
+      toEl: O,
+      fromEl: T,
+      originalEvent: e
+    }), G({
+      sortable: this,
+      name: "sort",
+      toEl: O,
+      originalEvent: e
+    })), $ && $.save()) : J !== Ne && J >= 0 && (G({
+      sortable: this,
+      name: "update",
+      toEl: O,
+      originalEvent: e
+    }), G({
+      sortable: this,
+      name: "sort",
+      toEl: O,
+      originalEvent: e
+    })), v.active && ((J == null || J === -1) && (J = Ne, ge = We), G({
+      sortable: this,
+      name: "end",
+      toEl: O,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    q("nulling", this), T = d = O = _ = Te = I = nt = be = Ee = ie = $e = J = ge = Ne = We = Ie = Ue = $ = Je = v.dragged = v.ghost = v.clone = v.active = null, ut.forEach(function(e) {
+      e.checked = !0;
+    }), ut.length = vt = bt = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(e), co(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, i = 0, r = o.length, a = this.options; i < r; i++)
+      n = o[i], re(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || vo(n));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, n) {
+    var o = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var u = i.children[a];
+      re(u, this.options.draggable, i, !1) && (o[r] = u);
+    }, this), n && this.captureAnimationState(), e.forEach(function(r) {
+      o[r] && (i.removeChild(o[r]), i.appendChild(o[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 re(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 i = Ke.modifyOption(this, e, n);
+    typeof i < "u" ? o[e] = i : o[e] = n, e === "group" && hn(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    q("destroy", this);
+    var e = this.el;
+    e[Z] = 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(), st.splice(st.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!be) {
+      if (q("hideClone", this), v.eventCanceled) return;
+      g(I, "display", "none"), this.options.removeCloneOnHide && I.parentNode && I.parentNode.removeChild(I), be = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (be) {
+      if (q("showClone", this), v.eventCanceled) return;
+      d.parentNode == T && !this.options.group.revertClone ? T.insertBefore(I, d) : Te ? T.insertBefore(I, Te) : T.appendChild(I), this.options.group.revertClone && this.animate(d, I), g(I, "display", ""), be = !1;
+    }
+  }
+};
+function co(t) {
+  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
+}
+function et(t, e, n, o, i, r, a, u) {
+  var l, c = t[Z], s = c.options.onMove, f;
+  return window.CustomEvent && !he && !qe ? l = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (l = document.createEvent("Event"), l.initEvent("move", !0, !0)), l.to = e, l.from = t, l.dragged = n, l.draggedRect = o, l.related = i || e, l.relatedRect = r || P(e), l.willInsertAfter = u, l.originalEvent = a, t.dispatchEvent(l), s && (f = s.call(c, l, a)), f;
+}
+function _t(t) {
+  t.draggable = !1;
+}
+function fo() {
+  xt = !1;
+}
+function mo(t, e, n) {
+  var o = P(Me(n.el, 0, n.options, !0)), i = 10;
+  return e ? t.clientX < o.left - i || t.clientY < o.top && t.clientX < o.right : t.clientY < o.top - i || t.clientY < o.bottom && t.clientX < o.left;
+}
+function po(t, e, n) {
+  var o = P(Vt(n.el, n.options.draggable)), i = 10;
+  return e ? t.clientX > o.right + i || 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 + i;
+}
+function ho(t, e, n, o, i, r, a, u) {
+  var l = o ? t.clientY : t.clientX, c = o ? n.height : n.width, s = o ? n.top : n.left, f = o ? n.bottom : n.right, h = !1;
+  if (!a) {
+    if (u && ot < c * i) {
+      if (!je && (Ue === 1 ? l > s + c * r / 2 : l < f - c * r / 2) && (je = !0), je)
+        h = !0;
+      else if (Ue === 1 ? l < s + ot : l > f - ot)
+        return -Ue;
+    } else if (l > s + c * (1 - i) / 2 && l < f - c * (1 - i) / 2)
+      return go(e);
+  }
+  return h = h || a, h && (l < s + c * r / 2 || l > f - c * r / 2) ? l > s + c / 2 ? 1 : -1 : 0;
+}
+function go(t) {
+  return oe(d) < oe(t) ? 1 : -1;
+}
+function vo(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 bo(t) {
+  ut.length = 0;
+  for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
+    var o = e[n];
+    o.checked && ut.push(o);
+  }
+}
+function it(t) {
+  return setTimeout(t, 0);
+}
+function Ot(t) {
+  return clearTimeout(t);
+}
+dt && D(document, "touchmove", function(t) {
+  (v.active || ke) && t.cancelable && t.preventDefault();
+});
+v.utils = {
+  on: D,
+  off: S,
+  css: g,
+  find: un,
+  is: function(e, n) {
+    return !!re(e, n, e, !1);
+  },
+  extend: Qn,
+  throttle: cn,
+  closest: re,
+  toggleClass: K,
+  clone: fn,
+  index: oe,
+  nextTick: it,
+  cancelNextTick: Ot,
+  detectDirection: pn,
+  getChild: Me
+};
+v.get = function(t) {
+  return t[Z];
+};
+v.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 && (v.utils = se(se({}, v.utils), o.utils)), Ke.mount(o);
+  });
+};
+v.create = function(t, e) {
+  return new v(t, e);
+};
+v.version = qn;
+var F = [], Be, It, Ft = !1, wt, Et, ct, Re;
+function yo() {
+  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 ? D(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? D(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? D(document, "touchmove", this._handleFallbackAutoScroll) : D(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    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)), Kt(), rt(), eo();
+    },
+    nulling: function() {
+      ct = It = Be = Ft = Re = wt = Et = null, F.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var i = this, r = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, u = document.elementFromPoint(r, a);
+      if (ct = n, o || this.options.forceAutoScrollFallback || qe || he || Xe) {
+        St(n, this.options, u, o);
+        var l = ye(u, !0);
+        Ft && (!Re || r !== wt || a !== Et) && (Re && Kt(), Re = setInterval(function() {
+          var c = ye(document.elementFromPoint(r, a), !0);
+          c !== l && (l = c, rt()), St(n, i.options, c, o);
+        }, 10), wt = r, Et = a);
+      } else {
+        if (!this.options.bubbleScroll || ye(u, !0) === le()) {
+          rt();
+          return;
+        }
+        St(n, this.options, ye(u, !1), !1);
+      }
+    }
+  }, pe(t, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function rt() {
+  F.forEach(function(t) {
+    clearInterval(t.pid);
+  }), F = [];
+}
+function Kt() {
+  clearInterval(Re);
+}
+var St = cn(function(t, e, n, o) {
+  if (e.scroll) {
+    var i = (t.touches ? t.touches[0] : t).clientX, r = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, u = e.scrollSpeed, l = le(), c = !1, s;
+    It !== n && (It = n, rt(), Be = e.scroll, s = e.scrollFn, Be === !0 && (Be = ye(n, !0)));
+    var f = 0, h = Be;
+    do {
+      var w = h, b = P(w), y = b.top, B = b.bottom, R = b.left, x = b.right, A = b.width, j = b.height, X = void 0, ee = void 0, ue = w.scrollWidth, _e = w.scrollHeight, H = g(w), m = w.scrollLeft, p = w.scrollTop;
+      w === l ? (X = A < ue && (H.overflowX === "auto" || H.overflowX === "scroll" || H.overflowX === "visible"), ee = j < _e && (H.overflowY === "auto" || H.overflowY === "scroll" || H.overflowY === "visible")) : (X = A < ue && (H.overflowX === "auto" || H.overflowX === "scroll"), ee = j < _e && (H.overflowY === "auto" || H.overflowY === "scroll"));
+      var E = X && (Math.abs(x - i) <= a && m + A < ue) - (Math.abs(R - i) <= a && !!m), C = ee && (Math.abs(B - r) <= a && p + j < _e) - (Math.abs(y - r) <= a && !!p);
+      if (!F[f])
+        for (var z = 0; z <= f; z++)
+          F[z] || (F[z] = {});
+      (F[f].vx != E || F[f].vy != C || F[f].el !== w) && (F[f].el = w, F[f].vx = E, F[f].vy = C, clearInterval(F[f].pid), (E != 0 || C != 0) && (c = !0, F[f].pid = setInterval((function() {
+        o && this.layer === 0 && v.active._onTouchMove(ct);
+        var te = F[this.layer].vy ? F[this.layer].vy * u : 0, ne = F[this.layer].vx ? F[this.layer].vx * u : 0;
+        typeof s == "function" && s.call(v.dragged.parentNode[Z], ne, te, t, ct, F[this.layer].el) !== "continue" || dn(F[this.layer].el, ne, te);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (e.bubbleScroll && h !== l && (h = ye(h, !1)));
+    Ft = c;
+  }
+}, 30), bn = function(e) {
+  var n = e.originalEvent, o = e.putSortable, i = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, u = e.hideGhostForTarget, l = e.unhideGhostForTarget;
+  if (n) {
+    var c = o || r;
+    u();
+    var s = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(s.clientX, s.clientY);
+    l(), c && !c.el.contains(f) && (a("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: o
+    }));
+  }
+};
+function Mt() {
+}
+Mt.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 i = Me(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(n, i) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: bn
+};
+pe(Mt, {
+  pluginName: "revertOnSpill"
+});
+function Lt() {
+}
+Lt.prototype = {
+  onSpill: function(e) {
+    var n = e.dragEl, o = e.putSortable, i = o || this.sortable;
+    i.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), i.animateAll();
+  },
+  drop: bn
+};
+pe(Lt, {
+  pluginName: "removeOnSpill"
+});
+v.mount(new yo());
+v.mount(Lt, Mt);
+function Dt(t) {
+  t.parentElement !== null && t.parentElement.removeChild(t);
+}
+function Jt(t, e, n) {
+  const o = n === 0 ? t.children[0] : t.children[n - 1].nextSibling;
+  t.insertBefore(e, o);
+}
+function _o() {
+  return typeof window < "u" ? window.console : globalThis.console;
+}
+const wo = _o();
+function Eo(t) {
+  const e = /* @__PURE__ */ Object.create(null);
+  return function(o) {
+    return e[o] || (e[o] = t(o));
+  };
+}
+const So = /-(\w)/g, Do = Eo((t) => t.replace(So, (e, n) => n.toUpperCase())), yn = ["Start", "Add", "Remove", "Update", "End"], _n = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], wn = ["Move"], Co = [wn, yn, _n].flatMap((t) => t).map((t) => `on${t}`), kt = {
+  manage: wn,
+  manageAndEmit: yn,
+  emit: _n
+};
+function To(t) {
+  return Co.indexOf(t) !== -1;
+}
+const xo = [
+  "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 Oo(t) {
+  return xo.includes(t);
+}
+function Io(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function En(t) {
+  return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
+}
+function Sn(t) {
+  return t.reduce((e, [n, o]) => (e[n] = o, e), {});
+}
+function Fo({ $attrs: t, componentData: e = {} }) {
+  return {
+    ...Sn(
+      Object.entries(t).filter(([o, i]) => En(o))
+    ),
+    ...e
+  };
+}
+function ko({ $attrs: t, callBackBuilder: e }) {
+  const n = Sn(Dn(t));
+  Object.entries(e).forEach(([i, r]) => {
+    kt[i].forEach((a) => {
+      n[`on${a}`] = r(a);
+    });
+  });
+  const o = `[data-draggable]${n.draggable || ""}`;
+  return {
+    ...n,
+    draggable: o
+  };
+}
+function Dn(t) {
+  return Object.entries(t).filter(([e, n]) => !En(e)).map(([e, n]) => [Do(e), n]).filter(([e, n]) => !To(e));
+}
+const Zt = ({ el: t }) => t, Ao = (t, e) => t.__draggable_context = e, Qt = (t) => t.__draggable_context;
+class No {
+  constructor({
+    nodes: { header: e, default: n, footer: o },
+    root: i,
+    realList: r
+  }) {
+    this.defaultNodes = n, this.children = [...e, ...n, ...o], this.externalComponent = i.externalComponent, this.rootTransition = i.transition, this.tag = i.tag, this.realList = r;
+  }
+  get _isRootComponent() {
+    return this.externalComponent || this.rootTransition;
+  }
+  render(e, n) {
+    const { tag: o, children: i, _isRootComponent: r } = this;
+    return e(o, n, r ? { default: () => i } : i);
+  }
+  updated() {
+    const { defaultNodes: e, realList: n } = this;
+    e.forEach((o, i) => {
+      Ao(Zt(o), {
+        element: n[i],
+        index: i
+      });
+    });
+  }
+  getUnderlyingVm(e) {
+    return Qt(e);
+  }
+  getVmIndexFromDomIndex(e, n) {
+    const { defaultNodes: o } = this, { length: i } = o, r = n.children, a = r.item(e);
+    if (a === null)
+      return i;
+    const u = Qt(a);
+    if (u)
+      return u.index;
+    if (i === 0)
+      return 0;
+    const l = Zt(o[0]), c = [...r].findIndex(
+      (s) => s === l
+    );
+    return e < c ? 0 : i;
+  }
+}
+function Po(t, e) {
+  const n = t[e];
+  return n ? n() : [];
+}
+function Vo({ $slots: t, realList: e, getKey: n }) {
+  const o = e || [], [i, r] = ["header", "footer"].map(
+    (l) => Po(t, l)
+  ), { item: a } = t;
+  if (!a)
+    throw new Error("draggable element must have an item slot");
+  const u = o.flatMap(
+    (l, c) => a({ element: l, index: c }).map((s) => (s.key = n(l), s.props = { ...s.props || {}, "data-draggable": !0 }, s))
+  );
+  if (u.length !== o.length)
+    throw new Error("Item slot must have only one child");
+  return {
+    header: i,
+    footer: r,
+    default: u
+  };
+}
+function Mo(t) {
+  const e = Io(t), n = !Oo(t) && !e;
+  return {
+    transition: e,
+    externalComponent: n,
+    tag: n ? N(t) : e ? kn : t
+  };
+}
+function Lo({ $slots: t, tag: e, realList: n, getKey: o }) {
+  const i = Vo({ $slots: t, realList: n, getKey: o }), r = Mo(e);
+  return new No({ nodes: i, root: r, realList: n });
+}
+function Cn(t, e) {
+  en(() => this.$emit(t.toLowerCase(), e));
+}
+function Tn(t) {
+  return (e, n) => {
+    if (this.realList !== null)
+      return this[`onDrag${t}`](e, n);
+  };
+}
+function $o(t) {
+  const e = Tn.call(this, t);
+  return (n, o) => {
+    e.call(this, n, o), Cn.call(this, t, n);
+  };
+}
+let Ct = null;
+const Bo = {
+  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
+  }
+}, Ro = [
+  "update:modelValue",
+  "change",
+  ...[...kt.manageAndEmit, ...kt.emit].map((t) => t.toLowerCase())
+], Xo = xe({
+  name: "draggable",
+  inheritAttrs: !1,
+  props: Bo,
+  emits: Ro,
+  data() {
+    return {
+      error: !1
+    };
+  },
+  render() {
+    try {
+      this.error = !1;
+      const { $slots: t, $attrs: e, tag: n, componentData: o, realList: i, getKey: r } = this, a = Lo({
+        $slots: t,
+        tag: n,
+        realList: i,
+        getKey: r
+      });
+      this.componentStructure = a;
+      const u = Fo({ $attrs: e, componentData: o });
+      return a.render(Bt, u);
+    } catch (t) {
+      return this.error = !0, Bt("pre", { style: { color: "red" } }, t.stack);
+    }
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && wo.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 = ko({
+      $attrs: t,
+      callBackBuilder: {
+        manageAndEmit: (r) => $o.call(this, r),
+        emit: (r) => Cn.bind(this, r),
+        manage: (r) => Tn.call(this, r)
+      }
+    }), i = e.nodeType === 1 ? e : e.parentElement;
+    this._sortable = new v(i, o), this.targetDomElement = i, i.__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 && Dn(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) {
+      en(() => 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, i = { list: o, component: n };
+      return t !== e && o ? { ...n.getUnderlyingVm(e) || {}, ...i } : i;
+    },
+    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), Ct = 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 (Jt(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), Jt(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), i = t.component.getVmIndexFromDomIndex(
+        o
+      );
+      return n.indexOf(Ct) !== -1 || !e.willInsertAfter ? i : i + 1;
+    },
+    onDragMove(t, e) {
+      const { move: n, realList: o } = this;
+      if (!n || !o)
+        return !0;
+      const i = this.getRelatedContextFromMoveEvent(t), r = this.computeFutureIndex(i, t), a = {
+        ...this.context,
+        futureIndex: r
+      }, u = {
+        ...t,
+        relatedContext: i,
+        draggedContext: a
+      };
+      return n(u, e);
+    },
+    onDragEnd() {
+      Ct = null;
+    }
+  }
+}), Yo = Object.entries(L).map((t) => {
+  let e = "";
+  switch (t[1]) {
+    case L.BarChart:
+      e = "bar_chart";
+      break;
+    case L.Table:
+      e = "table";
+      break;
+    case L.Circular:
+      e = "pie_chart";
+      break;
+    case L.LineChart:
+      e = "show_chart";
+      break;
+    case L.Scorecard:
+      e = "money";
+      break;
+    case L.Spacer:
+      e = "space_bar";
+      break;
+    case L.StackBarChart:
+      e = "stacked_bar_chart";
+      break;
+    case L.StackLineChart:
+      e = "stacked_line_chart";
+      break;
+  }
+  return {
+    label: Pn(t[0]),
+    icon: e,
+    value: t[1]
+  };
+}), Wo = /* @__PURE__ */ xe({
+  __name: "WidgetTypeList",
+  props: /* @__PURE__ */ At({
+    childClass: {
+      type: String,
+      default: ""
+    },
+    excludeWidgeType: {
+      type: Array,
+      default: () => []
+    },
+    isList: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  }, {
+    modelValue: {
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: e } = Nt(), n = ze(t, "modelValue"), o = t, i = Fe(
+      () => Yo.map((r) => ({
+        ...r,
+        label: e(`report.widget.types.${r.value.toLowerCase()}`)
+      }))
+    );
+    return (r, a) => {
+      const u = N("FmIcon"), l = N("FmCard");
+      return V(), Q("div", null, [
+        (V(!0), Q(Ge, null, tn(i.value.filter(
+          (c) => o.excludeWidgeType.indexOf(c.value) === -1
+        ), (c, s) => (V(), Pe(l, {
+          key: s,
+          class: An(`items-center  ${o.childClass} cursor-pointer rounded-[8px] ${o.isList ? "" : "gap-[16px]"} ${n.value === c.value ? "selected-widget" : ""}`),
+          variant: "outlined",
+          onClick: (f) => n.value = c.value
+        }, {
+          default: ae(() => [
+            k(u, {
+              name: c.icon,
+              size: o.isList ? "md" : "lg",
+              outline: !0
+            }, null, 8, ["name", "size"]),
+            nn(" " + Ae(c.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"]))), 128))
+      ]);
+    };
+  }
+}), hi = /* @__PURE__ */ Pt(Wo, [["__scopeId", "data-v-7c1916a3"]]);
+function Uo(t) {
+  let e, n, o;
+  switch (t) {
+    case L.Table:
+      e = [], n = !1, o = Rn.top;
+      break;
+  }
+  return {
+    schemaNames: [],
+    dimensions: [],
+    metrics: [],
+    filters: [],
+    sorts: [],
+    breakdownDimension: void 0,
+    sparklineDimension: void 0,
+    limit: null,
+    showGrandTotal: !1,
+    rollupPosition: o,
+    showSearchBar: n,
+    isTransposed: !1,
+    isDrillable: !1,
+    columnIds: [],
+    rowIds: [],
+    joinDatasources: e
+  };
+}
+function gi(t, e) {
+  let n = 1, o = 1;
+  switch (t) {
+    case L.Scorecard:
+      n = 1, o = 2;
+      break;
+    case L.BarChart:
+    case L.StackBarChart:
+    case L.LineChart:
+    case L.StackLineChart:
+      n = 4, o = 6;
+      break;
+    case L.Table:
+      n = 4, o = 12;
+      break;
+    case L.Circular:
+      n = 4, o = 4;
+      break;
+    case L.Spacer:
+      n = 0, o = 12;
+      break;
+  }
+  return {
+    size: {
+      width: o,
+      height: n
+    },
+    widget: {
+      title: e || "New widget",
+      type: t,
+      config: Uo(t)
+    }
+  };
+}
+function vi(t, e) {
+  return t.filter((n, o) => o !== e);
+}
+const jo = {
+  key: 0,
+  class: "flex flex-col gap-5"
+}, Ho = /* @__PURE__ */ xe({
+  __name: "Section",
+  props: {
+    isOpen: { type: Boolean, default: !0 },
+    isOpenModifiers: {}
+  },
+  emits: ["update:isOpen"],
+  setup(t) {
+    const e = ze(t, "isOpen");
+    return (n, o) => {
+      const i = N("FmIcon"), r = N("FmMenuDivider");
+      return V(), Q(Ge, null, [
+        ve("div", {
+          class: "flex items-center cursor-pointer fm-typo-en-body-lg-600",
+          onClick: o[0] || (o[0] = (a) => e.value = !e.value)
+        }, [
+          He(n.$slots, "header", {}, void 0, !0),
+          k(i, {
+            name: e.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
+          }, null, 8, ["name"])
+        ]),
+        k(Tt, { name: "slide-fade" }, {
+          default: ae(() => [
+            e.value ? (V(), Q("div", jo, [
+              He(n.$slots, "content", {}, void 0, !0)
+            ])) : fe("", !0)
+          ]),
+          _: 3
+        }),
+        k(r)
+      ], 64);
+    };
+  }
+}), bi = /* @__PURE__ */ Pt(Ho, [["__scopeId", "data-v-fa67a3a4"]]), zo = { class: "grow" }, Go = {
+  key: 2,
+  class: "w-full"
+}, qo = { key: 0 }, Ko = /* @__PURE__ */ xe({
+  __name: "FilterValueInput",
+  props: /* @__PURE__ */ At({
+    config: {
+      type: Object,
+      default: () => {
+      }
+    },
+    option: {
+      type: [String, null],
+      default: () => {
+      }
+    }
+  }, {
+    modelValue: { required: !0, default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = ze(t, "modelValue"), n = t, o = De([]);
+    function i(l) {
+      return (l ? pt(l) : pt()).format("HH:mm");
+    }
+    function r({ hour: l, minute: c }) {
+      return pt().set("hour", l).set("minute", c).toISOString();
+    }
+    function a(l, c) {
+      var w, b;
+      const s = rn(n.option), f = an(n.option);
+      ((w = n.config) == null ? void 0 : w.type) === Le.TextField && (s !== void 0 && c < s || f !== void 0 && c > f) && (o.value[l] = `Value must be between ${s} and ${f}`);
+      const h = [...e.value];
+      ((b = n.config) == null ? void 0 : b.type) === Le.Timestamp ? h[l] = r({
+        hour: Number(c.split(":")[0]),
+        minute: Number(c.split(":")[1])
+      }) : h[l] = c, e.value = h;
+    }
+    function u(l) {
+      var c;
+      if (l === 0)
+        e.value = [(c = n.config) == null ? void 0 : c.default, ...e.value];
+      else {
+        const s = [...e.value];
+        s.splice(l, 1), e.value = s;
+      }
+    }
+    return (l, c) => {
+      const s = N("FmSelect"), f = N("FmTextField"), h = N("FmTimePicker"), w = N("FmButton");
+      return V(!0), Q(Ge, null, tn(new Array(e.value.length !== 0 ? e.value.length : 1), (b, y) => {
+        var B, R, x, A, j;
+        return V(), Q("div", {
+          key: y,
+          class: "flex flex-row align-center gap-2 w-full"
+        }, [
+          ve("div", zo, [
+            ((B = n.config) == null ? void 0 : B.type) === M(Le).Select ? (V(), Pe(s, {
+              key: 0,
+              "model-value": e.value[y],
+              items: n.config.options,
+              "onUpdate:modelValue": (X) => a(y, X)
+            }, null, 8, ["model-value", "items", "onUpdate:modelValue"])) : ((R = n.config) == null ? void 0 : R.type) === M(Le).TextField ? (V(), Pe(f, {
+              key: 1,
+              "model-value": e.value[y],
+              type: ((x = n.config) == null ? void 0 : x.dataType) === "number" ? "number" : "text",
+              "helper-text": o.value[y] || void 0,
+              "helper-state": "error",
+              "onUpdate:modelValue": (X) => a(y, X)
+            }, null, 8, ["model-value", "type", "helper-text", "onUpdate:modelValue"])) : ((A = n.config) == null ? void 0 : A.type) === M(Le).Timestamp ? (V(), Q("div", Go, [
+              k(h, {
+                "model-value": i(e.value[y]),
+                "onUpdate:modelValue": (X) => a(y, X)
+              }, null, 8, ["model-value", "onUpdate:modelValue"])
+            ])) : fe("", !0)
+          ]),
+          ((j = n.config) == null ? void 0 : j.fixed) === !1 ? (V(), Q("div", qo, [
+            k(w, {
+              icon: y === 0 ? "add" : "remove",
+              onClick: (X) => u(y)
+            }, null, 8, ["icon", "onClick"])
+          ])) : fe("", !0)
+        ]);
+      }), 128);
+    };
+  }
+}), xn = [
+  Ce.HourOfDay,
+  Ce.DayOfMonth,
+  Ce.DayOfWeek,
+  Ce.MonthOfYear,
+  Ce.TimeOfDay,
+  Ce.DateTime
+], Jo = xn.filter(
+  (t) => t !== Ce.DateTime
+);
+function yi(t) {
+  return xn.map((e) => ({
+    label: t(`report.section.filter.${on(e)}`),
+    value: e
+  }));
+}
+function Zo(t) {
+  return Jo.map((e) => ({
+    label: t(`report.section.filter.${on(e)}`),
+    value: e
+  }));
+}
+const Qo = { class: "flex flex-col my-2 gap-8" }, ei = { class: "fm-typo-en-body-lg-600" }, ti = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, ni = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, _i = /* @__PURE__ */ xe({
+  __name: "FilterSection",
+  props: /* @__PURE__ */ At({
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "Filter"
+    }
+  }, {
+    modelValue: { required: !1, default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: e } = Nt(), n = ze(t, "modelValue"), o = t, i = Fe(() => e(`report.section.filter.${o.label}`)), r = De(!1), a = Yn(), u = Fe(
+      () => n.value.map((m, p) => {
+        const E = o.options.find(
+          (C) => C.schemaName === m.schemaName && C.name === m.name
+        );
+        return {
+          index: p,
+          labels: (E == null ? void 0 : E.labels) || [m.schemaName, m.name],
+          value: m
+        };
+      })
+    ), l = De(n.value.length > 0 ? 0 : void 0);
+    function c(m) {
+      var p;
+      r.value = !0, b.value = [], s.value = m != null && m.value ? JSON.parse(JSON.stringify(m.value)) : void 0, l.value = m == null ? void 0 : m.index, f.value = !!((p = s.value) != null && p.dataFormula), A();
+    }
+    const s = De(void 0), f = De(!1), h = De(void 0), w = Fe(
+      () => o.options.find(
+        (m) => {
+          var p, E;
+          return m.schemaName === ((p = s.value) == null ? void 0 : p.schemaName) && m.name === ((E = s.value) == null ? void 0 : E.name);
+        }
+      ) ?? {}
+    ), b = De([]);
+    function y(m) {
+      var p;
+      return (p = b.value.find((E) => E.option === m)) == null ? void 0 : p.value;
+    }
+    const B = Wn(
+      (m, p) => {
+        const E = b.value.find((C) => C.option === m);
+        E ? E.value = p : b.value.push({ option: m, value: p });
+      },
+      300
+    );
+    mt(
+      [() => {
+        var m;
+        return (m = s.value) == null ? void 0 : m.option;
+      }, () => {
+        var m;
+        return (m = s.value) == null ? void 0 : m.values;
+      }],
+      ([m, p]) => {
+        m !== void 0 && Array.isArray(p) && B(m, p);
+      },
+      { deep: !0 }
+    ), mt(
+      () => {
+        var m;
+        return (m = s.value) == null ? void 0 : m.option;
+      },
+      (m, p) => {
+        p !== void 0 && m !== p && s.value && (A(), R(m), x());
+      }
+    ), mt(
+      () => {
+        var m;
+        return (m = s.value) == null ? void 0 : m.operator;
+      },
+      (m, p) => {
+        m !== p && w.value && s.value && (A(), R(s.value.option), x());
+      },
+      {
+        deep: !0
+      }
+    );
+    function R(m) {
+      var te;
+      if (!s.value || !h.value) return;
+      const p = l.value !== void 0 && n.value[l.value] && Array.isArray(n.value[l.value].values) ? [...n.value[l.value].values] : [], E = y(m);
+      let C;
+      const z = l.value !== void 0 ? (te = n.value[l.value]) == null ? void 0 : te.option : void 0;
+      Array.isArray(E) ? C = E : p.length > 0 && m === z ? C = p : C = [h.value.default], s.value = {
+        ...s.value,
+        values: C
+      };
+    }
+    function x() {
+      if (!h.value || !s.value) return;
+      const m = s.value.values.length - h.value.count;
+      m > 0 && h.value.fixed ? s.value = {
+        ...s.value,
+        values: s.value.values.slice(0, h.value.count)
+      } : m < 0 && (s.value = {
+        ...s.value,
+        values: [...s.value.values, ...Array(Math.abs(m)).fill(h.value.default)]
+      });
+    }
+    function A() {
+      w.value && s.value && (h.value = Xn({
+        operator: s.value.operator,
+        dataType: w.value.type,
+        dimensionOption: s.value.option,
+        t: e
+      }));
+    }
+    function j(m) {
+      var p, E;
+      (m.schemaName !== ((p = s.value) == null ? void 0 : p.schemaName) || m.name !== ((E = s.value) == null ? void 0 : E.name)) && (s.value = {
+        schemaName: m.schemaName,
+        name: m.name,
+        operator: m.filterOperators[0],
+        option: m.filterDimensionOptions[0],
+        values: []
+      }, A(), R(s.value.option), x());
+    }
+    function X() {
+      var p, E, C;
+      const m = [...u.value.map((z) => z.value)];
+      if (s.value) {
+        f.value || (s.value.dataFormula = void 0);
+        const z = rn((p = s.value) == null ? void 0 : p.option), te = an((E = s.value) == null ? void 0 : E.option), ne = (C = s.value.values) == null ? void 0 : C.map(
+          (Y, ce) => Y == null || Y === "" || !H(Y, z, te) ? ce : null
+        ).filter((Y) => Y !== null);
+        if (!s.value.values || ne.length > 0) {
+          a.open({ message: "One or more values are invalid", type: "error" });
+          return;
+        }
+        s.value.values = s.value.values.filter(
+          (Y) => Y !== "" && Y !== null
+        ), l.value !== void 0 ? m[Number(l.value)] = s.value : m.push(s.value), n.value = m;
+      }
+      r.value = !1;
+    }
+    function ee(m) {
+      const p = [...u.value.map((E) => E.value)];
+      p.splice(m, 1), n.value = p, r.value = !1;
+    }
+    const ue = Fe(
+      () => o.options.map((m) => ({
+        label: m.labels.join(" "),
+        value: m
+      }))
+    ), _e = Fe(() => Zo(e));
+    function H(m, p, E) {
+      return !(p !== void 0 && m < p || E !== void 0 && m > E);
+    }
+    return (m, p) => {
+      const E = N("FmCheckbox"), C = N("FmTextarea"), z = N("FmSelect"), te = N("FmForm"), ne = N("FmIcon"), Y = N("FmButton"), ce = N("FmListItem"), ft = N("FmList"), $t = N("FmField");
+      return V(), Q("div", Qo, [
+        k(Bn, {
+          modelValue: r.value,
+          "onUpdate:modelValue": p[6] || (p[6] = (de) => r.value = de),
+          title: i.value,
+          "primary-button-label": M(e)("report.common.confirm"),
+          "secondary-button-label": M(e)("report.common.cancel"),
+          onConfirm: X
+        }, {
+          content: ae(() => [
+            k(te, {
+              ref: "form",
+              class: "flex flex-col gap-2 w-[490px]"
+            }, {
+              default: ae(() => {
+                var de, we;
+                return [
+                  k(Xt, {
+                    "model-value": w.value,
+                    items: ue.value,
+                    placeholder: i.value,
+                    label: i.value,
+                    "onUpdate:modelValue": p[0] || (p[0] = (W) => j(W))
+                  }, null, 8, ["model-value", "items", "placeholder", "label"]),
+                  s.value ? (V(), Q(Ge, { key: 0 }, [
+                    k(E, {
+                      modelValue: f.value,
+                      "onUpdate:modelValue": p[1] || (p[1] = (W) => f.value = W),
+                      label: M(e)("report.section.filter.advance"),
+                      value: !0
+                    }, null, 8, ["modelValue", "label"]),
+                    f.value ? (V(), Pe(C, {
+                      key: 0,
+                      modelValue: s.value.dataFormula,
+                      "onUpdate:modelValue": p[2] || (p[2] = (W) => s.value.dataFormula = W),
+                      placeholder: M(e)("report.section.filter.dataFormula")
+                    }, null, 8, ["modelValue", "placeholder"])) : fe("", !0),
+                    k(z, {
+                      modelValue: s.value.option,
+                      "onUpdate:modelValue": p[3] || (p[3] = (W) => s.value.option = W),
+                      items: _e.value,
+                      placeholder: M(e)("report.section.filter.timeFormatter"),
+                      label: M(e)("report.section.filter.timeFormatter")
+                    }, null, 8, ["modelValue", "items", "placeholder", "label"]),
+                    (((de = w.value) == null ? void 0 : de.filterOperators) || []).length > 0 ? (V(), Pe(Xt, {
+                      key: 1,
+                      modelValue: s.value.operator,
+                      "onUpdate:modelValue": p[4] || (p[4] = (W) => s.value.operator = W),
+                      items: (((we = w.value) == null ? void 0 : we.filterOperators) ?? []).map((W) => ({
+                        label: M(e)("report.section.comparisonOperator." + W),
+                        value: W
+                      }))
+                    }, null, 8, ["modelValue", "items"])) : fe("", !0),
+                    h.value ? (V(), Pe(Ko, {
+                      key: s.value.option ?? "",
+                      modelValue: s.value.values,
+                      "onUpdate:modelValue": p[5] || (p[5] = (W) => s.value.values = W),
+                      config: h.value,
+                      option: s.value.option
+                    }, null, 8, ["modelValue", "config", "option"])) : fe("", !0)
+                  ], 64)) : fe("", !0)
+                ];
+              }),
+              _: 1
+            }, 512)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
+        ve("div", null, [
+          ve("p", ei, Ae(i.value), 1),
+          ve("p", ti, Ae(M(e)("report.section.filter.description")), 1)
+        ]),
+        k(ft, null, {
+          default: ae(() => [
+            k(M(Xo), {
+              list: n.value,
+              "item-key": "id",
+              class: "flex flex-col gap-2 w-full"
+            }, {
+              item: ae(({ element: de, index: we }) => [
+                k(ce, {
+                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
+                  onClick: Rt((W) => c(u.value[we]), ["stop"])
+                }, {
+                  default: ae(() => [
+                    k(ne, { name: "drag_handle" }),
+                    ve("p", ni, Ae(M(Vn)(de.name)), 1),
+                    p[8] || (p[8] = ve("div", { class: "grow" }, null, -1)),
+                    k(Y, {
+                      icon: "close",
+                      size: "md",
+                      variant: "tertiary",
+                      onClick: Rt((W) => ee(we), ["stop"])
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["list"])
+          ]),
+          _: 1
+        }),
+        k($t, {
+          class: "text-fm-color-typo-tertiary",
+          onClick: p[7] || (p[7] = () => {
+            c();
+          })
+        }, {
+          default: ae(() => [
+            nn(Ae(M(e)("report.section.filter.add")), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), oi = /* @__PURE__ */ xe({
+  __name: "TransitionFade",
+  props: {
+    modelValue: { type: Boolean, required: !0, default: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = ze(t, "modelValue");
+    return (n, o) => (V(), Q(Ge, null, [
+      k(Tt, { name: "slide-fade-right" }, {
+        default: ae(() => [
+          e.value ? He(n.$slots, "right", { key: 0 }, void 0, !0) : fe("", !0)
+        ]),
+        _: 3
+      }),
+      k(Tt, { name: "slide-fade-left" }, {
+        default: ae(() => [
+          e.value ? fe("", !0) : He(n.$slots, "left", { key: 0 }, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 64));
+  }
+}), wi = /* @__PURE__ */ Pt(oi, [["__scopeId", "data-v-a98ca9bc"]]);
+export {
+  bi as S,
+  wi as T,
+  hi as W,
+  _i as _,
+  pi as a,
+  Uo as b,
+  Xo as d,
+  yi as g,
+  vi as h,
+  gi as i
+};