@feedmepos/mf-report 5.26.4 → 5.26.5

package/dist/TransitionFade-0FAgcx5b.js

@@ -0,0 +1,3360 @@
+import { defineComponent as Xe, onBeforeMount as no, onBeforeUnmount as oo, resolveComponent as j, createElementBlock as k, openBlock as D, normalizeStyle as Zt, unref as V, renderSlot as ht, createVNode as G, createElementVNode as A, toDisplayString as Q, TransitionGroup as ro, nextTick as an, h as dn, mergeModels as Mt, useModel as ot, computed as R, Fragment as Ae, renderList as Ct, createBlock as _e, normalizeClass as St, withCtx as pe, Transition as Jt, createCommentVNode as U, ref as oe, withDirectives as ao, withKeys as io, withModifiers as Rt, vModelText as lo, watch as qe, createTextVNode as so } from "vue";
+import { u as Pt, a as uo } from "./vue-i18n-DVWuTfed.js";
+import { useCoreStore as co } from "@feedmepos/mf-common";
+import { storeToRefs as In } from "pinia";
+import { useRoute as fo } from "vue-router";
+import { W as z, Q as po, I as it, h as On, i as Cn, c as je, g as mo, f as ho } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CqFgahy6.js";
+import { p as go, d as Sn, a as Rn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Dh50I1_J.js";
+import { b as ln, a as fn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
+import { R as vo } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-B_8KaYnA.js";
+import { u as bo, F as yo, r as Eo, d as $t } from "./app-B2OL_mKX.js";
+import { r as pn } from "./i18n-CI_sQ5d_.js";
+import { useSnackbar as _o } from "@feedmepos/ui-library";
+const To = {
+  key: 0,
+  class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"
+}, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ba = /* @__PURE__ */ Xe({
+  __name: "FullScreen",
+  setup(t) {
+    const { t: e } = Pt(), n = fo(), { isLoading: o } = In(uo()), r = co();
+    return no(() => {
+      r.hideSidebarToggle(!0);
+    }), oo(() => {
+      r.hideSidebarToggle(!1);
+    }), (a, i) => {
+      const c = j("FmCircularProgress");
+      return D(), k("div", {
+        class: "mx-auto",
+        style: Zt({
+          height: `calc(100vh - ${V(n).query.token && V(n).query.businessId ? "0" : "64"}px)`
+        })
+      }, [
+        V(o) ? (D(), k("div", To, [
+          G(c, { size: "xl" }),
+          A("span", wo, Q(V(e)("report.common.isLoading")), 1)
+        ])) : ht(a.$slots, "default", { key: 1 })
+      ], 4);
+    };
+  }
+});
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function mn(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 Ce(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? mn(Object(n), !0).forEach(function(o) {
+      xo(t, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : mn(Object(n)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return t;
+}
+function wt(t) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? wt = function(e) {
+    return typeof e;
+  } : wt = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, wt(t);
+}
+function xo(t, e, n) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = n, t;
+}
+function Le() {
+  return Le = 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;
+  }, Le.apply(this, arguments);
+}
+function Do(t, e) {
+  if (t == null) return {};
+  var n = {}, o = Object.keys(t), r, a;
+  for (a = 0; a < o.length; a++)
+    r = o[a], !(e.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+function Io(t, e) {
+  if (t == null) return {};
+  var n = Do(t, e), o, r;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < a.length; r++)
+      o = a[r], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
+  }
+  return n;
+}
+var Oo = "1.14.0";
+function ke(t) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(t);
+}
+var Me = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), gt = ke(/Edge/i), hn = ke(/firefox/i), ct = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), Fn = ke(/iP(ad|od|hone)/i), Co = ke(/chrome/i) && ke(/android/i), Nn = {
+  capture: !1,
+  passive: !1
+};
+function S(t, e, n) {
+  t.addEventListener(e, n, !Me && Nn);
+}
+function C(t, e, n) {
+  t.removeEventListener(e, n, !Me && Nn);
+}
+function Ft(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 So(t) {
+  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
+}
+function Ie(t, e, n, o) {
+  if (t) {
+    n = n || document;
+    do {
+      if (e != null && (e[0] === ">" ? t.parentNode === n && Ft(t, e) : Ft(t, e)) || o && t === n)
+        return t;
+      if (t === n) break;
+    } while (t = So(t));
+  }
+  return null;
+}
+var gn = /\s+/g;
+function ve(t, e, n) {
+  if (t && e)
+    if (t.classList)
+      t.classList[n ? "add" : "remove"](e);
+    else {
+      var o = (" " + t.className + " ").replace(gn, " ").replace(" " + e + " ", " ");
+      t.className = (o + (n ? " " + e : "")).replace(gn, " ");
+    }
+}
+function _(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 tt(t, e) {
+  var n = "";
+  if (typeof t == "string")
+    n = t;
+  else
+    do {
+      var o = _(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 An(t, e, n) {
+  if (t) {
+    var o = t.getElementsByTagName(e), r = 0, a = o.length;
+    if (n)
+      for (; r < a; r++)
+        n(o[r], r);
+    return o;
+  }
+  return [];
+}
+function Oe() {
+  var t = document.scrollingElement;
+  return t || document.documentElement;
+}
+function ee(t, e, n, o, r) {
+  if (!(!t.getBoundingClientRect && t !== window)) {
+    var a, i, c, u, s, f, l;
+    if (t !== window && t.parentNode && t !== Oe() ? (a = t.getBoundingClientRect(), i = a.top, c = a.left, u = a.bottom, s = a.right, f = a.height, l = a.width) : (i = 0, c = 0, u = window.innerHeight, s = window.innerWidth, f = window.innerHeight, l = window.innerWidth), (e || n) && t !== window && (r = r || t.parentNode, !Me))
+      do
+        if (r && r.getBoundingClientRect && (_(r, "transform") !== "none" || n && _(r, "position") !== "static")) {
+          var E = r.getBoundingClientRect();
+          i -= E.top + parseInt(_(r, "border-top-width")), c -= E.left + parseInt(_(r, "border-left-width")), u = i + a.height, s = c + a.width;
+          break;
+        }
+      while (r = r.parentNode);
+    if (o && t !== window) {
+      var y = tt(r || t), b = y && y.a, g = y && y.d;
+      y && (i /= g, c /= b, l /= b, f /= g, u = i + f, s = c + l);
+    }
+    return {
+      top: i,
+      left: c,
+      bottom: u,
+      right: s,
+      width: l,
+      height: f
+    };
+  }
+}
+function vn(t, e, n) {
+  for (var o = He(t, !0), r = ee(t)[e]; o; ) {
+    var a = ee(o)[n], i = void 0;
+    if (i = r >= a, !i) return o;
+    if (o === Oe()) break;
+    o = He(o, !1);
+  }
+  return !1;
+}
+function nt(t, e, n, o) {
+  for (var r = 0, a = 0, i = t.children; a < i.length; ) {
+    if (i[a].style.display !== "none" && i[a] !== T.ghost && (o || i[a] !== T.dragged) && Ie(i[a], n.draggable, t, !1)) {
+      if (r === e)
+        return i[a];
+      r++;
+    }
+    a++;
+  }
+  return null;
+}
+function sn(t, e) {
+  for (var n = t.lastElementChild; n && (n === T.ghost || _(n, "display") === "none" || e && !Ft(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 !== T.clone && (!e || Ft(t, e)) && n++;
+  return n;
+}
+function bn(t) {
+  var e = 0, n = 0, o = Oe();
+  if (t)
+    do {
+      var r = tt(t), a = r.a, i = r.d;
+      e += t.scrollLeft * a, n += t.scrollTop * i;
+    } while (t !== o && (t = t.parentNode));
+  return [e, n];
+}
+function Ro(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 He(t, e) {
+  if (!t || !t.getBoundingClientRect) return Oe();
+  var n = t, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var r = _(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 Oe();
+        if (o || e) return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return Oe();
+}
+function Fo(t, e) {
+  if (t && e)
+    for (var n in e)
+      e.hasOwnProperty(n) && (t[n] = e[n]);
+  return t;
+}
+function Bt(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 dt;
+function kn(t, e) {
+  return function() {
+    if (!dt) {
+      var n = arguments, o = this;
+      n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), dt = setTimeout(function() {
+        dt = void 0;
+      }, e);
+    }
+  };
+}
+function No() {
+  clearTimeout(dt), dt = void 0;
+}
+function Ln(t, e, n) {
+  t.scrollLeft += e, t.scrollTop += n;
+}
+function Mn(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 ye = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Ao() {
+  var t = [], e;
+  return {
+    captureAnimationState: function() {
+      if (t = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(r) {
+          if (!(_(r, "display") === "none" || r === T.ghost)) {
+            t.push({
+              target: r,
+              rect: ee(r)
+            });
+            var a = Ce({}, t[t.length - 1].rect);
+            if (r.thisAnimationDuration) {
+              var i = tt(r, !0);
+              i && (a.top -= i.f, a.left -= i.e);
+            }
+            r.fromRect = a;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      t.push(o);
+    },
+    removeAnimationState: function(o) {
+      t.splice(Ro(t, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var r = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var a = !1, i = 0;
+      t.forEach(function(c) {
+        var u = 0, s = c.target, f = s.fromRect, l = ee(s), E = s.prevFromRect, y = s.prevToRect, b = c.rect, g = tt(s, !0);
+        g && (l.top -= g.f, l.left -= g.e), s.toRect = l, s.thisAnimationDuration && Bt(E, l) && !Bt(f, l) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - l.top) / (b.left - l.left) === (f.top - l.top) / (f.left - l.left) && (u = Lo(b, E, y, r.options)), Bt(l, f) || (s.prevFromRect = f, s.prevToRect = l, u || (u = r.options.animation), r.animate(s, b, l, u)), u && (a = !0, i = Math.max(i, u), clearTimeout(s.animationResetTimer), s.animationResetTimer = setTimeout(function() {
+          s.animationTime = 0, s.prevFromRect = null, s.fromRect = null, s.prevToRect = null, s.thisAnimationDuration = null;
+        }, u), s.thisAnimationDuration = u);
+      }), clearTimeout(e), a ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, i) : typeof o == "function" && o(), t = [];
+    },
+    animate: function(o, r, a, i) {
+      if (i) {
+        _(o, "transition", ""), _(o, "transform", "");
+        var c = tt(this.el), u = c && c.a, s = c && c.d, f = (r.left - a.left) / (u || 1), l = (r.top - a.top) / (s || 1);
+        o.animatingX = !!f, o.animatingY = !!l, _(o, "transform", "translate3d(" + f + "px," + l + "px,0)"), this.forRepaintDummy = ko(o), _(o, "transition", "transform " + i + "ms" + (this.options.easing ? " " + this.options.easing : "")), _(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          _(o, "transition", ""), _(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, i);
+      }
+    }
+  };
+}
+function ko(t) {
+  return t.offsetWidth;
+}
+function Lo(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 Qe = [], Wt = {
+  initializeByDefault: !0
+}, vt = {
+  mount: function(e) {
+    for (var n in Wt)
+      Wt.hasOwnProperty(n) && !(n in e) && (e[n] = Wt[n]);
+    Qe.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), Qe.push(e);
+  },
+  pluginEvent: function(e, n, o) {
+    var r = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      r.eventCanceled = !0;
+    };
+    var a = e + "Global";
+    Qe.forEach(function(i) {
+      n[i.pluginName] && (n[i.pluginName][a] && n[i.pluginName][a](Ce({
+        sortable: n
+      }, o)), n.options[i.pluginName] && n[i.pluginName][e] && n[i.pluginName][e](Ce({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, n, o, r) {
+    Qe.forEach(function(c) {
+      var u = c.pluginName;
+      if (!(!e.options[u] && !c.initializeByDefault)) {
+        var s = new c(e, n, e.options);
+        s.sortable = e, s.options = e.options, e[u] = s, Le(o, s.defaults);
+      }
+    });
+    for (var a in e.options)
+      if (e.options.hasOwnProperty(a)) {
+        var i = this.modifyOption(e, a, e.options[a]);
+        typeof i < "u" && (e.options[a] = i);
+      }
+  },
+  getEventProperties: function(e, n) {
+    var o = {};
+    return Qe.forEach(function(r) {
+      typeof r.eventProperties == "function" && Le(o, r.eventProperties.call(n[r.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, n, o) {
+    var r;
+    return Qe.forEach(function(a) {
+      e[a.pluginName] && a.optionListeners && typeof a.optionListeners[n] == "function" && (r = a.optionListeners[n].call(e[a.pluginName], o));
+    }), r;
+  }
+};
+function Mo(t) {
+  var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, a = t.cloneEl, i = t.toEl, c = t.fromEl, u = t.oldIndex, s = t.newIndex, f = t.oldDraggableIndex, l = t.newDraggableIndex, E = t.originalEvent, y = t.putSortable, b = t.extraEventProperties;
+  if (e = e || n && n[ye], !!e) {
+    var g, L = e.options, H = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !Me && !gt ? g = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (g = document.createEvent("Event"), g.initEvent(o, !0, !0)), g.to = i || n, g.from = c || n, g.item = r || n, g.clone = a, g.oldIndex = u, g.newIndex = s, g.oldDraggableIndex = f, g.newDraggableIndex = l, g.originalEvent = E, g.pullMode = y ? y.lastPutMode : void 0;
+    var N = Ce(Ce({}, b), vt.getEventProperties(o, e));
+    for (var $ in N)
+      g[$] = N[$];
+    n && n.dispatchEvent(g), L[H] && L[H].call(e, g);
+  }
+}
+var Po = ["evt"], fe = function(e, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, a = Io(o, Po);
+  vt.pluginEvent.bind(T)(e, n, Ce({
+    dragEl: m,
+    parentEl: W,
+    ghostEl: w,
+    rootEl: P,
+    nextEl: Ke,
+    lastDownEl: xt,
+    cloneEl: Y,
+    cloneHidden: Ye,
+    dragStarted: lt,
+    putSortable: ie,
+    activeSortable: T.active,
+    originalEvent: r,
+    oldIndex: et,
+    oldDraggableIndex: ft,
+    newIndex: be,
+    newDraggableIndex: We,
+    hideGhostForTarget: $n,
+    unhideGhostForTarget: Bn,
+    cloneNowHidden: function() {
+      Ye = !0;
+    },
+    cloneNowShown: function() {
+      Ye = !1;
+    },
+    dispatchSortableEvent: function(c) {
+      ue({
+        sortable: n,
+        name: c,
+        originalEvent: r
+      });
+    }
+  }, a));
+};
+function ue(t) {
+  Mo(Ce({
+    putSortable: ie,
+    cloneEl: Y,
+    targetEl: m,
+    rootEl: P,
+    oldIndex: et,
+    oldDraggableIndex: ft,
+    newIndex: be,
+    newDraggableIndex: We
+  }, t));
+}
+var m, W, w, P, Ke, xt, Y, Ye, et, be, ft, We, yt, ie, Je = !1, Nt = !1, At = [], Ge, De, Yt, Ht, yn, En, lt, Ze, pt, mt = !1, Et = !1, Dt, se, Xt = [], en = !1, kt = [], Vt = typeof document < "u", _t = Fn, _n = gt || Me ? "cssFloat" : "float", Vo = Vt && !Co && !Fn && "draggable" in document.createElement("div"), Pn = function() {
+  if (Vt) {
+    if (Me)
+      return !1;
+    var t = document.createElement("x");
+    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
+  }
+}(), Vn = function(e, n) {
+  var o = _(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), a = nt(e, 0, n), i = nt(e, 1, n), c = a && _(a), u = i && _(i), s = c && parseInt(c.marginLeft) + parseInt(c.marginRight) + ee(a).width, f = u && parseInt(u.marginLeft) + parseInt(u.marginRight) + ee(i).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 (a && c.float && c.float !== "none") {
+    var l = c.float === "left" ? "left" : "right";
+    return i && (u.clear === "both" || u.clear === l) ? "vertical" : "horizontal";
+  }
+  return a && (c.display === "block" || c.display === "flex" || c.display === "table" || c.display === "grid" || s >= r && o[_n] === "none" || i && o[_n] === "none" && s + f > r) ? "vertical" : "horizontal";
+}, Uo = function(e, n, o) {
+  var r = o ? e.left : e.top, a = o ? e.right : e.bottom, i = o ? e.width : e.height, c = o ? n.left : n.top, u = o ? n.right : n.bottom, s = o ? n.width : n.height;
+  return r === c || a === u || r + i / 2 === c + s / 2;
+}, $o = function(e, n) {
+  var o;
+  return At.some(function(r) {
+    var a = r[ye].options.emptyInsertThreshold;
+    if (!(!a || sn(r))) {
+      var i = ee(r), c = e >= i.left - a && e <= i.right + a, u = n >= i.top - a && n <= i.bottom + a;
+      if (c && u)
+        return o = r;
+    }
+  }), o;
+}, Un = function(e) {
+  function n(a, i) {
+    return function(c, u, s, f) {
+      var l = c.options.group.name && u.options.group.name && c.options.group.name === u.options.group.name;
+      if (a == null && (i || l))
+        return !0;
+      if (a == null || a === !1)
+        return !1;
+      if (i && a === "clone")
+        return a;
+      if (typeof a == "function")
+        return n(a(c, u, s, f), i)(c, u, s, f);
+      var E = (i ? c : u).options.group.name;
+      return a === !0 || typeof a == "string" && a === E || a.join && a.indexOf(E) > -1;
+    };
+  }
+  var o = {}, r = e.group;
+  (!r || wt(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;
+}, $n = function() {
+  !Pn && w && _(w, "display", "none");
+}, Bn = function() {
+  !Pn && w && _(w, "display", "");
+};
+Vt && document.addEventListener("click", function(t) {
+  if (Nt)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Nt = !1, !1;
+}, !0);
+var ze = function(e) {
+  if (m) {
+    e = e.touches ? e.touches[0] : e;
+    var n = $o(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[ye]._onDragOver(o);
+    }
+  }
+}, Bo = function(e) {
+  m && m.parentNode[ye]._isOutsideThisEl(e.target);
+};
+function T(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 = Le({}, e), t[ye] = 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 Vn(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(i, c) {
+      i.setData("Text", c.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: T.supportPointer !== !1 && "PointerEvent" in window && !ct,
+    emptyInsertThreshold: 5
+  };
+  vt.initializePlugins(this, t, n);
+  for (var o in n)
+    !(o in e) && (e[o] = n[o]);
+  Un(e);
+  for (var r in this)
+    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : Vo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? S(t, "pointerdown", this._onTapStart) : (S(t, "mousedown", this._onTapStart), S(t, "touchstart", this._onTapStart)), this.nativeDraggable && (S(t, "dragover", this), S(t, "dragenter", this)), At.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Le(this, Ao());
+}
+T.prototype = /** @lends Sortable.prototype */
+{
+  constructor: T,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Ze = null);
+  },
+  _getDirection: function(e, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, m) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var n = this, o = this.el, r = this.options, a = r.preventOnFilter, i = e.type, c = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, u = (c || e).target, s = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || u, f = r.filter;
+      if (Ko(o), !m && !(/mousedown|pointerdown/.test(i) && e.button !== 0 || r.disabled) && !s.isContentEditable && !(!this.nativeDraggable && ct && u && u.tagName.toUpperCase() === "SELECT") && (u = Ie(u, r.draggable, o, !1), !(u && u.animated) && xt !== u)) {
+        if (et = Ee(u), ft = Ee(u, r.draggable), typeof f == "function") {
+          if (f.call(this, e, u, this)) {
+            ue({
+              sortable: n,
+              rootEl: s,
+              name: "filter",
+              targetEl: u,
+              toEl: o,
+              fromEl: o
+            }), fe("filter", n, {
+              evt: e
+            }), a && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (f && (f = f.split(",").some(function(l) {
+          if (l = Ie(s, l.trim(), o, !1), l)
+            return ue({
+              sortable: n,
+              rootEl: l,
+              name: "filter",
+              targetEl: u,
+              fromEl: o,
+              toEl: o
+            }), fe("filter", n, {
+              evt: e
+            }), !0;
+        }), f)) {
+          a && e.cancelable && e.preventDefault();
+          return;
+        }
+        r.handle && !Ie(s, r.handle, o, !1) || this._prepareDragStart(e, c, u);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, o) {
+    var r = this, a = r.el, i = r.options, c = a.ownerDocument, u;
+    if (o && !m && o.parentNode === a) {
+      var s = ee(o);
+      if (P = a, m = o, W = m.parentNode, Ke = m.nextSibling, xt = o, yt = i.group, T.dragged = m, Ge = {
+        target: m,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, yn = Ge.clientX - s.left, En = Ge.clientY - s.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, m.style["will-change"] = "all", u = function() {
+        if (fe("delayEnded", r, {
+          evt: e
+        }), T.eventCanceled) {
+          r._onDrop();
+          return;
+        }
+        r._disableDelayedDragEvents(), !hn && r.nativeDraggable && (m.draggable = !0), r._triggerDragStart(e, n), ue({
+          sortable: r,
+          name: "choose",
+          originalEvent: e
+        }), ve(m, i.chosenClass, !0);
+      }, i.ignore.split(",").forEach(function(f) {
+        An(m, f.trim(), Gt);
+      }), S(c, "dragover", ze), S(c, "mousemove", ze), S(c, "touchmove", ze), S(c, "mouseup", r._onDrop), S(c, "touchend", r._onDrop), S(c, "touchcancel", r._onDrop), hn && this.nativeDraggable && (this.options.touchStartThreshold = 4, m.draggable = !0), fe("delayStart", this, {
+        evt: e
+      }), i.delay && (!i.delayOnTouchOnly || n) && (!this.nativeDraggable || !(gt || Me))) {
+        if (T.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        S(c, "mouseup", r._disableDelayedDrag), S(c, "touchend", r._disableDelayedDrag), S(c, "touchcancel", r._disableDelayedDrag), S(c, "mousemove", r._delayedDragTouchMoveHandler), S(c, "touchmove", r._delayedDragTouchMoveHandler), i.supportPointer && S(c, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(u, i.delay);
+      } else
+        u();
+    }
+  },
+  _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() {
+    m && Gt(m), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    C(e, "mouseup", this._disableDelayedDrag), C(e, "touchend", this._disableDelayedDrag), C(e, "touchcancel", this._disableDelayedDrag), C(e, "mousemove", this._delayedDragTouchMoveHandler), C(e, "touchmove", this._delayedDragTouchMoveHandler), C(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, n) {
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? S(document, "pointermove", this._onTouchMove) : n ? S(document, "touchmove", this._onTouchMove) : S(document, "mousemove", this._onTouchMove) : (S(m, "dragend", this), S(P, "dragstart", this._onDragStart));
+    try {
+      document.selection ? It(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (Je = !1, P && m) {
+      fe("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && S(document, "dragover", Bo);
+      var o = this.options;
+      !e && ve(m, o.dragClass, !1), ve(m, o.ghostClass, !0), T.active = this, e && this._appendGhost(), ue({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (De) {
+      this._lastX = De.clientX, this._lastY = De.clientY, $n();
+      for (var e = document.elementFromPoint(De.clientX, De.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(De.clientX, De.clientY), e !== n); )
+        n = e;
+      if (m.parentNode[ye]._isOutsideThisEl(e), n)
+        do {
+          if (n[ye]) {
+            var o = void 0;
+            if (o = n[ye]._onDragOver({
+              clientX: De.clientX,
+              clientY: De.clientY,
+              target: e,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = n.parentNode);
+      Bn();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (Ge) {
+      var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, a = e.touches ? e.touches[0] : e, i = w && tt(w, !0), c = w && i && i.a, u = w && i && i.d, s = _t && se && bn(se), f = (a.clientX - Ge.clientX + r.x) / (c || 1) + (s ? s[0] - Xt[0] : 0) / (c || 1), l = (a.clientY - Ge.clientY + r.y) / (u || 1) + (s ? s[1] - Xt[1] : 0) / (u || 1);
+      if (!T.active && !Je) {
+        if (o && Math.max(Math.abs(a.clientX - this._lastX), Math.abs(a.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (w) {
+        i ? (i.e += f - (Yt || 0), i.f += l - (Ht || 0)) : i = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: f,
+          f: l
+        };
+        var E = "matrix(".concat(i.a, ",").concat(i.b, ",").concat(i.c, ",").concat(i.d, ",").concat(i.e, ",").concat(i.f, ")");
+        _(w, "webkitTransform", E), _(w, "mozTransform", E), _(w, "msTransform", E), _(w, "transform", E), Yt = f, Ht = l, De = a;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!w) {
+      var e = this.options.fallbackOnBody ? document.body : P, n = ee(m, !0, _t, !0, e), o = this.options;
+      if (_t) {
+        for (se = e; _(se, "position") === "static" && _(se, "transform") === "none" && se !== document; )
+          se = se.parentNode;
+        se !== document.body && se !== document.documentElement ? (se === document && (se = Oe()), n.top += se.scrollTop, n.left += se.scrollLeft) : se = Oe(), Xt = bn(se);
+      }
+      w = m.cloneNode(!0), ve(w, o.ghostClass, !1), ve(w, o.fallbackClass, !0), ve(w, o.dragClass, !0), _(w, "transition", ""), _(w, "transform", ""), _(w, "box-sizing", "border-box"), _(w, "margin", 0), _(w, "top", n.top), _(w, "left", n.left), _(w, "width", n.width), _(w, "height", n.height), _(w, "opacity", "0.8"), _(w, "position", _t ? "absolute" : "fixed"), _(w, "zIndex", "100000"), _(w, "pointerEvents", "none"), T.ghost = w, e.appendChild(w), _(w, "transform-origin", yn / parseInt(w.style.width) * 100 + "% " + En / parseInt(w.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var o = this, r = e.dataTransfer, a = o.options;
+    if (fe("dragStart", this, {
+      evt: e
+    }), T.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    fe("setupClone", this), T.eventCanceled || (Y = Mn(m), Y.draggable = !1, Y.style["will-change"] = "", this._hideClone(), ve(Y, this.options.chosenClass, !1), T.clone = Y), o.cloneId = It(function() {
+      fe("clone", o), !T.eventCanceled && (o.options.removeCloneOnHide || P.insertBefore(Y, m), o._hideClone(), ue({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && ve(m, a.dragClass, !0), n ? (Nt = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (C(document, "mouseup", o._onDrop), C(document, "touchend", o._onDrop), C(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", a.setData && a.setData.call(o, r, m)), S(document, "drop", o), _(m, "transform", "translateZ(0)")), Je = !0, o._dragStartId = It(o._dragStarted.bind(o, n, e)), S(document, "selectstart", o), lt = !0, ct && _(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, a, i, c = this.options, u = c.group, s = T.active, f = yt === u, l = c.sort, E = ie || s, y, b = this, g = !1;
+    if (en) return;
+    function L(d, v) {
+      fe(d, b, Ce({
+        evt: e,
+        isOwner: f,
+        axis: y ? "vertical" : "horizontal",
+        revert: i,
+        dragRect: r,
+        targetRect: a,
+        canSort: l,
+        fromSortable: E,
+        target: o,
+        completed: N,
+        onMove: function(K, le) {
+          return Tt(P, n, m, r, K, ee(K), e, le);
+        },
+        changed: $
+      }, v));
+    }
+    function H() {
+      L("dragOverAnimationCapture"), b.captureAnimationState(), b !== E && E.captureAnimationState();
+    }
+    function N(d) {
+      return L("dragOverCompleted", {
+        insertion: d
+      }), d && (f ? s._hideClone() : s._showClone(b), b !== E && (ve(m, ie ? ie.options.ghostClass : s.options.ghostClass, !1), ve(m, c.ghostClass, !0)), ie !== b && b !== T.active ? ie = b : b === T.active && ie && (ie = null), E === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
+        L("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== E && (E.animateAll(), E._ignoreWhileAnimating = null)), (o === m && !m.animated || o === n && !o.animated) && (Ze = null), !c.dragoverBubble && !e.rootEl && o !== document && (m.parentNode[ye]._isOutsideThisEl(e.target), !d && ze(e)), !c.dragoverBubble && e.stopPropagation && e.stopPropagation(), g = !0;
+    }
+    function $() {
+      be = Ee(m), We = Ee(m, c.draggable), ue({
+        sortable: b,
+        name: "change",
+        toEl: n,
+        newIndex: be,
+        newDraggableIndex: We,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = Ie(o, c.draggable, n, !0), L("dragOver"), T.eventCanceled) return g;
+    if (m.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
+      return N(!1);
+    if (Nt = !1, s && !c.disabled && (f ? l || (i = W !== P) : ie === this || (this.lastPutMode = yt.checkPull(this, s, m, e)) && u.checkPut(this, s, m, e))) {
+      if (y = this._getDirection(e, o) === "vertical", r = ee(m), L("dragOverValid"), T.eventCanceled) return g;
+      if (i)
+        return W = P, H(), this._hideClone(), L("revert"), T.eventCanceled || (Ke ? P.insertBefore(m, Ke) : P.appendChild(m)), N(!0);
+      var B = sn(n, c.draggable);
+      if (!B || Xo(e, y, this) && !B.animated) {
+        if (B === m)
+          return N(!1);
+        if (B && n === e.target && (o = B), o && (a = ee(o)), Tt(P, n, m, r, o, a, e, !!o) !== !1)
+          return H(), n.appendChild(m), W = n, $(), N(!0);
+      } else if (B && Ho(e, y, this)) {
+        var M = nt(n, 0, c, !0);
+        if (M === m)
+          return N(!1);
+        if (o = M, a = ee(o), Tt(P, n, m, r, o, a, e, !1) !== !1)
+          return H(), n.insertBefore(m, M), W = n, $(), N(!0);
+      } else if (o.parentNode === n) {
+        a = ee(o);
+        var X = 0, me, Se = m.parentNode !== n, te = !Uo(m.animated && m.toRect || r, o.animated && o.toRect || a, y), Te = y ? "top" : "left", he = vn(o, "top", "top") || vn(m, "top", "top"), Re = he ? he.scrollTop : void 0;
+        Ze !== o && (me = a[Te], mt = !1, Et = !te && c.invertSwap || Se), X = Go(e, o, a, y, te ? 1 : c.swapThreshold, c.invertedSwapThreshold == null ? c.swapThreshold : c.invertedSwapThreshold, Et, Ze === o);
+        var Z;
+        if (X !== 0) {
+          var we = Ee(m);
+          do
+            we -= X, Z = W.children[we];
+          while (Z && (_(Z, "display") === "none" || Z === w));
+        }
+        if (X === 0 || Z === o)
+          return N(!1);
+        Ze = o, pt = X;
+        var Fe = o.nextElementSibling, ce = !1;
+        ce = X === 1;
+        var re = Tt(P, n, m, r, o, a, e, ce);
+        if (re !== !1)
+          return (re === 1 || re === -1) && (ce = re === 1), en = !0, setTimeout(Yo, 30), H(), ce && !Fe ? n.appendChild(m) : o.parentNode.insertBefore(m, ce ? Fe : o), he && Ln(he, 0, Re - he.scrollTop), W = m.parentNode, me !== void 0 && !Et && (Dt = Math.abs(me - ee(o)[Te])), $(), N(!0);
+      }
+      if (n.contains(m))
+        return N(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    C(document, "mousemove", this._onTouchMove), C(document, "touchmove", this._onTouchMove), C(document, "pointermove", this._onTouchMove), C(document, "dragover", ze), C(document, "mousemove", ze), C(document, "touchmove", ze);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    C(e, "mouseup", this._onDrop), C(e, "touchend", this._onDrop), C(e, "pointerup", this._onDrop), C(e, "touchcancel", this._onDrop), C(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var n = this.el, o = this.options;
+    if (be = Ee(m), We = Ee(m, o.draggable), fe("drop", this, {
+      evt: e
+    }), W = m && m.parentNode, be = Ee(m), We = Ee(m, o.draggable), T.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    Je = !1, Et = !1, mt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), tn(this.cloneId), tn(this._dragStartId), this.nativeDraggable && (C(document, "drop", this), C(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), ct && _(document.body, "user-select", ""), _(m, "transform", ""), e && (lt && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), w && w.parentNode && w.parentNode.removeChild(w), (P === W || ie && ie.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), m && (this.nativeDraggable && C(m, "dragend", this), Gt(m), m.style["will-change"] = "", lt && !Je && ve(m, ie ? ie.options.ghostClass : this.options.ghostClass, !1), ve(m, this.options.chosenClass, !1), ue({
+      sortable: this,
+      name: "unchoose",
+      toEl: W,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), P !== W ? (be >= 0 && (ue({
+      rootEl: W,
+      name: "add",
+      toEl: W,
+      fromEl: P,
+      originalEvent: e
+    }), ue({
+      sortable: this,
+      name: "remove",
+      toEl: W,
+      originalEvent: e
+    }), ue({
+      rootEl: W,
+      name: "sort",
+      toEl: W,
+      fromEl: P,
+      originalEvent: e
+    }), ue({
+      sortable: this,
+      name: "sort",
+      toEl: W,
+      originalEvent: e
+    })), ie && ie.save()) : be !== et && be >= 0 && (ue({
+      sortable: this,
+      name: "update",
+      toEl: W,
+      originalEvent: e
+    }), ue({
+      sortable: this,
+      name: "sort",
+      toEl: W,
+      originalEvent: e
+    })), T.active && ((be == null || be === -1) && (be = et, We = ft), ue({
+      sortable: this,
+      name: "end",
+      toEl: W,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    fe("nulling", this), P = m = W = w = Ke = Y = xt = Ye = Ge = De = lt = be = We = et = ft = Ze = pt = ie = yt = T.dragged = T.ghost = T.clone = T.active = null, kt.forEach(function(e) {
+      e.checked = !0;
+    }), kt.length = Yt = Ht = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        m && (this._onDragOver(e), Wo(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, a = o.length, i = this.options; r < a; r++)
+      n = o[r], Ie(n, i.draggable, this.el, !1) && e.push(n.getAttribute(i.dataIdAttr) || jo(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(a, i) {
+      var c = r.children[i];
+      Ie(c, this.options.draggable, r, !1) && (o[a] = c);
+    }, this), n && this.captureAnimationState(), e.forEach(function(a) {
+      o[a] && (r.removeChild(o[a]), r.appendChild(o[a]));
+    }), 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 Ie(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 = vt.modifyOption(this, e, n);
+    typeof r < "u" ? o[e] = r : o[e] = n, e === "group" && Un(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    fe("destroy", this);
+    var e = this.el;
+    e[ye] = null, C(e, "mousedown", this._onTapStart), C(e, "touchstart", this._onTapStart), C(e, "pointerdown", this._onTapStart), this.nativeDraggable && (C(e, "dragover", this), C(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), At.splice(At.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!Ye) {
+      if (fe("hideClone", this), T.eventCanceled) return;
+      _(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), Ye = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (Ye) {
+      if (fe("showClone", this), T.eventCanceled) return;
+      m.parentNode == P && !this.options.group.revertClone ? P.insertBefore(Y, m) : Ke ? P.insertBefore(Y, Ke) : P.appendChild(Y), this.options.group.revertClone && this.animate(m, Y), _(Y, "display", ""), Ye = !1;
+    }
+  }
+};
+function Wo(t) {
+  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
+}
+function Tt(t, e, n, o, r, a, i, c) {
+  var u, s = t[ye], f = s.options.onMove, l;
+  return window.CustomEvent && !Me && !gt ? u = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (u = document.createEvent("Event"), u.initEvent("move", !0, !0)), u.to = e, u.from = t, u.dragged = n, u.draggedRect = o, u.related = r || e, u.relatedRect = a || ee(e), u.willInsertAfter = c, u.originalEvent = i, t.dispatchEvent(u), f && (l = f.call(s, u, i)), l;
+}
+function Gt(t) {
+  t.draggable = !1;
+}
+function Yo() {
+  en = !1;
+}
+function Ho(t, e, n) {
+  var o = ee(nt(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 Xo(t, e, n) {
+  var o = ee(sn(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 Go(t, e, n, o, r, a, i, c) {
+  var u = o ? t.clientY : t.clientX, s = o ? n.height : n.width, f = o ? n.top : n.left, l = o ? n.bottom : n.right, E = !1;
+  if (!i) {
+    if (c && Dt < s * r) {
+      if (!mt && (pt === 1 ? u > f + s * a / 2 : u < l - s * a / 2) && (mt = !0), mt)
+        E = !0;
+      else if (pt === 1 ? u < f + Dt : u > l - Dt)
+        return -pt;
+    } else if (u > f + s * (1 - r) / 2 && u < l - s * (1 - r) / 2)
+      return zo(e);
+  }
+  return E = E || i, E && (u < f + s * a / 2 || u > l - s * a / 2) ? u > f + s / 2 ? 1 : -1 : 0;
+}
+function zo(t) {
+  return Ee(m) < Ee(t) ? 1 : -1;
+}
+function jo(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 Ko(t) {
+  kt.length = 0;
+  for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
+    var o = e[n];
+    o.checked && kt.push(o);
+  }
+}
+function It(t) {
+  return setTimeout(t, 0);
+}
+function tn(t) {
+  return clearTimeout(t);
+}
+Vt && S(document, "touchmove", function(t) {
+  (T.active || Je) && t.cancelable && t.preventDefault();
+});
+T.utils = {
+  on: S,
+  off: C,
+  css: _,
+  find: An,
+  is: function(e, n) {
+    return !!Ie(e, n, e, !1);
+  },
+  extend: Fo,
+  throttle: kn,
+  closest: Ie,
+  toggleClass: ve,
+  clone: Mn,
+  index: Ee,
+  nextTick: It,
+  cancelNextTick: tn,
+  detectDirection: Vn,
+  getChild: nt
+};
+T.get = function(t) {
+  return t[ye];
+};
+T.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 && (T.utils = Ce(Ce({}, T.utils), o.utils)), vt.mount(o);
+  });
+};
+T.create = function(t, e) {
+  return new T(t, e);
+};
+T.version = Oo;
+var q = [], st, nn, on = !1, zt, jt, Lt, ut;
+function qo() {
+  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 ? S(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? S(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? S(document, "touchmove", this._handleFallbackAutoScroll) : S(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? C(document, "dragover", this._handleAutoScroll) : (C(document, "pointermove", this._handleFallbackAutoScroll), C(document, "touchmove", this._handleFallbackAutoScroll), C(document, "mousemove", this._handleFallbackAutoScroll)), Tn(), Ot(), No();
+    },
+    nulling: function() {
+      Lt = nn = st = on = ut = zt = jt = null, q.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var r = this, a = (n.touches ? n.touches[0] : n).clientX, i = (n.touches ? n.touches[0] : n).clientY, c = document.elementFromPoint(a, i);
+      if (Lt = n, o || this.options.forceAutoScrollFallback || gt || Me || ct) {
+        Kt(n, this.options, c, o);
+        var u = He(c, !0);
+        on && (!ut || a !== zt || i !== jt) && (ut && Tn(), ut = setInterval(function() {
+          var s = He(document.elementFromPoint(a, i), !0);
+          s !== u && (u = s, Ot()), Kt(n, r.options, s, o);
+        }, 10), zt = a, jt = i);
+      } else {
+        if (!this.options.bubbleScroll || He(c, !0) === Oe()) {
+          Ot();
+          return;
+        }
+        Kt(n, this.options, He(c, !1), !1);
+      }
+    }
+  }, Le(t, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function Ot() {
+  q.forEach(function(t) {
+    clearInterval(t.pid);
+  }), q = [];
+}
+function Tn() {
+  clearInterval(ut);
+}
+var Kt = kn(function(t, e, n, o) {
+  if (e.scroll) {
+    var r = (t.touches ? t.touches[0] : t).clientX, a = (t.touches ? t.touches[0] : t).clientY, i = e.scrollSensitivity, c = e.scrollSpeed, u = Oe(), s = !1, f;
+    nn !== n && (nn = n, Ot(), st = e.scroll, f = e.scrollFn, st === !0 && (st = He(n, !0)));
+    var l = 0, E = st;
+    do {
+      var y = E, b = ee(y), g = b.top, L = b.bottom, H = b.left, N = b.right, $ = b.width, B = b.height, M = void 0, X = void 0, me = y.scrollWidth, Se = y.scrollHeight, te = _(y), Te = y.scrollLeft, he = y.scrollTop;
+      y === u ? (M = $ < me && (te.overflowX === "auto" || te.overflowX === "scroll" || te.overflowX === "visible"), X = B < Se && (te.overflowY === "auto" || te.overflowY === "scroll" || te.overflowY === "visible")) : (M = $ < me && (te.overflowX === "auto" || te.overflowX === "scroll"), X = B < Se && (te.overflowY === "auto" || te.overflowY === "scroll"));
+      var Re = M && (Math.abs(N - r) <= i && Te + $ < me) - (Math.abs(H - r) <= i && !!Te), Z = X && (Math.abs(L - a) <= i && he + B < Se) - (Math.abs(g - a) <= i && !!he);
+      if (!q[l])
+        for (var we = 0; we <= l; we++)
+          q[we] || (q[we] = {});
+      (q[l].vx != Re || q[l].vy != Z || q[l].el !== y) && (q[l].el = y, q[l].vx = Re, q[l].vy = Z, clearInterval(q[l].pid), (Re != 0 || Z != 0) && (s = !0, q[l].pid = setInterval((function() {
+        o && this.layer === 0 && T.active._onTouchMove(Lt);
+        var Fe = q[this.layer].vy ? q[this.layer].vy * c : 0, ce = q[this.layer].vx ? q[this.layer].vx * c : 0;
+        typeof f == "function" && f.call(T.dragged.parentNode[ye], ce, Fe, t, Lt, q[this.layer].el) !== "continue" || Ln(q[this.layer].el, ce, Fe);
+      }).bind({
+        layer: l
+      }), 24))), l++;
+    } while (e.bubbleScroll && E !== u && (E = He(E, !1)));
+    on = s;
+  }
+}, 30), Wn = function(e) {
+  var n = e.originalEvent, o = e.putSortable, r = e.dragEl, a = e.activeSortable, i = e.dispatchSortableEvent, c = e.hideGhostForTarget, u = e.unhideGhostForTarget;
+  if (n) {
+    var s = o || a;
+    c();
+    var f = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, l = document.elementFromPoint(f.clientX, f.clientY);
+    u(), s && !s.el.contains(l) && (i("spill"), this.onSpill({
+      dragEl: r,
+      putSortable: o
+    }));
+  }
+};
+function un() {
+}
+un.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 = nt(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: Wn
+};
+Le(un, {
+  pluginName: "revertOnSpill"
+});
+function cn() {
+}
+cn.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: Wn
+};
+Le(cn, {
+  pluginName: "removeOnSpill"
+});
+T.mount(new qo());
+T.mount(cn, un);
+function qt(t) {
+  t.parentElement !== null && t.parentElement.removeChild(t);
+}
+function wn(t, e, n) {
+  const o = n === 0 ? t.children[0] : t.children[n - 1].nextSibling;
+  t.insertBefore(e, o);
+}
+function Qo() {
+  return typeof window < "u" ? window.console : globalThis.console;
+}
+const Zo = Qo();
+function Jo(t) {
+  const e = /* @__PURE__ */ Object.create(null);
+  return function(o) {
+    return e[o] || (e[o] = t(o));
+  };
+}
+const er = /-(\w)/g, tr = Jo((t) => t.replace(er, (e, n) => n.toUpperCase())), Yn = ["Start", "Add", "Remove", "Update", "End"], Hn = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], Xn = ["Move"], nr = [Xn, Yn, Hn].flatMap((t) => t).map((t) => `on${t}`), rn = {
+  manage: Xn,
+  manageAndEmit: Yn,
+  emit: Hn
+};
+function or(t) {
+  return nr.indexOf(t) !== -1;
+}
+const rr = [
+  "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 ar(t) {
+  return rr.includes(t);
+}
+function ir(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function Gn(t) {
+  return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
+}
+function zn(t) {
+  return t.reduce((e, [n, o]) => (e[n] = o, e), {});
+}
+function lr({ $attrs: t, componentData: e = {} }) {
+  return {
+    ...zn(
+      Object.entries(t).filter(([o, r]) => Gn(o))
+    ),
+    ...e
+  };
+}
+function sr({ $attrs: t, callBackBuilder: e }) {
+  const n = zn(jn(t));
+  Object.entries(e).forEach(([r, a]) => {
+    rn[r].forEach((i) => {
+      n[`on${i}`] = a(i);
+    });
+  });
+  const o = `[data-draggable]${n.draggable || ""}`;
+  return {
+    ...n,
+    draggable: o
+  };
+}
+function jn(t) {
+  return Object.entries(t).filter(([e, n]) => !Gn(e)).map(([e, n]) => [tr(e), n]).filter(([e, n]) => !or(e));
+}
+const xn = ({ el: t }) => t, ur = (t, e) => t.__draggable_context = e, Dn = (t) => t.__draggable_context;
+class cr {
+  constructor({
+    nodes: { header: e, default: n, footer: o },
+    root: r,
+    realList: a
+  }) {
+    this.defaultNodes = n, this.children = [...e, ...n, ...o], this.externalComponent = r.externalComponent, this.rootTransition = r.transition, this.tag = r.tag, this.realList = a;
+  }
+  get _isRootComponent() {
+    return this.externalComponent || this.rootTransition;
+  }
+  render(e, n) {
+    const { tag: o, children: r, _isRootComponent: a } = this;
+    return e(o, n, a ? { default: () => r } : r);
+  }
+  updated() {
+    const { defaultNodes: e, realList: n } = this;
+    e.forEach((o, r) => {
+      ur(xn(o), {
+        element: n[r],
+        index: r
+      });
+    });
+  }
+  getUnderlyingVm(e) {
+    return Dn(e);
+  }
+  getVmIndexFromDomIndex(e, n) {
+    const { defaultNodes: o } = this, { length: r } = o, a = n.children, i = a.item(e);
+    if (i === null)
+      return r;
+    const c = Dn(i);
+    if (c)
+      return c.index;
+    if (r === 0)
+      return 0;
+    const u = xn(o[0]), s = [...a].findIndex(
+      (f) => f === u
+    );
+    return e < s ? 0 : r;
+  }
+}
+function dr(t, e) {
+  const n = t[e];
+  return n ? n() : [];
+}
+function fr({ $slots: t, realList: e, getKey: n }) {
+  const o = e || [], [r, a] = ["header", "footer"].map(
+    (u) => dr(t, u)
+  ), { item: i } = t;
+  if (!i)
+    throw new Error("draggable element must have an item slot");
+  const c = o.flatMap(
+    (u, s) => i({ element: u, index: s }).map((f) => (f.key = n(u), f.props = { ...f.props || {}, "data-draggable": !0 }, f))
+  );
+  if (c.length !== o.length)
+    throw new Error("Item slot must have only one child");
+  return {
+    header: r,
+    footer: a,
+    default: c
+  };
+}
+function pr(t) {
+  const e = ir(t), n = !ar(t) && !e;
+  return {
+    transition: e,
+    externalComponent: n,
+    tag: n ? j(t) : e ? ro : t
+  };
+}
+function mr({ $slots: t, tag: e, realList: n, getKey: o }) {
+  const r = fr({ $slots: t, realList: n, getKey: o }), a = pr(e);
+  return new cr({ nodes: r, root: a, realList: n });
+}
+function Kn(t, e) {
+  an(() => this.$emit(t.toLowerCase(), e));
+}
+function qn(t) {
+  return (e, n) => {
+    if (this.realList !== null)
+      return this[`onDrag${t}`](e, n);
+  };
+}
+function hr(t) {
+  const e = qn.call(this, t);
+  return (n, o) => {
+    e.call(this, n, o), Kn.call(this, t, n);
+  };
+}
+let Qt = null;
+const gr = {
+  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
+  }
+}, vr = [
+  "update:modelValue",
+  "change",
+  ...[...rn.manageAndEmit, ...rn.emit].map((t) => t.toLowerCase())
+], br = Xe({
+  name: "draggable",
+  inheritAttrs: !1,
+  props: gr,
+  emits: vr,
+  data() {
+    return {
+      error: !1
+    };
+  },
+  render() {
+    try {
+      this.error = !1;
+      const { $slots: t, $attrs: e, tag: n, componentData: o, realList: r, getKey: a } = this, i = mr({
+        $slots: t,
+        tag: n,
+        realList: r,
+        getKey: a
+      });
+      this.componentStructure = i;
+      const c = lr({ $attrs: e, componentData: o });
+      return i.render(dn, c);
+    } catch (t) {
+      return this.error = !0, dn("pre", { style: { color: "red" } }, t.stack);
+    }
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && Zo.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 = sr({
+      $attrs: t,
+      callBackBuilder: {
+        manageAndEmit: (a) => hr.call(this, a),
+        emit: (a) => Kn.bind(this, a),
+        manage: (a) => qn.call(this, a)
+      }
+    }), r = e.nodeType === 1 ? e : e.parentElement;
+    this._sortable = new T(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 && jn(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) {
+      an(() => 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), Qt = t.item;
+    },
+    onDragAdd(t) {
+      const e = t.item._underlying_vm_;
+      if (e === void 0)
+        return;
+      qt(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 (wn(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
+        qt(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) {
+      qt(t.item), wn(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(
+        (i) => i.style.display !== "none"
+      ), o = n.indexOf(e.related), r = t.component.getVmIndexFromDomIndex(
+        o
+      );
+      return n.indexOf(Qt) !== -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), a = this.computeFutureIndex(r, t), i = {
+        ...this.context,
+        futureIndex: a
+      }, c = {
+        ...t,
+        relatedContext: r,
+        draggedContext: i
+      };
+      return n(c, e);
+    },
+    onDragEnd() {
+      Qt = null;
+    }
+  }
+}), yr = Object.entries(z).map((t) => {
+  let e = "";
+  switch (t[1]) {
+    case z.BarChart:
+      e = "bar_chart";
+      break;
+    case z.Table:
+      e = "table";
+      break;
+    case z.Circular:
+      e = "pie_chart";
+      break;
+    case z.LineChart:
+      e = "show_chart";
+      break;
+    case z.Scorecard:
+      e = "money";
+      break;
+    case z.Spacer:
+      e = "space_bar";
+      break;
+    case z.StackBarChart:
+      e = "stacked_bar_chart";
+      break;
+    case z.ClusteredStackBarChart:
+      e = "stacked_bar_chart";
+      break;
+    case z.StackLineChart:
+      e = "stacked_line_chart";
+      break;
+  }
+  return {
+    label: go(t[0]),
+    icon: e,
+    value: t[1]
+  };
+}), Er = /* @__PURE__ */ Xe({
+  __name: "WidgetTypeList",
+  props: /* @__PURE__ */ Mt({
+    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 } = Pt(), n = ot(t, "modelValue"), o = t, r = R(
+      () => yr.map((a) => ({
+        ...a,
+        label: e(`report.widget.types.${a.value.toLowerCase()}`)
+      }))
+    );
+    return (a, i) => {
+      const c = j("FmIcon"), u = j("FmCard");
+      return D(), k("div", null, [
+        (D(!0), k(Ae, null, Ct(r.value.filter(
+          (s) => o.excludeWidgeType.indexOf(s.value) === -1
+        ), (s, f) => (D(), _e(u, {
+          key: f,
+          class: St(`items-center  ${o.childClass} cursor-pointer rounded-[8px] ${o.isList ? "" : "gap-[16px] h-[120px] justify-center"} ${n.value === s.value ? "selected-widget" : ""}`),
+          variant: "outlined",
+          onClick: (l) => n.value = s.value
+        }, {
+          default: pe(() => [
+            G(c, {
+              name: s.icon,
+              size: o.isList ? "md" : "lg",
+              outline: !0
+            }, null, 8, ["name", "size"]),
+            A("span", {
+              class: St(o.isList ? "" : "flex items-center text-center leading-[24px] h-[48px]")
+            }, Q(s.label), 3)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"]))), 128))
+      ]);
+    };
+  }
+}), ya = /* @__PURE__ */ ln(Er, [["__scopeId", "data-v-0535b07b"]]);
+function _r(t) {
+  let e, n, o, r;
+  switch (t) {
+    case z.Table:
+      e = [], n = !1, o = vo.top;
+      break;
+    case z.ClusteredStackBarChart:
+      r = !0;
+      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,
+    stackBarOverlap: r,
+    columnIds: [],
+    rowIds: [],
+    joinDatasources: e
+  };
+}
+function Ea(t, e) {
+  let n = 1, o = 1;
+  switch (t) {
+    case z.Scorecard:
+      n = 1, o = 2;
+      break;
+    case z.BarChart:
+    case z.StackBarChart:
+    case z.ClusteredStackBarChart:
+    case z.LineChart:
+    case z.StackLineChart:
+      n = 4, o = 6;
+      break;
+    case z.Table:
+      n = 4, o = 12;
+      break;
+    case z.Circular:
+      n = 4, o = 4;
+      break;
+    case z.Spacer:
+      n = 0, o = 12;
+      break;
+  }
+  return {
+    size: {
+      width: o,
+      height: n
+    },
+    widget: {
+      title: e || "New widget",
+      type: t,
+      config: _r(t)
+    }
+  };
+}
+function _a(t, e) {
+  return t.filter((n, o) => o !== e);
+}
+const Tr = {
+  key: 0,
+  class: "flex flex-col gap-5"
+}, wr = /* @__PURE__ */ Xe({
+  __name: "Section",
+  props: {
+    isOpen: { type: Boolean, default: !0 },
+    isOpenModifiers: {}
+  },
+  emits: ["update:isOpen"],
+  setup(t) {
+    const e = ot(t, "isOpen");
+    return (n, o) => {
+      const r = j("FmIcon"), a = j("FmMenuDivider");
+      return D(), k(Ae, null, [
+        A("div", {
+          class: "flex items-center cursor-pointer fm-typo-en-body-lg-600",
+          onClick: o[0] || (o[0] = (i) => e.value = !e.value)
+        }, [
+          ht(n.$slots, "header", {}, void 0, !0),
+          G(r, {
+            name: e.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
+          }, null, 8, ["name"])
+        ]),
+        G(Jt, { name: "slide-fade" }, {
+          default: pe(() => [
+            e.value ? (D(), k("div", Tr, [
+              ht(n.$slots, "content", {}, void 0, !0)
+            ])) : U("", !0)
+          ]),
+          _: 3
+        }),
+        G(a)
+      ], 64);
+    };
+  }
+}), Ta = /* @__PURE__ */ ln(wr, [["__scopeId", "data-v-fa67a3a4"]]);
+var J = /* @__PURE__ */ ((t) => (t.Dimension = "DIMENSION", t.Metric = "METRIC", t))(J || {});
+const xr = { class: "relative" }, Dr = ["placeholder", "onKeydown"], Ir = { class: "flex items-center gap-1 px-3 py-1" }, Or = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300"
+}, Cr = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-success-300"
+}, Sr = {
+  key: 0,
+  class: "m-2 mb-0 rounded-lg border border-neutral-200 bg-neutral-50 px-4 py-3"
+}, Rr = { class: "flex items-center gap-2" }, Fr = { class: "fm-typo-en-title-md-400 text-fm-color-typo-primary" }, Nr = { class: "fm-typo-en-body-sm-400" }, Ar = { class: "mt-3 border-l-2 border-fm-color-system-info-100 pl-3 fm-typo-en-body-md-400 text-fm-color-typo-primary leading-relaxed" }, kr = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 mt-3 uppercase tracking-wide" }, Lr = { class: "mt-1 rounded-md bg-fm-color-neutral-white px-3 py-2 fm-typo-en-body-md-400 text-fm-color-typo-primary leading-relaxed break-words" }, Mr = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400 mt-3 uppercase tracking-wide" }, Pr = { class: "mt-1 rounded-md bg-fm-color-neutral-white px-3 py-2 fm-typo-en-body-md-400 text-fm-color-typo-primary leading-relaxed break-words" }, Vr = { key: 2 }, Ur = ["onMousedown", "onMouseenter"], $r = { class: "min-w-0 flex-1" }, Br = { class: "flex items-start gap-2 min-w-0" }, Wr = { class: "min-w-0 overflow-hidden text-ellipsis line-clamp-3 fm-typo-en-body-md-400" }, Yr = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, Hr = { class: "fm-typo-en-body-sm-400" }, Xr = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-300 leading-relaxed whitespace-normal"
+}, Gr = /* @__PURE__ */ Xe({
+  __name: "FormulaInput",
+  props: /* @__PURE__ */ Mt({
+    placeholder: {},
+    fieldDataList: {},
+    functionList: {},
+    formulaField: {},
+    validationResult: {},
+    isValidating: { type: Boolean },
+    validFormulaLabel: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    function e(h) {
+      switch (h) {
+        case "FUNCTION":
+          return r("report.formulaInput.badge.function");
+        case "FIELD":
+          return r("report.formulaInput.badge.field");
+        case "KEYWORD":
+          return r("report.formulaInput.badge.keyword");
+      }
+    }
+    function n(h) {
+      switch (h) {
+        case "FIELD":
+          return "bg-fm-color-primary text-fm-color-typo-white";
+        case "FUNCTION":
+          return "bg-fm-color-system-info-100 text-fm-color-typo-info";
+        case "KEYWORD":
+          return "text-fm-color-typo-secondary";
+      }
+    }
+    const o = ot(t, "modelValue"), { t: r } = Pt();
+    function a(h) {
+      const I = [h.toLowerCase(), e(h).toLowerCase()];
+      return h === "KEYWORD" && I.push("expr", "expression"), I;
+    }
+    function i(h, I) {
+      return h ? a(I).some((x) => x.includes(h)) : !1;
+    }
+    function c(h, I, x) {
+      return h ? i(h, I) || x.some((F) => F == null ? void 0 : F.toLowerCase().includes(h)) : !0;
+    }
+    const u = t, s = oe(null), f = oe(null), l = oe(!1), E = oe({ top: 0, left: 0 }), y = oe(0), b = oe(!1), g = oe(null), L = R(() => u.formulaField), H = R(() => [
+      {
+        value: "AVG",
+        description: r("report.formulaInput.functionDescription.avg"),
+        example: "AVG(sales_total)",
+        exampleResult: r("report.formulaInput.functionResult.avg"),
+        insertText: "AVG()",
+        cursorOffset: 4,
+        allowedFields: [J.Metric]
+      },
+      {
+        value: "SUM",
+        description: r("report.formulaInput.functionDescription.sum"),
+        example: "SUM(sales_total)",
+        exampleResult: r("report.formulaInput.functionResult.sum"),
+        insertText: "SUM()",
+        cursorOffset: 4,
+        allowedFields: [J.Metric]
+      },
+      {
+        value: "COUNT",
+        description: r("report.formulaInput.functionDescription.count"),
+        example: "COUNT(order_id)",
+        exampleResult: r("report.formulaInput.functionResult.count"),
+        insertText: "COUNT()",
+        cursorOffset: 6
+      },
+      {
+        value: "MAX",
+        description: r("report.formulaInput.functionDescription.max"),
+        example: "MAX(sales_total)",
+        exampleResult: r("report.formulaInput.functionResult.max"),
+        insertText: "MAX()",
+        cursorOffset: 4
+      },
+      {
+        value: "MIN",
+        description: r("report.formulaInput.functionDescription.min"),
+        example: "MIN(sales_total)",
+        exampleResult: r("report.formulaInput.functionResult.min"),
+        insertText: "MIN()",
+        cursorOffset: 4
+      },
+      {
+        value: "ABS",
+        description: r("report.formulaInput.functionDescription.abs"),
+        example: "ABS(net_change)",
+        exampleResult: r("report.formulaInput.functionResult.abs"),
+        insertText: "ABS()",
+        cursorOffset: 4
+      },
+      {
+        value: "ROUND",
+        description: r("report.formulaInput.functionDescription.round"),
+        example: "ROUND(sales_total, 2)",
+        exampleResult: r("report.formulaInput.functionResult.round"),
+        insertText: "ROUND()",
+        cursorOffset: 6
+      },
+      {
+        value: "REPLACE",
+        description: r("report.formulaInput.functionDescription.replace"),
+        example: "REPLACE(customer_phone, '-', '')",
+        exampleResult: r("report.formulaInput.functionResult.replace"),
+        insertText: "REPLACE()",
+        cursorOffset: 8,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "RIGHT",
+        description: r("report.formulaInput.functionDescription.right"),
+        example: "RIGHT(order_code, 4)",
+        exampleResult: r("report.formulaInput.functionResult.right"),
+        insertText: "RIGHT()",
+        cursorOffset: 6,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "SUBSTR",
+        description: r("report.formulaInput.functionDescription.substr"),
+        example: "SUBSTR(customer_code, 1, 3)",
+        exampleResult: r("report.formulaInput.functionResult.substr"),
+        insertText: "SUBSTR()",
+        cursorOffset: 7,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "REGEXP_MATCH",
+        description: r("report.formulaInput.functionDescription.regexpMatch"),
+        example: "REGEXP_MATCH(customer_email, '@gmail\\.com$')",
+        exampleResult: r("report.formulaInput.functionResult.regexpMatch"),
+        insertText: "REGEXP_MATCH()",
+        cursorOffset: 13,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "REGEXP_REPLACE",
+        description: r("report.formulaInput.functionDescription.regexpReplace"),
+        example: "REGEXP_REPLACE(customer_phone, '[^0-9]', '', 'g')",
+        exampleResult: r("report.formulaInput.functionResult.regexpReplace"),
+        insertText: "REGEXP_REPLACE()",
+        cursorOffset: 15,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "TRIM",
+        description: r("report.formulaInput.functionDescription.trim"),
+        example: "TRIM(customer_name)",
+        exampleResult: r("report.formulaInput.functionResult.trim"),
+        insertText: "TRIM()",
+        cursorOffset: 5,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "COALESCE",
+        description: r("report.formulaInput.functionDescription.coalesce"),
+        example: "COALESCE(sales_discount, 0)",
+        exampleResult: r("report.formulaInput.functionResult.coalesce"),
+        insertText: "COALESCE()",
+        cursorOffset: 9
+      },
+      {
+        value: "NULLIF",
+        description: r("report.formulaInput.functionDescription.nullif"),
+        example: "NULLIF(sales_total, 0)",
+        exampleResult: r("report.formulaInput.functionResult.nullif"),
+        insertText: "NULLIF()",
+        cursorOffset: 7
+      },
+      {
+        value: "CONCAT",
+        description: r("report.formulaInput.functionDescription.concat"),
+        example: "CONCAT(customer_firstname, ' ', customer_lastname)",
+        exampleResult: r("report.formulaInput.functionResult.concat"),
+        insertText: "CONCAT()",
+        cursorOffset: 7,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "DATE_TRUNC",
+        description: r("report.formulaInput.functionDescription.dateTrunc"),
+        example: "DATE_TRUNC('month', sales_createdat)",
+        exampleResult: r("report.formulaInput.functionResult.dateTrunc"),
+        insertText: "DATE_TRUNC()",
+        cursorOffset: 11,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "TO_CHAR",
+        description: r("report.formulaInput.functionDescription.toChar"),
+        example: "TO_CHAR(sales_createdat, 'YYYY-MM-DD')",
+        exampleResult: r("report.formulaInput.functionResult.toChar"),
+        insertText: "TO_CHAR()",
+        cursorOffset: 8,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "TO_TIMESTAMP",
+        description: r("report.formulaInput.functionDescription.toTimestamp"),
+        example: "TO_TIMESTAMP(order_created_epoch)",
+        exampleResult: r("report.formulaInput.functionResult.toTimestamp"),
+        insertText: "TO_TIMESTAMP()",
+        cursorOffset: 13
+      },
+      {
+        value: "LOWER",
+        description: r("report.formulaInput.functionDescription.lower"),
+        example: "LOWER(customer_email)",
+        exampleResult: r("report.formulaInput.functionResult.lower"),
+        insertText: "LOWER()",
+        cursorOffset: 6,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "UPPER",
+        description: r("report.formulaInput.functionDescription.upper"),
+        example: "UPPER(customer_code)",
+        exampleResult: r("report.formulaInput.functionResult.upper"),
+        insertText: "UPPER()",
+        cursorOffset: 6,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "EXTRACT",
+        description: r("report.formulaInput.functionDescription.extract"),
+        example: "EXTRACT(MONTH FROM sales_createdat)",
+        exampleResult: r("report.formulaInput.functionResult.extract"),
+        insertText: "EXTRACT()",
+        cursorOffset: 8,
+        allowedFields: [J.Dimension]
+      },
+      {
+        value: "FIRST_VALUE",
+        description: r("report.formulaInput.functionDescription.firstValue"),
+        example: "FIRST_VALUE(sales_total_sum) OVER (PARTITION BY sales_store ORDER BY sales_createdat)",
+        exampleResult: r("report.formulaInput.functionResult.firstValue"),
+        insertText: "FIRST_VALUE() OVER ()",
+        cursorOffset: 12,
+        allowedFields: [J.Metric]
+      },
+      {
+        value: "LAST_VALUE",
+        description: r("report.formulaInput.functionDescription.lastValue"),
+        example: "LAST_VALUE(sales_total_sum) OVER (PARTITION BY sales_store ORDER BY sales_createdat ROWS BETWEEN UNBOUNDED PRECEDING AND UNBOUNDED FOLLOWING)",
+        exampleResult: r("report.formulaInput.functionResult.lastValue"),
+        insertText: "LAST_VALUE() OVER ()",
+        cursorOffset: 11,
+        allowedFields: [J.Metric]
+      }
+    ]), N = R(
+      () => [
+        {
+          value: "PARTITION BY ",
+          label: "PARTITION BY",
+          description: r("report.formulaInput.keywordDescription.partitionBy")
+        },
+        {
+          value: "ORDER BY ",
+          label: "ORDER BY",
+          description: r("report.formulaInput.keywordDescription.orderBy")
+        },
+        {
+          value: "ROWS BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW",
+          label: "ROWS BETWEEN",
+          description: r("report.formulaInput.keywordDescription.rowsBetween")
+        }
+      ]
+    ), $ = R(() => [
+      {
+        value: "CASE",
+        label: "CASE WHEN THEN ELSE END",
+        description: r("report.formulaInput.keywordDescription.caseWhen"),
+        insertText: "CASE WHEN  THEN  ELSE  END",
+        cursorOffset: 10,
+        aliases: ["when", "then", "else"]
+      },
+      {
+        value: "AT TIME ZONE",
+        label: "AT TIME ZONE",
+        description: r("report.formulaInput.keywordDescription.atTimeZone"),
+        insertText: "AT TIME ZONE ''",
+        cursorOffset: 14
+      },
+      {
+        value: "INTERVAL",
+        label: "INTERVAL",
+        description: r("report.formulaInput.keywordDescription.interval"),
+        insertText: "INTERVAL ''",
+        cursorOffset: 10
+      },
+      {
+        value: "::",
+        label: ":: cast",
+        description: r("report.formulaInput.keywordDescription.cast"),
+        insertText: "::",
+        cursorOffset: 2,
+        aliases: ["cast"]
+      },
+      {
+        value: "DOW",
+        label: "DOW",
+        description: r("report.formulaInput.keywordDescription.dow"),
+        insertText: "DOW",
+        cursorOffset: 3,
+        aliases: ["day of week", "weekday"]
+      },
+      {
+        value: "IYYY-IW",
+        label: "IYYY-IW",
+        description: r("report.formulaInput.keywordDescription.iyyyIw"),
+        insertText: "IYYY-IW",
+        cursorOffset: 7,
+        aliases: ["iso week", "week format"]
+      },
+      {
+        value: "LIKE",
+        label: "LIKE",
+        description: r("report.formulaInput.keywordDescription.like"),
+        insertText: " LIKE ''",
+        cursorOffset: 7,
+        aliases: ["like", "pattern"]
+      },
+      {
+        value: "NOT LIKE",
+        label: "NOT LIKE",
+        description: r("report.formulaInput.keywordDescription.notLike"),
+        insertText: " NOT LIKE ''",
+        cursorOffset: 11,
+        aliases: ["notlike", "exclude pattern"]
+      },
+      {
+        value: "=",
+        label: "EQUAL",
+        description: r("report.formulaInput.keywordDescription.equal"),
+        insertText: " = ",
+        cursorOffset: 3,
+        aliases: ["equal"]
+      },
+      {
+        value: "!=",
+        label: "NOT EQUAL",
+        description: r("report.formulaInput.keywordDescription.notEqual"),
+        insertText: " != ",
+        cursorOffset: 4,
+        aliases: ["not equal", "<>"]
+      },
+      {
+        value: "IS NOT NULL",
+        label: "IS NOT NULL",
+        description: r("report.formulaInput.keywordDescription.isNotNull"),
+        insertText: " IS NOT NULL",
+        cursorOffset: 12,
+        aliases: ["null", "not null"]
+      },
+      {
+        value: "EPOCH",
+        label: "EPOCH",
+        description: r("report.formulaInput.keywordDescription.epoch"),
+        insertText: "EPOCH",
+        cursorOffset: 5
+      },
+      {
+        value: "SECOND",
+        label: "SECOND",
+        description: r("report.formulaInput.keywordDescription.second"),
+        insertText: "SECOND",
+        cursorOffset: 6
+      },
+      {
+        value: "MINUTE",
+        label: "MINUTE",
+        description: r("report.formulaInput.keywordDescription.minute"),
+        insertText: "MINUTE",
+        cursorOffset: 6
+      },
+      {
+        value: "HOUR",
+        label: "HOUR",
+        description: r("report.formulaInput.keywordDescription.hour"),
+        insertText: "HOUR",
+        cursorOffset: 4
+      },
+      {
+        value: "DAY",
+        label: "DAY",
+        description: r("report.formulaInput.keywordDescription.day"),
+        insertText: "DAY",
+        cursorOffset: 3
+      },
+      {
+        value: "WEEK",
+        label: "WEEK",
+        description: r("report.formulaInput.keywordDescription.week"),
+        insertText: "WEEK",
+        cursorOffset: 4
+      },
+      {
+        value: "MONTH",
+        label: "MONTH",
+        description: r("report.formulaInput.keywordDescription.month"),
+        insertText: "MONTH",
+        cursorOffset: 5
+      },
+      {
+        value: "QUARTER",
+        label: "QUARTER",
+        description: r("report.formulaInput.keywordDescription.quarter"),
+        insertText: "QUARTER",
+        cursorOffset: 7
+      },
+      {
+        value: "YEAR",
+        label: "YEAR",
+        description: r("report.formulaInput.keywordDescription.year"),
+        insertText: "YEAR",
+        cursorOffset: 4
+      }
+    ]), B = R(() => [
+      ...H.value,
+      ...u.functionList || []
+    ]), M = R(
+      () => B.value.filter(
+        (h) => !h.allowedFields || h.allowedFields.length === 0 || h.allowedFields.includes(L.value)
+      )
+    ), X = /* @__PURE__ */ new Set([
+      "LOWER",
+      "UPPER",
+      "TO_CHAR",
+      "DATE_TRUNC",
+      "EXTRACT",
+      "TO_TIMESTAMP"
+    ]), me = R(() => re.value ? X.has(re.value.value.toUpperCase()) : !1), Se = R(() => {
+      const h = o.value || "";
+      return Math.max(h.split(`
+`).length, 1);
+    }), te = R(() => Array.from({ length: Se.value }, (h, I) => I + 1));
+    function Te(h, I) {
+      let x = I;
+      for (; x > 0 && /\w/.test(h[x - 1]); ) x--;
+      let F = I;
+      for (; F < h.length && /\w/.test(h[F]); ) F++;
+      return { start: x, end: F };
+    }
+    const he = R(() => {
+      const h = o.value || "", I = y.value;
+      if (!h) return "";
+      const { start: x, end: F } = Te(h, I);
+      return h.substring(x, F);
+    }), Re = R(() => he.value.trim().length > 0);
+    R(
+      () => Re.value || Z.value.insideParens
+    );
+    const Z = R(() => {
+      var ae;
+      const h = o.value || "", I = y.value, x = h.substring(0, I), F = [];
+      for (let p = 0; p < x.length; p++)
+        h[p] === "(" ? F.push(p) : h[p] === ")" && F.pop();
+      const de = F.length > 0 ? F[F.length - 1] : -1;
+      if (de !== -1) {
+        const p = x.substring(de + 1), xe = x.substring(0, de).trimEnd(), $e = xe.match(/(\w+)$/), Be = $e ? $e[1].toUpperCase() : "", at = xe.match(/(\w+)\([^()]*\)\s+OVER$/i), Ut = Be === "OVER" ? ((ae = at == null ? void 0 : at[1]) == null ? void 0 : ae.toUpperCase()) || "OVER" : Be;
+        return {
+          insideParens: !0,
+          functionName: Be,
+          guideFunctionName: Ut,
+          hasText: p.trim().length > 0
+        };
+      }
+      return {
+        insideParens: !1,
+        functionName: "",
+        guideFunctionName: "",
+        hasText: !1
+      };
+    }), we = R(() => [
+      {
+        value: "TEXT",
+        label: "::text",
+        description: r("report.formulaInput.keywordDescription.castText"),
+        insertText: "text",
+        cursorOffset: 4,
+        aliases: ["::text"]
+      },
+      {
+        value: "NUMERIC",
+        label: "::numeric",
+        description: r("report.formulaInput.keywordDescription.castNumeric"),
+        insertText: "numeric",
+        cursorOffset: 7,
+        aliases: ["::numeric"]
+      },
+      {
+        value: "BOOL",
+        label: "::bool",
+        description: r("report.formulaInput.keywordDescription.castBool"),
+        insertText: "bool",
+        cursorOffset: 4,
+        aliases: ["::bool", "::boolean"]
+      },
+      {
+        value: "TIMESTAMPTZ",
+        label: "::timestamptz",
+        description: r("report.formulaInput.keywordDescription.castTimestamptz"),
+        insertText: "timestamptz",
+        cursorOffset: 11,
+        aliases: ["::timestampz", "::timestamptz"]
+      },
+      {
+        value: "JSON",
+        label: "::json",
+        description: r("report.formulaInput.keywordDescription.castJson"),
+        insertText: "json",
+        cursorOffset: 4,
+        aliases: ["::json"]
+      }
+    ]), Fe = R(() => {
+      const h = o.value || "", I = y.value, { start: x } = Te(h, I), F = h.substring(0, x);
+      return /::\s*$/.test(F);
+    }), ce = R(() => {
+      const h = he.value.toLowerCase(), I = me.value;
+      if (Fe.value)
+        return we.value.filter(
+          (p) => c(h, "KEYWORD", [
+            p.label,
+            p.value,
+            ...p.aliases || []
+          ])
+        ).map((p) => ({
+          value: p.value,
+          label: p.label || p.value,
+          type: "KEYWORD",
+          description: p.description,
+          insertText: p.insertText,
+          cursorOffset: p.cursorOffset
+        }));
+      const x = u.fieldDataList.filter(
+        (p) => c(h, "FIELD", [
+          p.label,
+          p.value,
+          p.badge,
+          p.meta
+        ])
+      ).map((p) => ({
+        value: p.value,
+        label: p.label,
+        type: "FIELD",
+        badge: p.badge,
+        meta: p.meta
+      })), F = I ? [] : M.value.filter(
+        (p) => c(h, "FUNCTION", [
+          p.value,
+          ...p.aliases || []
+        ])
+      ).map((p) => ({
+        value: p.value,
+        label: p.label || p.insertText || `${p.value}()`,
+        type: "FUNCTION",
+        description: p.description,
+        insertText: p.insertText,
+        cursorOffset: p.cursorOffset
+      })), de = I ? [] : $.value.filter(
+        (p) => c(h, "KEYWORD", [
+          p.label,
+          p.value,
+          ...p.aliases || []
+        ])
+      ).map((p) => ({
+        value: p.value,
+        label: p.label || p.value,
+        type: "KEYWORD",
+        description: p.description,
+        insertText: p.insertText,
+        cursorOffset: p.cursorOffset
+      })), ae = Z.value.insideParens && Z.value.functionName === "OVER" ? N.value.filter(
+        (p) => c(h, "KEYWORD", [p.label])
+      ).map((p) => ({
+        ...p,
+        type: "KEYWORD"
+        /* Keyword */
+      })) : [];
+      return [...F, ...de, ...ae, ...x];
+    }), re = R(() => {
+      if (!Z.value.insideParens) return null;
+      const h = Z.value.guideFunctionName;
+      return h && M.value.find((I) => I.value.toUpperCase() === h) || null;
+    }), d = R(() => re.value ? "FUNCTION" : void 0), v = R(
+      () => ce.value.find((h) => h.value === g.value)
+    ), O = R(() => l.value && ce.value.length > 0), K = R(
+      () => l.value && Z.value.insideParens && !Z.value.hasText && re.value !== null
+    ), le = R(
+      () => l.value && (K.value || O.value)
+    );
+    function Pe(h) {
+      const I = h.getBoundingClientRect(), x = window.getComputedStyle(h), F = parseFloat(x.lineHeight) || 24, de = h.value.substring(0, h.selectionStart), ae = document.createElement("div");
+      ae.style.cssText = `
+    position: fixed;
+    top: ${I.top}px;
+    left: ${I.left}px;
+    width: ${h.clientWidth}px;
+    height: ${h.clientHeight}px;
+    padding: ${x.padding};
+    border: ${x.border};
+    box-sizing: ${x.boxSizing};
+    overflow: hidden;
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    font-family: ${x.fontFamily};
+    font-size: ${x.fontSize};
+    font-weight: ${x.fontWeight};
+    font-style: ${x.fontStyle};
+    font-variant: ${x.fontVariant};
+    line-height: ${x.lineHeight};
+    letter-spacing: ${x.letterSpacing};
+    word-spacing: ${x.wordSpacing};
+    text-transform: ${x.textTransform};
+    text-indent: ${x.textIndent};
+    text-rendering: ${x.textRendering};
+    tab-size: ${x.tabSize};
+    visibility: hidden;
+    pointer-events: none;
+  `, ae.textContent = de;
+      const p = document.createElement("span");
+      p.textContent = "​", ae.appendChild(p), document.body.appendChild(ae), ae.scrollTop = h.scrollTop, ae.scrollLeft = h.scrollLeft;
+      const xe = p.getBoundingClientRect();
+      document.body.removeChild(ae);
+      const $e = 8, Be = 12, at = 320, Ut = 360, Zn = xe.top + F + $e, Jn = xe.left + $e, eo = window.innerHeight - Ut - Be, to = window.innerWidth - at - Be;
+      return {
+        top: Math.max(Be, Math.min(Zn, eo)),
+        left: Math.max(Be, Math.min(Jn, to))
+      };
+    }
+    function rt() {
+      b.value = !0, l.value = !0, Ne();
+    }
+    function ge() {
+      setTimeout(() => {
+        b.value = !1, l.value = !1;
+      }, 150);
+    }
+    function Ne() {
+      s.value && (y.value = s.value.selectionStart, E.value = Pe(s.value));
+    }
+    function bt(h) {
+      const I = h.type === "FIELD" ? h.value : h.insertText || (h.type === "FUNCTION" ? `${h.value}()` : h.value), x = o.value || "", F = y.value, { start: de, end: ae } = Te(x, F);
+      o.value = x.substring(0, de) + I + x.substring(ae), an(() => {
+        var xe, $e;
+        (xe = s.value) == null || xe.focus();
+        const p = h.type === "FUNCTION" || h.type === "KEYWORD" ? de + (h.cursorOffset ?? h.value.length + 1) : de + I.length;
+        ($e = s.value) == null || $e.setSelectionRange(p, p), l.value = !0, Ne();
+      });
+    }
+    function Ve(h) {
+      g.value = h;
+    }
+    function Ue() {
+      !O.value || !v.value || bt(v.value);
+    }
+    function ne() {
+      s.value && f.value && (f.value.scrollTop = s.value.scrollTop);
+    }
+    return (h, I) => {
+      var ae;
+      const x = j("FmCircularProgress"), F = j("FmChip"), de = j("FmMenuDivider");
+      return D(), k("div", xr, [
+        A("div", {
+          class: "flex rounded-md overflow-hidden",
+          style: Zt({
+            outline: "none",
+            border: b.value ? "2px solid var(--fm-color-primary)" : "1px solid rgb(212 212 216)",
+            boxShadow: b.value ? "0 0 0 2px #fff4e4" : "none"
+          })
+        }, [
+          A("div", {
+            ref_key: "lineNumberRef",
+            ref: f,
+            class: "select-none text-right min-w-[32px] px-2 py-1 text-fm-color-neutral-gray-300 fm-typo-en-body-lg-400 border-r leading-normal"
+          }, [
+            (D(!0), k(Ae, null, Ct(te.value, (p) => (D(), k("div", { key: p }, Q(p), 1))), 128))
+          ], 512),
+          ao(A("textarea", {
+            ref_key: "textareaRef",
+            ref: s,
+            "onUpdate:modelValue": I[0] || (I[0] = (p) => o.value = p),
+            placeholder: h.placeholder,
+            class: "fm-typo-en-body-lg-400 px-3 py-1 w-full resize-none h-[120px] border-0 flex-1 leading-normal focus:outline-none fm-color-typo-primary",
+            onFocus: rt,
+            onBlur: ge,
+            onInput: Ne,
+            onClick: Ne,
+            onKeyup: Ne,
+            onKeydown: io(Rt(Ue, ["prevent"]), ["tab"]),
+            onScroll: ne
+          }, null, 40, Dr), [
+            [lo, o.value]
+          ])
+        ], 4),
+        A("div", Ir, [
+          h.isValidating ? (D(), _e(x, {
+            key: 0,
+            size: "md"
+          })) : U("", !0),
+          !h.isValidating && h.validationResult && !h.validationResult.valid ? (D(), k("p", Or, Q((ae = h.validationResult.error) == null ? void 0 : ae.message), 1)) : U("", !0),
+          !h.isValidating && h.validationResult && h.validationResult.valid ? (D(), k("p", Cr, Q(h.validFormulaLabel), 1)) : U("", !0)
+        ]),
+        le.value ? (D(), k("div", {
+          key: 0,
+          class: "fixed z-[999] bg-fm-color-neutral-white shadow-light-300 rounded-md border border-neutral-200 min-w-[260px] max-w-[320px] max-h-[360px] overflow-x-hidden overflow-y-auto",
+          style: Zt({
+            top: E.value.top + "px",
+            left: E.value.left + "px"
+          })
+        }, [
+          K.value ? (D(), k("div", Sr, [
+            A("div", Rr, [
+              A("p", Fr, Q(re.value.value) + "() ", 1),
+              d.value ? (D(), _e(F, {
+                key: 0,
+                compact: !0,
+                class: St(n(d.value))
+              }, {
+                default: pe(() => [
+                  A("p", Nr, Q(e(d.value)), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : U("", !0)
+            ]),
+            A("p", Ar, Q(re.value.description), 1),
+            re.value.example ? (D(), k(Ae, { key: 0 }, [
+              A("p", kr, Q(V(r)("report.formulaInput.section.example")), 1),
+              A("p", Lr, Q(re.value.example), 1),
+              re.value.exampleResult ? (D(), k(Ae, { key: 0 }, [
+                A("p", Mr, Q(V(r)("report.formulaInput.section.result")), 1),
+                A("p", Pr, Q(re.value.exampleResult), 1)
+              ], 64)) : U("", !0)
+            ], 64)) : U("", !0)
+          ])) : U("", !0),
+          K.value && O.value ? (D(), _e(de, { key: 1 })) : U("", !0),
+          O.value ? (D(), k("div", Vr, [
+            (D(!0), k(Ae, null, Ct(ce.value, (p) => (D(), k("div", {
+              key: p.value,
+              class: St([
+                "flex items-start gap-2 px-3 py-1 cursor-pointer transition-colors fm-typo-en-body-lg-400",
+                g.value === p.value ? "bg-fm-color-primary-50 ring-1 ring-inset ring-fm-color-primary/20" : "hover:bg-fm-color-primary-50"
+              ]),
+              onMousedown: Rt((xe) => bt(p), ["prevent"]),
+              onMouseenter: (xe) => Ve(p.value),
+              onMouseleave: I[1] || (I[1] = (xe) => Ve(null))
+            }, [
+              A("div", $r, [
+                A("div", Br, [
+                  A("span", Wr, Q(p.label), 1),
+                  p.type === "FIELD" && p.meta ? (D(), k("span", Yr, Q(p.meta), 1)) : U("", !0),
+                  p.type === "FIELD" && p.badge ? (D(), _e(F, {
+                    key: 1,
+                    compact: !0,
+                    class: "shrink-0 bg-fm-color-primary text-fm-color-typo-white"
+                  }, {
+                    default: pe(() => [
+                      A("p", Hr, Q(p.badge), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : U("", !0),
+                  p.type === "FUNCTION" ? (D(), _e(F, {
+                    key: 2,
+                    compact: !0,
+                    class: "shrink-0 bg-fm-color-system-info-100 text-fm-color-typo-info"
+                  }, {
+                    default: pe(() => I[2] || (I[2] = [
+                      A("p", { class: "fm-typo-en-body-sm-400" }, "FUNCTION", -1)
+                    ])),
+                    _: 1
+                  })) : U("", !0),
+                  p.type === "KEYWORD" ? (D(), _e(F, {
+                    key: 3,
+                    compact: !0,
+                    class: "shrink-0 text-fm-color-typo-secondary"
+                  }, {
+                    default: pe(() => I[3] || (I[3] = [
+                      A("p", { class: "fm-typo-en-body-sm-400" }, "EXPR", -1)
+                    ])),
+                    _: 1
+                  })) : U("", !0)
+                ]),
+                p.type !== "FIELD" ? (D(), k("p", Xr, Q(p.description), 1)) : U("", !0),
+                G(de)
+              ])
+            ], 42, Ur))), 128))
+          ])) : U("", !0)
+        ], 4)) : U("", !0)
+      ]);
+    };
+  }
+}), zr = async (t, e, n = []) => {
+  const { businessId: o } = In(bo());
+  if (!t || !t.trim())
+    return { valid: !1, queryDatasource: e, error: { message: "Formula is empty" } };
+  if (!o.value)
+    return { valid: !1, queryDatasource: e, error: { message: "Business ID is not defined" } };
+  const r = {
+    fetchType: yo.Post,
+    url: `/${o.value}/formula/validate`,
+    data: { formula: t, queryDatasource: e, allowedFields: n }
+  };
+  return Eo.fetch(r);
+};
+function jr(t) {
+  const { getDataFormula: e, getDisplayFormula: n, getIsAdvance: o } = t, r = t.getAllowedFields || (() => []), a = t.getDatasource || (() => po.Postgres), i = t.immediate ?? !1, c = oe(), u = oe(), s = oe(!1), f = oe(!1);
+  function l() {
+    return r().map((g) => `${g.fieldId}:${g.type}`).sort().join("|");
+  }
+  function E(g) {
+    let L = 0;
+    const H = Sn(
+      async (M, X) => {
+        if (!(!o() || X !== L)) {
+          if (!M) {
+            g.setValidation(void 0);
+            return;
+          }
+          try {
+            const me = await zr(M, a(), r());
+            if (!o() || X !== L)
+              return;
+            g.setValidation(me);
+          } catch {
+            if (!o() || X !== L)
+              return;
+            g.setValidation(void 0);
+          } finally {
+            X === L && g.setIsValidating(!1);
+          }
+        }
+      },
+      2500
+    );
+    function N(M) {
+      L += 1;
+      const X = L;
+      if (!o()) {
+        H.cancel(), g.setIsValidating(!1), g.setValidation(void 0);
+        return;
+      }
+      if (!M) {
+        H.cancel(), g.setValidation(void 0), g.setIsValidating(!1);
+        return;
+      }
+      g.setIsValidating(!0), H(M, X);
+    }
+    function $() {
+      L += 1, H.cancel(), g.setValidation(void 0), g.setIsValidating(!1);
+    }
+    function B() {
+      N(g.getFormula());
+    }
+    return {
+      trigger: N,
+      clearAndCancel: $,
+      revalidate: B
+    };
+  }
+  const y = E({
+    getFormula: e,
+    setValidation: (g) => {
+      c.value = g;
+    },
+    setIsValidating: (g) => {
+      s.value = g;
+    }
+  }), b = E({
+    getFormula: n,
+    setValidation: (g) => {
+      u.value = g;
+    },
+    setIsValidating: (g) => {
+      f.value = g;
+    }
+  });
+  return qe(
+    () => e(),
+    (g) => {
+      y.trigger(g);
+    },
+    { immediate: i }
+  ), qe(
+    () => n(),
+    (g) => {
+      b.trigger(g);
+    },
+    { immediate: i }
+  ), qe(
+    () => o(),
+    (g) => {
+      g ? (y.revalidate(), b.revalidate()) : (y.clearAndCancel(), b.clearAndCancel());
+    },
+    { immediate: i }
+  ), qe(
+    () => l(),
+    () => {
+      o() && (y.revalidate(), b.revalidate());
+    }
+  ), {
+    dataValidation: c,
+    displayValidation: u,
+    isDataValidating: s,
+    isDisplayValidating: f
+  };
+}
+const Kr = { class: "grow" }, qr = {
+  key: 2,
+  class: "w-full"
+}, Qr = { key: 0 }, Zr = /* @__PURE__ */ Xe({
+  __name: "FilterValueInput",
+  props: /* @__PURE__ */ Mt({
+    config: {
+      type: Object,
+      default: () => {
+      }
+    },
+    option: {
+      type: [String, null],
+      default: () => {
+      }
+    }
+  }, {
+    modelValue: { required: !0, default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = ot(t, "modelValue"), n = t, o = oe([]);
+    function r(u) {
+      return (u ? $t(u) : $t()).format("HH:mm");
+    }
+    function a({ hour: u, minute: s }) {
+      return $t().set("hour", u).set("minute", s).toISOString();
+    }
+    function i(u, s) {
+      var y, b;
+      const f = On(n.option), l = Cn(n.option);
+      ((y = n.config) == null ? void 0 : y.type) === it.TextField && (f !== void 0 && s < f || l !== void 0 && s > l) && (o.value[u] = `Value must be between ${f} and ${l}`);
+      const E = [...e.value];
+      ((b = n.config) == null ? void 0 : b.type) === it.Timestamp ? E[u] = a({
+        hour: Number(s.split(":")[0]),
+        minute: Number(s.split(":")[1])
+      }) : E[u] = s, e.value = E;
+    }
+    function c(u) {
+      var s;
+      if (u === 0)
+        e.value = [(s = n.config) == null ? void 0 : s.default, ...e.value];
+      else {
+        const f = [...e.value];
+        f.splice(u, 1), e.value = f;
+      }
+    }
+    return (u, s) => {
+      const f = j("FmSelect"), l = j("FmTextField"), E = j("FmTimePicker"), y = j("FmButton");
+      return D(!0), k(Ae, null, Ct(new Array(e.value.length !== 0 ? e.value.length : 1), (b, g) => {
+        var L, H, N, $, B;
+        return D(), k("div", {
+          key: g,
+          class: "flex flex-row align-center gap-2 w-full"
+        }, [
+          A("div", Kr, [
+            ((L = n.config) == null ? void 0 : L.type) === V(it).Select ? (D(), _e(f, {
+              key: 0,
+              "model-value": e.value[g],
+              items: n.config.options,
+              "onUpdate:modelValue": (M) => i(g, M)
+            }, null, 8, ["model-value", "items", "onUpdate:modelValue"])) : ((H = n.config) == null ? void 0 : H.type) === V(it).TextField ? (D(), _e(l, {
+              key: 1,
+              "model-value": e.value[g],
+              type: ((N = n.config) == null ? void 0 : N.dataType) === "number" ? "number" : "text",
+              "helper-text": o.value[g] || void 0,
+              "helper-state": "error",
+              "onUpdate:modelValue": (M) => i(g, M)
+            }, null, 8, ["model-value", "type", "helper-text", "onUpdate:modelValue"])) : (($ = n.config) == null ? void 0 : $.type) === V(it).Timestamp ? (D(), k("div", qr, [
+              G(E, {
+                "model-value": r(e.value[g]),
+                "onUpdate:modelValue": (M) => i(g, M)
+              }, null, 8, ["model-value", "onUpdate:modelValue"])
+            ])) : U("", !0)
+          ]),
+          ((B = n.config) == null ? void 0 : B.fixed) === !1 ? (D(), k("div", Qr, [
+            G(y, {
+              icon: g === 0 ? "add" : "remove",
+              onClick: (M) => c(g)
+            }, null, 8, ["icon", "onClick"])
+          ])) : U("", !0)
+        ]);
+      }), 128);
+    };
+  }
+}), Qn = [
+  je.HourOfDay,
+  je.DayOfMonth,
+  je.DayOfWeek,
+  je.MonthOfYear,
+  je.TimeOfDay,
+  je.DateTime
+], Jr = Qn.filter(
+  (t) => t !== je.DateTime
+);
+function wa(t) {
+  return Qn.map((e) => ({
+    label: t(`report.section.filter.${Rn(e)}`),
+    value: e
+  }));
+}
+function ea(t) {
+  return Jr.map((e) => ({
+    label: t(`report.section.filter.${Rn(e)}`),
+    value: e
+  }));
+}
+const ta = { class: "flex flex-col my-2 gap-8" }, na = { class: "fm-typo-en-body-lg-600" }, oa = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, ra = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, xa = /* @__PURE__ */ Xe({
+  __name: "FilterSection",
+  props: /* @__PURE__ */ Mt({
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "title"
+    }
+  }, {
+    modelValue: { required: !1, default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: e, te: n } = Pt(), o = ot(t, "modelValue"), r = t, a = R(() => e(`report.section.filter.${r.label}`)), i = oe(!1), c = _o(), u = R(
+      () => o.value.map((d, v) => {
+        const O = r.options.find(
+          (le) => le.schemaName === d.schemaName && le.name === d.name
+        ), K = (O == null ? void 0 : O.labels) || [d.schemaName, d.name];
+        return {
+          index: v,
+          label: K.map((le) => pn(e, n, le, "other")).join(" "),
+          value: d
+        };
+      })
+    ), s = oe(o.value.length > 0 ? 0 : void 0);
+    function f(d) {
+      var v;
+      i.value = !0, g.value = [], l.value = d != null && d.value ? JSON.parse(JSON.stringify(d.value)) : void 0, s.value = d == null ? void 0 : d.index, E.value = !!((v = l.value) != null && v.dataFormula), B();
+    }
+    const l = oe(void 0), E = oe(!1), y = oe(void 0), b = R(
+      () => r.options.find(
+        (d) => {
+          var v, O;
+          return d.schemaName === ((v = l.value) == null ? void 0 : v.schemaName) && d.name === ((O = l.value) == null ? void 0 : O.name);
+        }
+      ) ?? {}
+    ), g = oe([]);
+    function L(d) {
+      var v;
+      return (v = g.value.find((O) => O.option === d)) == null ? void 0 : v.value;
+    }
+    const H = Sn(
+      (d, v) => {
+        const O = g.value.find((K) => K.option === d);
+        O ? O.value = v : g.value.push({ option: d, value: v });
+      },
+      300
+    );
+    qe(
+      [() => {
+        var d;
+        return (d = l.value) == null ? void 0 : d.option;
+      }, () => {
+        var d;
+        return (d = l.value) == null ? void 0 : d.values;
+      }],
+      ([d, v]) => {
+        d !== void 0 && Array.isArray(v) && H(d, v);
+      },
+      { deep: !0 }
+    ), qe(
+      () => {
+        var d;
+        return (d = l.value) == null ? void 0 : d.option;
+      },
+      (d, v) => {
+        v !== void 0 && d !== v && l.value && (B(), N(d), $());
+      }
+    ), qe(
+      () => {
+        var d;
+        return (d = l.value) == null ? void 0 : d.operator;
+      },
+      (d, v) => {
+        d !== v && b.value && l.value && (B(), N(l.value.option), $());
+      },
+      {
+        deep: !0
+      }
+    );
+    function N(d) {
+      var Pe;
+      if (!l.value || !y.value) return;
+      const v = s.value !== void 0 && o.value[s.value] && Array.isArray(o.value[s.value].values) ? [...o.value[s.value].values] : [], O = L(d);
+      let K;
+      const le = s.value !== void 0 ? (Pe = o.value[s.value]) == null ? void 0 : Pe.option : void 0;
+      Array.isArray(O) ? K = O : v.length > 0 && d === le ? K = v : K = [y.value.default], l.value = {
+        ...l.value,
+        values: K
+      };
+    }
+    function $() {
+      if (!y.value || !l.value) return;
+      const d = l.value.values.length - y.value.count;
+      d > 0 && y.value.fixed ? l.value = {
+        ...l.value,
+        values: l.value.values.slice(0, y.value.count)
+      } : d < 0 && (l.value = {
+        ...l.value,
+        values: [...l.value.values, ...Array(Math.abs(d)).fill(y.value.default)]
+      });
+    }
+    function B() {
+      b.value && l.value && (y.value = mo({
+        operator: l.value.operator,
+        dataType: b.value.type,
+        dimensionOption: l.value.option,
+        t: e
+      }));
+    }
+    function M(d) {
+      var v, O;
+      (d.schemaName !== ((v = l.value) == null ? void 0 : v.schemaName) || d.name !== ((O = l.value) == null ? void 0 : O.name)) && (l.value = {
+        schemaName: d.schemaName,
+        name: d.name,
+        operator: d.filterOperators[0],
+        option: d.filterDimensionOptions[0],
+        values: []
+      }, B(), N(l.value.option), $());
+    }
+    function X() {
+      var v, O, K;
+      const d = [...u.value.map((le) => le.value)];
+      if (l.value) {
+        E.value || (l.value.dataFormula = void 0);
+        const le = On((v = l.value) == null ? void 0 : v.option), Pe = Cn((O = l.value) == null ? void 0 : O.option), rt = (K = l.value.values) == null ? void 0 : K.map(
+          (ge, Ne) => ge == null || ge === "" || !re(ge, le, Pe) ? Ne : null
+        ).filter((ge) => ge !== null);
+        if (!l.value.values || rt.length > 0) {
+          c.open({ message: "One or more values are invalid", type: "error" });
+          return;
+        }
+        l.value.values = l.value.values.filter(
+          (ge) => ge !== "" && ge !== null
+        ), s.value !== void 0 ? d[Number(s.value)] = l.value : d.push(l.value), o.value = d;
+      }
+      i.value = !1;
+    }
+    function me(d) {
+      const v = [...u.value.map((O) => O.value)];
+      v.splice(d, 1), o.value = v, i.value = !1;
+    }
+    const Se = R(
+      () => r.options.map((d) => ({
+        label: d.labels.join(" "),
+        value: d
+      }))
+    );
+    function te(d) {
+      return `${d.schemaName}_${d.name}`.toLowerCase();
+    }
+    function Te(d) {
+      return [d.schemaName, d.name, pn(e, n, d.label, "other")].join(" ");
+    }
+    const he = R(
+      () => {
+        var d;
+        return !l.value || !((d = b.value) != null && d.name) ? [] : [
+          {
+            label: `@self (${Te(b.value)})`,
+            value: "@self"
+          }
+        ];
+      }
+    ), Re = R(
+      () => {
+        var d, v;
+        return !((d = b.value) != null && d.name) || !((v = b.value) != null && v.type) ? [] : [
+          {
+            fieldId: te(b.value),
+            type: b.value.type
+          }
+        ];
+      }
+    );
+    function Z(d) {
+      var O;
+      const v = (O = b.value) != null && O.name ? te(b.value) : void 0;
+      return v ? d == null ? void 0 : d.replace(/@self/g, v) : d;
+    }
+    const { dataValidation: we, isDataValidating: Fe } = jr({
+      getDataFormula: () => {
+        var d;
+        return Z((d = l.value) == null ? void 0 : d.dataFormula);
+      },
+      getDisplayFormula: () => {
+      },
+      getIsAdvance: () => E.value,
+      getAllowedFields: () => Re.value
+    }), ce = R(() => ea(e));
+    function re(d, v, O) {
+      return !(v !== void 0 && d < v || O !== void 0 && d > O);
+    }
+    return (d, v) => {
+      const O = j("FmCheckbox"), K = j("FmSelect"), le = j("FmForm"), Pe = j("FmIcon"), rt = j("FmButton"), ge = j("FmListItem"), Ne = j("FmList"), bt = j("FmField");
+      return D(), k("div", ta, [
+        G(ho, {
+          modelValue: i.value,
+          "onUpdate:modelValue": v[6] || (v[6] = (Ve) => i.value = Ve),
+          title: a.value,
+          "primary-button-label": V(e)("report.common.confirm"),
+          "secondary-button-label": V(e)("report.common.cancel"),
+          onConfirm: X
+        }, {
+          content: pe(() => [
+            G(le, {
+              ref: "form",
+              class: "flex flex-col gap-2 w-[490px]"
+            }, {
+              default: pe(() => {
+                var Ve, Ue;
+                return [
+                  G(fn, {
+                    "model-value": b.value,
+                    items: Se.value,
+                    placeholder: a.value,
+                    label: a.value,
+                    "onUpdate:modelValue": v[0] || (v[0] = (ne) => M(ne))
+                  }, null, 8, ["model-value", "items", "placeholder", "label"]),
+                  l.value ? (D(), k(Ae, { key: 0 }, [
+                    G(O, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": v[1] || (v[1] = (ne) => E.value = ne),
+                      label: V(e)("report.section.filter.advance"),
+                      value: !0
+                    }, null, 8, ["modelValue", "label"]),
+                    E.value ? (D(), _e(Gr, {
+                      key: 0,
+                      modelValue: l.value.dataFormula,
+                      "onUpdate:modelValue": v[2] || (v[2] = (ne) => l.value.dataFormula = ne),
+                      placeholder: V(e)("report.section.filter.dataFormula"),
+                      "field-data-list": he.value,
+                      "formula-field": b.value.type === "NUMERIC" ? V(J).Metric : V(J).Dimension,
+                      "validation-result": V(we),
+                      "is-validating": V(Fe),
+                      "valid-formula-label": V(e)("report.common.validFormula")
+                    }, null, 8, ["modelValue", "placeholder", "field-data-list", "formula-field", "validation-result", "is-validating", "valid-formula-label"])) : U("", !0),
+                    G(K, {
+                      modelValue: l.value.option,
+                      "onUpdate:modelValue": v[3] || (v[3] = (ne) => l.value.option = ne),
+                      items: ce.value,
+                      placeholder: V(e)("report.section.filter.timeFormatter"),
+                      label: V(e)("report.section.filter.timeFormatter")
+                    }, null, 8, ["modelValue", "items", "placeholder", "label"]),
+                    (((Ve = b.value) == null ? void 0 : Ve.filterOperators) || []).length > 0 ? (D(), _e(fn, {
+                      key: 1,
+                      modelValue: l.value.operator,
+                      "onUpdate:modelValue": v[4] || (v[4] = (ne) => l.value.operator = ne),
+                      items: (((Ue = b.value) == null ? void 0 : Ue.filterOperators) ?? []).map((ne) => ({
+                        label: V(e)("report.section.comparisonOperator." + ne),
+                        value: ne
+                      }))
+                    }, null, 8, ["modelValue", "items"])) : U("", !0),
+                    y.value ? (D(), _e(Zr, {
+                      key: l.value.option ?? "",
+                      modelValue: l.value.values,
+                      "onUpdate:modelValue": v[5] || (v[5] = (ne) => l.value.values = ne),
+                      config: y.value,
+                      option: l.value.option
+                    }, null, 8, ["modelValue", "config", "option"])) : U("", !0)
+                  ], 64)) : U("", !0)
+                ];
+              }),
+              _: 1
+            }, 512)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
+        A("div", null, [
+          A("p", na, Q(a.value), 1),
+          A("p", oa, Q(V(e)("report.section.filter.description")), 1)
+        ]),
+        G(Ne, null, {
+          default: pe(() => [
+            G(V(br), {
+              list: o.value,
+              "item-key": "id",
+              class: "flex flex-col gap-2 w-full"
+            }, {
+              item: pe(({ element: Ve, index: Ue }) => [
+                G(ge, {
+                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
+                  onClick: Rt((ne) => f(u.value[Ue]), ["stop"])
+                }, {
+                  default: pe(() => [
+                    G(Pe, { name: "drag_handle" }),
+                    A("p", ra, Q(u.value[Ue].label), 1),
+                    v[8] || (v[8] = A("div", { class: "grow" }, null, -1)),
+                    G(rt, {
+                      icon: "close",
+                      size: "md",
+                      variant: "tertiary",
+                      onClick: Rt((ne) => me(Ue), ["stop"])
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }, 8, ["list"])
+          ]),
+          _: 1
+        }),
+        G(bt, {
+          class: "text-fm-color-typo-tertiary",
+          onClick: v[7] || (v[7] = () => {
+            f();
+          })
+        }, {
+          default: pe(() => [
+            so(Q(V(e)("report.section.filter.add")), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), aa = /* @__PURE__ */ Xe({
+  __name: "TransitionFade",
+  props: {
+    modelValue: { type: Boolean, required: !0, default: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = ot(t, "modelValue");
+    return (n, o) => (D(), k(Ae, null, [
+      G(Jt, { name: "slide-fade-right" }, {
+        default: pe(() => [
+          e.value ? ht(n.$slots, "right", { key: 0 }, void 0, !0) : U("", !0)
+        ]),
+        _: 3
+      }),
+      G(Jt, { name: "slide-fade-left" }, {
+        default: pe(() => [
+          e.value ? U("", !0) : ht(n.$slots, "left", { key: 0 }, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 64));
+  }
+}), Da = /* @__PURE__ */ ln(aa, [["__scopeId", "data-v-a98ca9bc"]]);
+export {
+  J as F,
+  Ta as S,
+  Da as T,
+  ya as W,
+  Zr as _,
+  xa as a,
+  ba as b,
+  Gr as c,
+  br as d,
+  _r as e,
+  wa as g,
+  _a as h,
+  Ea as i,
+  jr as u
+};