@educorvi/vue-json-form-webcomponent 3.0.0-beta.5 → 3.0.0-beta.6

package/dist/ArrayControl-BCf7F9wY-C7we8FHe.mjs

@@ -0,0 +1,1956 @@
+import { d as me, z as sn, W as _e, q as un, O as cn, Y as dn, H as hn, R as fn, s as De, x as pn, e as Xt, y as mn, f as z, A as gn, o as V, B as dt, h as Ee, c as Se, j as vn, v as bn, u as D, C as Jt, D as Qt, E as ot, w as bt, J as Gt, l as yn, G as wn, I as _n, K as Dn, L as En, M as ge, X as Sn, N as xn, P as xe, p as Cn, Q as Tn, S as In, U as On, V as An } from "./main.ce-BQTeXvrp.mjs";
+import { n as Xe } from "./BButton.vue_vue_type_script_setup_true_lang-D5Eg7-Zv-DVpW7lHh-BPnpKWWp.mjs";
+import Mn from "./HelpPopover-DHQM4QHr-Bxb04nL7.mjs";
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Ce(t, n) {
+  var e = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    n && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(t, r).enumerable;
+    })), e.push.apply(e, o);
+  }
+  return e;
+}
+function q(t) {
+  for (var n = 1; n < arguments.length; n++) {
+    var e = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Ce(Object(e), !0).forEach(function(o) {
+      Nn(t, o, e[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(e)) : Ce(Object(e)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(e, o));
+    });
+  }
+  return t;
+}
+function Yt(t) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Yt = function(n) {
+    return typeof n;
+  } : Yt = function(n) {
+    return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
+  }, Yt(t);
+}
+function Nn(t, n, e) {
+  return n in t ? Object.defineProperty(t, n, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[n] = e, t;
+}
+function J() {
+  return J = Object.assign || function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var e = arguments[n];
+      for (var o in e)
+        Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+    }
+    return t;
+  }, J.apply(this, arguments);
+}
+function Pn(t, n) {
+  if (t == null) return {};
+  var e = {}, o = Object.keys(t), r, a;
+  for (a = 0; a < o.length; a++)
+    r = o[a], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
+  return e;
+}
+function kn(t, n) {
+  if (t == null) return {};
+  var e = Pn(t, n), o, r;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < a.length; r++)
+      o = a[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (e[o] = t[o]);
+  }
+  return e;
+}
+var Bn = "1.14.0";
+function K(t) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(t);
+}
+var Q = K(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Mt = K(/Edge/i), Te = K(/firefox/i), Ct = K(/safari/i) && !K(/chrome/i) && !K(/android/i), Ye = K(/iP(ad|od|hone)/i), Fn = K(/chrome/i) && K(/android/i), je = {
+  capture: !1,
+  passive: !1
+};
+function b(t, n, e) {
+  t.addEventListener(n, e, !Q && je);
+}
+function v(t, n, e) {
+  t.removeEventListener(n, e, !Q && je);
+}
+function Wt(t, n) {
+  if (n) {
+    if (n[0] === ">" && (n = n.substring(1)), t)
+      try {
+        if (t.matches)
+          return t.matches(n);
+        if (t.msMatchesSelector)
+          return t.msMatchesSelector(n);
+        if (t.webkitMatchesSelector)
+          return t.webkitMatchesSelector(n);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Ln(t) {
+  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
+}
+function U(t, n, e, o) {
+  if (t) {
+    e = e || document;
+    do {
+      if (n != null && (n[0] === ">" ? t.parentNode === e && Wt(t, n) : Wt(t, n)) || o && t === e)
+        return t;
+      if (t === e) break;
+    } while (t = Ln(t));
+  }
+  return null;
+}
+var Ie = /\s+/g;
+function X(t, n, e) {
+  if (t && n)
+    if (t.classList)
+      t.classList[e ? "add" : "remove"](n);
+    else {
+      var o = (" " + t.className + " ").replace(Ie, " ").replace(" " + n + " ", " ");
+      t.className = (o + (e ? " " + n : "")).replace(Ie, " ");
+    }
+}
+function f(t, n, e) {
+  var o = t && t.style;
+  if (o) {
+    if (e === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? e = document.defaultView.getComputedStyle(t, "") : t.currentStyle && (e = t.currentStyle), n === void 0 ? e : e[n];
+    !(n in o) && n.indexOf("webkit") === -1 && (n = "-webkit-" + n), o[n] = e + (typeof e == "string" ? "" : "px");
+  }
+}
+function yt(t, n) {
+  var e = "";
+  if (typeof t == "string")
+    e = t;
+  else
+    do {
+      var o = f(t, "transform");
+      o && o !== "none" && (e = o + " " + e);
+    } while (!n && (t = t.parentNode));
+  var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return r && new r(e);
+}
+function Re(t, n, e) {
+  if (t) {
+    var o = t.getElementsByTagName(n), r = 0, a = o.length;
+    if (e)
+      for (; r < a; r++)
+        e(o[r], r);
+    return o;
+  }
+  return [];
+}
+function H() {
+  var t = document.scrollingElement;
+  return t || document.documentElement;
+}
+function A(t, n, e, o, r) {
+  if (!(!t.getBoundingClientRect && t !== window)) {
+    var a, i, l, s, c, d, h;
+    if (t !== window && t.parentNode && t !== H() ? (a = t.getBoundingClientRect(), i = a.top, l = a.left, s = a.bottom, c = a.right, d = a.height, h = a.width) : (i = 0, l = 0, s = window.innerHeight, c = window.innerWidth, d = window.innerHeight, h = window.innerWidth), (n || e) && t !== window && (r = r || t.parentNode, !Q))
+      do
+        if (r && r.getBoundingClientRect && (f(r, "transform") !== "none" || e && f(r, "position") !== "static")) {
+          var _ = r.getBoundingClientRect();
+          i -= _.top + parseInt(f(r, "border-top-width")), l -= _.left + parseInt(f(r, "border-left-width")), s = i + a.height, c = l + a.width;
+          break;
+        }
+      while (r = r.parentNode);
+    if (o && t !== window) {
+      var m = yt(r || t), S = m && m.a, y = m && m.d;
+      m && (i /= y, l /= S, h /= S, d /= y, s = i + d, c = l + h);
+    }
+    return {
+      top: i,
+      left: l,
+      bottom: s,
+      right: c,
+      width: h,
+      height: d
+    };
+  }
+}
+function Oe(t, n, e) {
+  for (var o = rt(t, !0), r = A(t)[n]; o; ) {
+    var a = A(o)[e], i = void 0;
+    if (i = r >= a, !i) return o;
+    if (o === H()) break;
+    o = rt(o, !1);
+  }
+  return !1;
+}
+function wt(t, n, e, o) {
+  for (var r = 0, a = 0, i = t.children; a < i.length; ) {
+    if (i[a].style.display !== "none" && i[a] !== p.ghost && (o || i[a] !== p.dragged) && U(i[a], e.draggable, t, !1)) {
+      if (r === n)
+        return i[a];
+      r++;
+    }
+    a++;
+  }
+  return null;
+}
+function ve(t, n) {
+  for (var e = t.lastElementChild; e && (e === p.ghost || f(e, "display") === "none" || n && !Wt(e, n)); )
+    e = e.previousElementSibling;
+  return e || null;
+}
+function R(t, n) {
+  var e = 0;
+  if (!t || !t.parentNode)
+    return -1;
+  for (; t = t.previousElementSibling; )
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== p.clone && (!n || Wt(t, n)) && e++;
+  return e;
+}
+function Ae(t) {
+  var n = 0, e = 0, o = H();
+  if (t)
+    do {
+      var r = yt(t), a = r.a, i = r.d;
+      n += t.scrollLeft * a, e += t.scrollTop * i;
+    } while (t !== o && (t = t.parentNode));
+  return [n, e];
+}
+function Xn(t, n) {
+  for (var e in t)
+    if (t.hasOwnProperty(e)) {
+      for (var o in n)
+        if (n.hasOwnProperty(o) && n[o] === t[e][o]) return Number(e);
+    }
+  return -1;
+}
+function rt(t, n) {
+  if (!t || !t.getBoundingClientRect) return H();
+  var e = t, o = !1;
+  do
+    if (e.clientWidth < e.scrollWidth || e.clientHeight < e.scrollHeight) {
+      var r = f(e);
+      if (e.clientWidth < e.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || e.clientHeight < e.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
+        if (!e.getBoundingClientRect || e === document.body) return H();
+        if (o || n) return e;
+        o = !0;
+      }
+    }
+  while (e = e.parentNode);
+  return H();
+}
+function Yn(t, n) {
+  if (t && n)
+    for (var e in n)
+      n.hasOwnProperty(e) && (t[e] = n[e]);
+  return t;
+}
+function Zt(t, n) {
+  return Math.round(t.top) === Math.round(n.top) && Math.round(t.left) === Math.round(n.left) && Math.round(t.height) === Math.round(n.height) && Math.round(t.width) === Math.round(n.width);
+}
+var Tt;
+function Ve(t, n) {
+  return function() {
+    if (!Tt) {
+      var e = arguments, o = this;
+      e.length === 1 ? t.call(o, e[0]) : t.apply(o, e), Tt = setTimeout(function() {
+        Tt = void 0;
+      }, n);
+    }
+  };
+}
+function jn() {
+  clearTimeout(Tt), Tt = void 0;
+}
+function $e(t, n, e) {
+  t.scrollLeft += n, t.scrollTop += e;
+}
+function We(t) {
+  var n = window.Polymer, e = window.jQuery || window.Zepto;
+  return n && n.dom ? n.dom(t).cloneNode(!0) : e ? e(t).clone(!0)[0] : t.cloneNode(!0);
+}
+var j = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Rn() {
+  var t = [], n;
+  return {
+    captureAnimationState: function() {
+      if (t = [], !!this.options.animation) {
+        var e = [].slice.call(this.el.children);
+        e.forEach(function(o) {
+          if (!(f(o, "display") === "none" || o === p.ghost)) {
+            t.push({
+              target: o,
+              rect: A(o)
+            });
+            var r = q({}, t[t.length - 1].rect);
+            if (o.thisAnimationDuration) {
+              var a = yt(o, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            o.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(e) {
+      t.push(e);
+    },
+    removeAnimationState: function(e) {
+      t.splice(Xn(t, {
+        target: e
+      }), 1);
+    },
+    animateAll: function(e) {
+      var o = this;
+      if (!this.options.animation) {
+        clearTimeout(n), typeof e == "function" && e();
+        return;
+      }
+      var r = !1, a = 0;
+      t.forEach(function(i) {
+        var l = 0, s = i.target, c = s.fromRect, d = A(s), h = s.prevFromRect, _ = s.prevToRect, m = i.rect, S = yt(s, !0);
+        S && (d.top -= S.f, d.left -= S.e), s.toRect = d, s.thisAnimationDuration && Zt(h, d) && !Zt(c, d) && // Make sure animatingRect is on line between toRect & fromRect
+        (m.top - d.top) / (m.left - d.left) === (c.top - d.top) / (c.left - d.left) && (l = $n(m, h, _, o.options)), Zt(d, c) || (s.prevFromRect = c, s.prevToRect = d, l || (l = o.options.animation), o.animate(s, m, d, l)), l && (r = !0, a = Math.max(a, l), clearTimeout(s.animationResetTimer), s.animationResetTimer = setTimeout(function() {
+          s.animationTime = 0, s.prevFromRect = null, s.fromRect = null, s.prevToRect = null, s.thisAnimationDuration = null;
+        }, l), s.thisAnimationDuration = l);
+      }), clearTimeout(n), r ? n = setTimeout(function() {
+        typeof e == "function" && e();
+      }, a) : typeof e == "function" && e(), t = [];
+    },
+    animate: function(e, o, r, a) {
+      if (a) {
+        f(e, "transition", ""), f(e, "transform", "");
+        var i = yt(this.el), l = i && i.a, s = i && i.d, c = (o.left - r.left) / (l || 1), d = (o.top - r.top) / (s || 1);
+        e.animatingX = !!c, e.animatingY = !!d, f(e, "transform", "translate3d(" + c + "px," + d + "px,0)"), this.forRepaintDummy = Vn(e), f(e, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), f(e, "transform", "translate3d(0,0,0)"), typeof e.animated == "number" && clearTimeout(e.animated), e.animated = setTimeout(function() {
+          f(e, "transition", ""), f(e, "transform", ""), e.animated = !1, e.animatingX = !1, e.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Vn(t) {
+  return t.offsetWidth;
+}
+function $n(t, n, e, o) {
+  return Math.sqrt(Math.pow(n.top - t.top, 2) + Math.pow(n.left - t.left, 2)) / Math.sqrt(Math.pow(n.top - e.top, 2) + Math.pow(n.left - e.left, 2)) * o.animation;
+}
+var pt = [], te = {
+  initializeByDefault: !0
+}, Nt = {
+  mount: function(t) {
+    for (var n in te)
+      te.hasOwnProperty(n) && !(n in t) && (t[n] = te[n]);
+    pt.forEach(function(e) {
+      if (e.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), pt.push(t);
+  },
+  pluginEvent: function(t, n, e) {
+    var o = this;
+    this.eventCanceled = !1, e.cancel = function() {
+      o.eventCanceled = !0;
+    };
+    var r = t + "Global";
+    pt.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](q({
+        sortable: n
+      }, e)), n.options[a.pluginName] && n[a.pluginName][t] && n[a.pluginName][t](q({
+        sortable: n
+      }, e)));
+    });
+  },
+  initializePlugins: function(t, n, e, o) {
+    pt.forEach(function(i) {
+      var l = i.pluginName;
+      if (!(!t.options[l] && !i.initializeByDefault)) {
+        var s = new i(t, n, t.options);
+        s.sortable = t, s.options = t.options, t[l] = s, J(e, s.defaults);
+      }
+    });
+    for (var r in t.options)
+      if (t.options.hasOwnProperty(r)) {
+        var a = this.modifyOption(t, r, t.options[r]);
+        typeof a < "u" && (t.options[r] = a);
+      }
+  },
+  getEventProperties: function(t, n) {
+    var e = {};
+    return pt.forEach(function(o) {
+      typeof o.eventProperties == "function" && J(e, o.eventProperties.call(n[o.pluginName], t));
+    }), e;
+  },
+  modifyOption: function(t, n, e) {
+    var o;
+    return pt.forEach(function(r) {
+      t[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (o = r.optionListeners[n].call(t[r.pluginName], e));
+    }), o;
+  }
+};
+function Wn(t) {
+  var n = t.sortable, e = t.rootEl, o = t.name, r = t.targetEl, a = t.cloneEl, i = t.toEl, l = t.fromEl, s = t.oldIndex, c = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, _ = t.originalEvent, m = t.putSortable, S = t.extraEventProperties;
+  if (n = n || e && e[j], !!n) {
+    var y, $ = n.options, M = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !Q && !Mt ? y = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (y = document.createEvent("Event"), y.initEvent(o, !0, !0)), y.to = i || e, y.from = l || e, y.item = r || e, y.clone = a, y.oldIndex = s, y.newIndex = c, y.oldDraggableIndex = d, y.newDraggableIndex = h, y.originalEvent = _, y.pullMode = m ? m.lastPutMode : void 0;
+    var I = q(q({}, S), Nt.getEventProperties(o, n));
+    for (var w in I)
+      y[w] = I[w];
+    e && e.dispatchEvent(y), $[M] && $[M].call(n, y);
+  }
+}
+var Un = ["evt"], F = function(t, n) {
+  var e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = e.evt, r = kn(e, Un);
+  Nt.pluginEvent.bind(p)(t, n, q({
+    dragEl: u,
+    parentEl: C,
+    ghostEl: g,
+    rootEl: E,
+    nextEl: ct,
+    lastDownEl: jt,
+    cloneEl: T,
+    cloneHidden: nt,
+    dragStarted: Et,
+    putSortable: N,
+    activeSortable: p.active,
+    originalEvent: o,
+    oldIndex: vt,
+    oldDraggableIndex: It,
+    newIndex: Y,
+    newDraggableIndex: et,
+    hideGhostForTarget: qe,
+    unhideGhostForTarget: Ge,
+    cloneNowHidden: function() {
+      nt = !0;
+    },
+    cloneNowShown: function() {
+      nt = !1;
+    },
+    dispatchSortableEvent: function(a) {
+      B({
+        sortable: n,
+        name: a,
+        originalEvent: o
+      });
+    }
+  }, r));
+};
+function B(t) {
+  Wn(q({
+    putSortable: N,
+    cloneEl: T,
+    targetEl: u,
+    rootEl: E,
+    oldIndex: vt,
+    oldDraggableIndex: It,
+    newIndex: Y,
+    newDraggableIndex: et
+  }, t));
+}
+var u, C, g, E, ct, jt, T, nt, vt, Y, It, et, kt, N, gt = !1, Ut = !1, zt = [], st, W, ee, ne, Me, Ne, Et, mt, Ot, At = !1, Bt = !1, Rt, k, oe = [], ce = !1, Ht = [], Kt = typeof document < "u", Ft = Ye, Pe = Mt || Q ? "cssFloat" : "float", zn = Kt && !Fn && !Ye && "draggable" in document.createElement("div"), Ue = function() {
+  if (Kt) {
+    if (Q)
+      return !1;
+    var t = document.createElement("x");
+    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
+  }
+}(), ze = function(t, n) {
+  var e = f(t), o = parseInt(e.width) - parseInt(e.paddingLeft) - parseInt(e.paddingRight) - parseInt(e.borderLeftWidth) - parseInt(e.borderRightWidth), r = wt(t, 0, n), a = wt(t, 1, n), i = r && f(r), l = a && f(a), s = i && parseInt(i.marginLeft) + parseInt(i.marginRight) + A(r).width, c = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + A(a).width;
+  if (e.display === "flex")
+    return e.flexDirection === "column" || e.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (e.display === "grid")
+    return e.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && i.float && i.float !== "none") {
+    var d = i.float === "left" ? "left" : "right";
+    return a && (l.clear === "both" || l.clear === d) ? "vertical" : "horizontal";
+  }
+  return r && (i.display === "block" || i.display === "flex" || i.display === "table" || i.display === "grid" || s >= o && e[Pe] === "none" || a && e[Pe] === "none" && s + c > o) ? "vertical" : "horizontal";
+}, Hn = function(t, n, e) {
+  var o = e ? t.left : t.top, r = e ? t.right : t.bottom, a = e ? t.width : t.height, i = e ? n.left : n.top, l = e ? n.right : n.bottom, s = e ? n.width : n.height;
+  return o === i || r === l || o + a / 2 === i + s / 2;
+}, qn = function(t, n) {
+  var e;
+  return zt.some(function(o) {
+    var r = o[j].options.emptyInsertThreshold;
+    if (!(!r || ve(o))) {
+      var a = A(o), i = t >= a.left - r && t <= a.right + r, l = n >= a.top - r && n <= a.bottom + r;
+      if (i && l)
+        return e = o;
+    }
+  }), e;
+}, He = function(t) {
+  function n(r, a) {
+    return function(i, l, s, c) {
+      var d = i.options.group.name && l.options.group.name && i.options.group.name === l.options.group.name;
+      if (r == null && (a || d))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return n(r(i, l, s, c), a)(i, l, s, c);
+      var h = (a ? i : l).options.group.name;
+      return r === !0 || typeof r == "string" && r === h || r.join && r.indexOf(h) > -1;
+    };
+  }
+  var e = {}, o = t.group;
+  (!o || Yt(o) != "object") && (o = {
+    name: o
+  }), e.name = o.name, e.checkPull = n(o.pull, !0), e.checkPut = n(o.put), e.revertClone = o.revertClone, t.group = e;
+}, qe = function() {
+  !Ue && g && f(g, "display", "none");
+}, Ge = function() {
+  !Ue && g && f(g, "display", "");
+};
+Kt && document.addEventListener("click", function(t) {
+  if (Ut)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Ut = !1, !1;
+}, !0);
+var ut = function(t) {
+  if (u) {
+    t = t.touches ? t.touches[0] : t;
+    var n = qn(t.clientX, t.clientY);
+    if (n) {
+      var e = {};
+      for (var o in t)
+        t.hasOwnProperty(o) && (e[o] = t[o]);
+      e.target = e.rootEl = n, e.preventDefault = void 0, e.stopPropagation = void 0, n[j]._onDragOver(e);
+    }
+  }
+}, Gn = function(t) {
+  u && u.parentNode[j]._isOutsideThisEl(t.target);
+};
+function p(t, n) {
+  if (!(t && t.nodeType && t.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
+  this.el = t, this.options = n = J({}, n), t[j] = this;
+  var e = {
+    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 ze(t, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(a, i) {
+      a.setData("Text", i.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: p.supportPointer !== !1 && "PointerEvent" in window && !Ct,
+    emptyInsertThreshold: 5
+  };
+  Nt.initializePlugins(this, t, e);
+  for (var o in e)
+    !(o in n) && (n[o] = e[o]);
+  He(n);
+  for (var r in this)
+    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
+  this.nativeDraggable = n.forceFallback ? !1 : zn, this.nativeDraggable && (this.options.touchStartThreshold = 1), n.supportPointer ? b(t, "pointerdown", this._onTapStart) : (b(t, "mousedown", this._onTapStart), b(t, "touchstart", this._onTapStart)), this.nativeDraggable && (b(t, "dragover", this), b(t, "dragenter", this)), zt.push(this.el), n.store && n.store.get && this.sort(n.store.get(this) || []), J(this, Rn());
+}
+p.prototype = /** @lends Sortable.prototype */
+{
+  constructor: p,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (mt = null);
+  },
+  _getDirection: function(t, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, t, n, u) : this.options.direction;
+  },
+  _onTapStart: function(t) {
+    if (t.cancelable) {
+      var n = this, e = this.el, o = this.options, r = o.preventOnFilter, a = t.type, i = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, l = (i || t).target, s = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || l, c = o.filter;
+      if (oo(e), !u && !(/mousedown|pointerdown/.test(a) && t.button !== 0 || o.disabled) && !s.isContentEditable && !(!this.nativeDraggable && Ct && l && l.tagName.toUpperCase() === "SELECT") && (l = U(l, o.draggable, e, !1), !(l && l.animated) && jt !== l)) {
+        if (vt = R(l), It = R(l, o.draggable), typeof c == "function") {
+          if (c.call(this, t, l, this)) {
+            B({
+              sortable: n,
+              rootEl: s,
+              name: "filter",
+              targetEl: l,
+              toEl: e,
+              fromEl: e
+            }), F("filter", n, {
+              evt: t
+            }), r && t.cancelable && t.preventDefault();
+            return;
+          }
+        } else if (c && (c = c.split(",").some(function(d) {
+          if (d = U(s, d.trim(), e, !1), d)
+            return B({
+              sortable: n,
+              rootEl: d,
+              name: "filter",
+              targetEl: l,
+              fromEl: e,
+              toEl: e
+            }), F("filter", n, {
+              evt: t
+            }), !0;
+        }), c)) {
+          r && t.cancelable && t.preventDefault();
+          return;
+        }
+        o.handle && !U(s, o.handle, e, !1) || this._prepareDragStart(t, i, l);
+      }
+    }
+  },
+  _prepareDragStart: function(t, n, e) {
+    var o = this, r = o.el, a = o.options, i = r.ownerDocument, l;
+    if (e && !u && e.parentNode === r) {
+      var s = A(e);
+      if (E = r, u = e, C = u.parentNode, ct = u.nextSibling, jt = e, kt = a.group, p.dragged = u, st = {
+        target: u,
+        clientX: (n || t).clientX,
+        clientY: (n || t).clientY
+      }, Me = st.clientX - s.left, Ne = st.clientY - s.top, this._lastX = (n || t).clientX, this._lastY = (n || t).clientY, u.style["will-change"] = "all", l = function() {
+        if (F("delayEnded", o, {
+          evt: t
+        }), p.eventCanceled) {
+          o._onDrop();
+          return;
+        }
+        o._disableDelayedDragEvents(), !Te && o.nativeDraggable && (u.draggable = !0), o._triggerDragStart(t, n), B({
+          sortable: o,
+          name: "choose",
+          originalEvent: t
+        }), X(u, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(c) {
+        Re(u, c.trim(), re);
+      }), b(i, "dragover", ut), b(i, "mousemove", ut), b(i, "touchmove", ut), b(i, "mouseup", o._onDrop), b(i, "touchend", o._onDrop), b(i, "touchcancel", o._onDrop), Te && this.nativeDraggable && (this.options.touchStartThreshold = 4, u.draggable = !0), F("delayStart", this, {
+        evt: t
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(Mt || Q))) {
+        if (p.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        b(i, "mouseup", o._disableDelayedDrag), b(i, "touchend", o._disableDelayedDrag), b(i, "touchcancel", o._disableDelayedDrag), b(i, "mousemove", o._delayedDragTouchMoveHandler), b(i, "touchmove", o._delayedDragTouchMoveHandler), a.supportPointer && b(i, "pointermove", o._delayedDragTouchMoveHandler), o._dragStartTimer = setTimeout(l, a.delay);
+      } else
+        l();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(t) {
+    var n = t.touches ? t.touches[0] : t;
+    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    u && re(u), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var t = this.el.ownerDocument;
+    v(t, "mouseup", this._disableDelayedDrag), v(t, "touchend", this._disableDelayedDrag), v(t, "touchcancel", this._disableDelayedDrag), v(t, "mousemove", this._delayedDragTouchMoveHandler), v(t, "touchmove", this._delayedDragTouchMoveHandler), v(t, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(t, n) {
+    n = n || t.pointerType == "touch" && t, !this.nativeDraggable || n ? this.options.supportPointer ? b(document, "pointermove", this._onTouchMove) : n ? b(document, "touchmove", this._onTouchMove) : b(document, "mousemove", this._onTouchMove) : (b(u, "dragend", this), b(E, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Vt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, n) {
+    if (gt = !1, E && u) {
+      F("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && b(document, "dragover", Gn);
+      var e = this.options;
+      !t && X(u, e.dragClass, !1), X(u, e.ghostClass, !0), p.active = this, t && this._appendGhost(), B({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (W) {
+      this._lastX = W.clientX, this._lastY = W.clientY, qe();
+      for (var t = document.elementFromPoint(W.clientX, W.clientY), n = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(W.clientX, W.clientY), t !== n); )
+        n = t;
+      if (u.parentNode[j]._isOutsideThisEl(t), n)
+        do {
+          if (n[j]) {
+            var e = void 0;
+            if (e = n[j]._onDragOver({
+              clientX: W.clientX,
+              clientY: W.clientY,
+              target: t,
+              rootEl: n
+            }), e && !this.options.dragoverBubble)
+              break;
+          }
+          t = n;
+        } while (n = n.parentNode);
+      Ge();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (st) {
+      var n = this.options, e = n.fallbackTolerance, o = n.fallbackOffset, r = t.touches ? t.touches[0] : t, a = g && yt(g, !0), i = g && a && a.a, l = g && a && a.d, s = Ft && k && Ae(k), c = (r.clientX - st.clientX + o.x) / (i || 1) + (s ? s[0] - oe[0] : 0) / (i || 1), d = (r.clientY - st.clientY + o.y) / (l || 1) + (s ? s[1] - oe[1] : 0) / (l || 1);
+      if (!p.active && !gt) {
+        if (e && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < e)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (g) {
+        a ? (a.e += c - (ee || 0), a.f += d - (ne || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: c,
+          f: d
+        };
+        var h = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        f(g, "webkitTransform", h), f(g, "mozTransform", h), f(g, "msTransform", h), f(g, "transform", h), ee = c, ne = d, W = r;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!g) {
+      var t = this.options.fallbackOnBody ? document.body : E, n = A(u, !0, Ft, !0, t), e = this.options;
+      if (Ft) {
+        for (k = t; f(k, "position") === "static" && f(k, "transform") === "none" && k !== document; )
+          k = k.parentNode;
+        k !== document.body && k !== document.documentElement ? (k === document && (k = H()), n.top += k.scrollTop, n.left += k.scrollLeft) : k = H(), oe = Ae(k);
+      }
+      g = u.cloneNode(!0), X(g, e.ghostClass, !1), X(g, e.fallbackClass, !0), X(g, e.dragClass, !0), f(g, "transition", ""), f(g, "transform", ""), f(g, "box-sizing", "border-box"), f(g, "margin", 0), f(g, "top", n.top), f(g, "left", n.left), f(g, "width", n.width), f(g, "height", n.height), f(g, "opacity", "0.8"), f(g, "position", Ft ? "absolute" : "fixed"), f(g, "zIndex", "100000"), f(g, "pointerEvents", "none"), p.ghost = g, t.appendChild(g), f(g, "transform-origin", Me / parseInt(g.style.width) * 100 + "% " + Ne / parseInt(g.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, n) {
+    var e = this, o = t.dataTransfer, r = e.options;
+    if (F("dragStart", this, {
+      evt: t
+    }), p.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    F("setupClone", this), p.eventCanceled || (T = We(u), T.draggable = !1, T.style["will-change"] = "", this._hideClone(), X(T, this.options.chosenClass, !1), p.clone = T), e.cloneId = Vt(function() {
+      F("clone", e), !p.eventCanceled && (e.options.removeCloneOnHide || E.insertBefore(T, u), e._hideClone(), B({
+        sortable: e,
+        name: "clone"
+      }));
+    }), !n && X(u, r.dragClass, !0), n ? (Ut = !0, e._loopId = setInterval(e._emulateDragOver, 50)) : (v(document, "mouseup", e._onDrop), v(document, "touchend", e._onDrop), v(document, "touchcancel", e._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(e, o, u)), b(document, "drop", e), f(u, "transform", "translateZ(0)")), gt = !0, e._dragStartId = Vt(e._dragStarted.bind(e, n, t)), b(document, "selectstart", e), Et = !0, Ct && f(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(t) {
+    var n = this.el, e = t.target, o, r, a, i = this.options, l = i.group, s = p.active, c = kt === l, d = i.sort, h = N || s, _, m = this, S = !1;
+    if (ce) return;
+    function y(Dt, an) {
+      F(Dt, m, q({
+        evt: t,
+        isOwner: c,
+        axis: _ ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: o,
+        targetRect: r,
+        canSort: d,
+        fromSortable: h,
+        target: e,
+        completed: M,
+        onMove: function(we, ln) {
+          return Lt(E, n, u, o, we, A(we), t, ln);
+        },
+        changed: I
+      }, an));
+    }
+    function $() {
+      y("dragOverAnimationCapture"), m.captureAnimationState(), m !== h && h.captureAnimationState();
+    }
+    function M(Dt) {
+      return y("dragOverCompleted", {
+        insertion: Dt
+      }), Dt && (c ? s._hideClone() : s._showClone(m), m !== h && (X(u, N ? N.options.ghostClass : s.options.ghostClass, !1), X(u, i.ghostClass, !0)), N !== m && m !== p.active ? N = m : m === p.active && N && (N = null), h === m && (m._ignoreWhileAnimating = e), m.animateAll(function() {
+        y("dragOverAnimationComplete"), m._ignoreWhileAnimating = null;
+      }), m !== h && (h.animateAll(), h._ignoreWhileAnimating = null)), (e === u && !u.animated || e === n && !e.animated) && (mt = null), !i.dragoverBubble && !t.rootEl && e !== document && (u.parentNode[j]._isOutsideThisEl(t.target), !Dt && ut(t)), !i.dragoverBubble && t.stopPropagation && t.stopPropagation(), S = !0;
+    }
+    function I() {
+      Y = R(u), et = R(u, i.draggable), B({
+        sortable: m,
+        name: "change",
+        toEl: n,
+        newIndex: Y,
+        newDraggableIndex: et,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), e = U(e, i.draggable, n, !0), y("dragOver"), p.eventCanceled) return S;
+    if (u.contains(t.target) || e.animated && e.animatingX && e.animatingY || m._ignoreWhileAnimating === e)
+      return M(!1);
+    if (Ut = !1, s && !i.disabled && (c ? d || (a = C !== E) : N === this || (this.lastPutMode = kt.checkPull(this, s, u, t)) && l.checkPut(this, s, u, t))) {
+      if (_ = this._getDirection(t, e) === "vertical", o = A(u), y("dragOverValid"), p.eventCanceled) return S;
+      if (a)
+        return C = E, $(), this._hideClone(), y("revert"), p.eventCanceled || (ct ? E.insertBefore(u, ct) : E.appendChild(u)), M(!0);
+      var w = ve(n, i.draggable);
+      if (!w || Zn(t, _, this) && !w.animated) {
+        if (w === u)
+          return M(!1);
+        if (w && n === t.target && (e = w), e && (r = A(e)), Lt(E, n, u, o, e, r, t, !!e) !== !1)
+          return $(), n.appendChild(u), C = n, I(), M(!0);
+      } else if (w && Qn(t, _, this)) {
+        var x = wt(n, 0, i, !0);
+        if (x === u)
+          return M(!1);
+        if (e = x, r = A(e), Lt(E, n, u, o, e, r, t, !1) !== !1)
+          return $(), n.insertBefore(u, x), C = n, I(), M(!0);
+      } else if (e.parentNode === n) {
+        r = A(e);
+        var P = 0, at, _t = u.parentNode !== n, ht = !Hn(u.animated && u.toRect || o, e.animated && e.toRect || r, _), L = _ ? "top" : "left", Z = Oe(e, "top", "top") || Oe(u, "top", "top"), Pt = Z ? Z.scrollTop : void 0;
+        mt !== e && (at = r[L], At = !1, Bt = !ht && i.invertSwap || _t), P = to(t, e, r, _, ht ? 1 : i.swapThreshold, i.invertedSwapThreshold == null ? i.swapThreshold : i.invertedSwapThreshold, Bt, mt === e);
+        var G;
+        if (P !== 0) {
+          var ft = R(u);
+          do
+            ft -= P, G = C.children[ft];
+          while (G && (f(G, "display") === "none" || G === g));
+        }
+        if (P === 0 || G === e)
+          return M(!1);
+        mt = e, Ot = P;
+        var it = e.nextElementSibling, tt = !1;
+        tt = P === 1;
+        var lt = Lt(E, n, u, o, e, r, t, tt);
+        if (lt !== !1)
+          return (lt === 1 || lt === -1) && (tt = lt === 1), ce = !0, setTimeout(Jn, 30), $(), tt && !it ? n.appendChild(u) : e.parentNode.insertBefore(u, tt ? it : e), Z && $e(Z, 0, Pt - Z.scrollTop), C = u.parentNode, at !== void 0 && !Bt && (Rt = Math.abs(at - A(e)[L])), I(), M(!0);
+      }
+      if (n.contains(u))
+        return M(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    v(document, "mousemove", this._onTouchMove), v(document, "touchmove", this._onTouchMove), v(document, "pointermove", this._onTouchMove), v(document, "dragover", ut), v(document, "mousemove", ut), v(document, "touchmove", ut);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    v(t, "mouseup", this._onDrop), v(t, "touchend", this._onDrop), v(t, "pointerup", this._onDrop), v(t, "touchcancel", this._onDrop), v(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var n = this.el, e = this.options;
+    if (Y = R(u), et = R(u, e.draggable), F("drop", this, {
+      evt: t
+    }), C = u && u.parentNode, Y = R(u), et = R(u, e.draggable), p.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    gt = !1, Bt = !1, At = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), de(this.cloneId), de(this._dragStartId), this.nativeDraggable && (v(document, "drop", this), v(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ct && f(document.body, "user-select", ""), f(u, "transform", ""), t && (Et && (t.cancelable && t.preventDefault(), !e.dropBubble && t.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (E === C || N && N.lastPutMode !== "clone") && T && T.parentNode && T.parentNode.removeChild(T), u && (this.nativeDraggable && v(u, "dragend", this), re(u), u.style["will-change"] = "", Et && !gt && X(u, N ? N.options.ghostClass : this.options.ghostClass, !1), X(u, this.options.chosenClass, !1), B({
+      sortable: this,
+      name: "unchoose",
+      toEl: C,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), E !== C ? (Y >= 0 && (B({
+      rootEl: C,
+      name: "add",
+      toEl: C,
+      fromEl: E,
+      originalEvent: t
+    }), B({
+      sortable: this,
+      name: "remove",
+      toEl: C,
+      originalEvent: t
+    }), B({
+      rootEl: C,
+      name: "sort",
+      toEl: C,
+      fromEl: E,
+      originalEvent: t
+    }), B({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: t
+    })), N && N.save()) : Y !== vt && Y >= 0 && (B({
+      sortable: this,
+      name: "update",
+      toEl: C,
+      originalEvent: t
+    }), B({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: t
+    })), p.active && ((Y == null || Y === -1) && (Y = vt, et = It), B({
+      sortable: this,
+      name: "end",
+      toEl: C,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    F("nulling", this), E = u = C = g = ct = T = jt = nt = st = W = Et = Y = et = vt = It = mt = Ot = N = kt = p.dragged = p.ghost = p.clone = p.active = null, Ht.forEach(function(t) {
+      t.checked = !0;
+    }), Ht.length = ee = ne = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        u && (this._onDragOver(t), Kn(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var t = [], n, e = this.el.children, o = 0, r = e.length, a = this.options; o < r; o++)
+      n = e[o], U(n, a.draggable, this.el, !1) && t.push(n.getAttribute(a.dataIdAttr) || no(n));
+    return t;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(t, n) {
+    var e = {}, o = this.el;
+    this.toArray().forEach(function(r, a) {
+      var i = o.children[a];
+      U(i, this.options.draggable, o, !1) && (e[r] = i);
+    }, this), n && this.captureAnimationState(), t.forEach(function(r) {
+      e[r] && (o.removeChild(e[r]), o.appendChild(e[r]));
+    }), n && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var t = this.options.store;
+    t && t.set && t.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(t, n) {
+    return U(t, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(t, n) {
+    var e = this.options;
+    if (n === void 0)
+      return e[t];
+    var o = Nt.modifyOption(this, t, n);
+    typeof o < "u" ? e[t] = o : e[t] = n, t === "group" && He(e);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    F("destroy", this);
+    var t = this.el;
+    t[j] = null, v(t, "mousedown", this._onTapStart), v(t, "touchstart", this._onTapStart), v(t, "pointerdown", this._onTapStart), this.nativeDraggable && (v(t, "dragover", this), v(t, "dragenter", this)), Array.prototype.forEach.call(t.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), zt.splice(zt.indexOf(this.el), 1), this.el = t = null;
+  },
+  _hideClone: function() {
+    if (!nt) {
+      if (F("hideClone", this), p.eventCanceled) return;
+      f(T, "display", "none"), this.options.removeCloneOnHide && T.parentNode && T.parentNode.removeChild(T), nt = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (nt) {
+      if (F("showClone", this), p.eventCanceled) return;
+      u.parentNode == E && !this.options.group.revertClone ? E.insertBefore(T, u) : ct ? E.insertBefore(T, ct) : E.appendChild(T), this.options.group.revertClone && this.animate(u, T), f(T, "display", ""), nt = !1;
+    }
+  }
+};
+function Kn(t) {
+  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
+}
+function Lt(t, n, e, o, r, a, i, l) {
+  var s, c = t[j], d = c.options.onMove, h;
+  return window.CustomEvent && !Q && !Mt ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = n, s.from = t, s.dragged = e, s.draggedRect = o, s.related = r || n, s.relatedRect = a || A(n), s.willInsertAfter = l, s.originalEvent = i, t.dispatchEvent(s), d && (h = d.call(c, s, i)), h;
+}
+function re(t) {
+  t.draggable = !1;
+}
+function Jn() {
+  ce = !1;
+}
+function Qn(t, n, e) {
+  var o = A(wt(e.el, 0, e.options, !0)), r = 10;
+  return n ? 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 Zn(t, n, e) {
+  var o = A(ve(e.el, e.options.draggable)), r = 10;
+  return n ? 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 to(t, n, e, o, r, a, i, l) {
+  var s = o ? t.clientY : t.clientX, c = o ? e.height : e.width, d = o ? e.top : e.left, h = o ? e.bottom : e.right, _ = !1;
+  if (!i) {
+    if (l && Rt < c * r) {
+      if (!At && (Ot === 1 ? s > d + c * a / 2 : s < h - c * a / 2) && (At = !0), At)
+        _ = !0;
+      else if (Ot === 1 ? s < d + Rt : s > h - Rt)
+        return -Ot;
+    } else if (s > d + c * (1 - r) / 2 && s < h - c * (1 - r) / 2)
+      return eo(n);
+  }
+  return _ = _ || i, _ && (s < d + c * a / 2 || s > h - c * a / 2) ? s > d + c / 2 ? 1 : -1 : 0;
+}
+function eo(t) {
+  return R(u) < R(t) ? 1 : -1;
+}
+function no(t) {
+  for (var n = t.tagName + t.className + t.src + t.href + t.textContent, e = n.length, o = 0; e--; )
+    o += n.charCodeAt(e);
+  return o.toString(36);
+}
+function oo(t) {
+  Ht.length = 0;
+  for (var n = t.getElementsByTagName("input"), e = n.length; e--; ) {
+    var o = n[e];
+    o.checked && Ht.push(o);
+  }
+}
+function Vt(t) {
+  return setTimeout(t, 0);
+}
+function de(t) {
+  return clearTimeout(t);
+}
+Kt && b(document, "touchmove", function(t) {
+  (p.active || gt) && t.cancelable && t.preventDefault();
+});
+p.utils = {
+  on: b,
+  off: v,
+  css: f,
+  find: Re,
+  is: function(t, n) {
+    return !!U(t, n, t, !1);
+  },
+  extend: Yn,
+  throttle: Ve,
+  closest: U,
+  toggleClass: X,
+  clone: We,
+  index: R,
+  nextTick: Vt,
+  cancelNextTick: de,
+  detectDirection: ze,
+  getChild: wt
+};
+p.get = function(t) {
+  return t[j];
+};
+p.mount = function() {
+  for (var t = arguments.length, n = new Array(t), e = 0; e < t; e++)
+    n[e] = arguments[e];
+  n[0].constructor === Array && (n = n[0]), n.forEach(function(o) {
+    if (!o.prototype || !o.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));
+    o.utils && (p.utils = q(q({}, p.utils), o.utils)), Nt.mount(o);
+  });
+};
+p.create = function(t, n) {
+  return new p(t, n);
+};
+p.version = Bn;
+var O = [], St, he, fe = !1, ae, ie, qt, xt;
+function ro() {
+  function t() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var n in this)
+      n.charAt(0) === "_" && typeof this[n] == "function" && (this[n] = this[n].bind(this));
+  }
+  return t.prototype = {
+    dragStarted: function(n) {
+      var e = n.originalEvent;
+      this.sortable.nativeDraggable ? b(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? b(document, "pointermove", this._handleFallbackAutoScroll) : e.touches ? b(document, "touchmove", this._handleFallbackAutoScroll) : b(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var e = n.originalEvent;
+      !this.options.dragOverBubble && !e.rootEl && this._handleAutoScroll(e);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? v(document, "dragover", this._handleAutoScroll) : (v(document, "pointermove", this._handleFallbackAutoScroll), v(document, "touchmove", this._handleFallbackAutoScroll), v(document, "mousemove", this._handleFallbackAutoScroll)), ke(), $t(), jn();
+    },
+    nulling: function() {
+      qt = he = St = fe = xt = ae = ie = null, O.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, e) {
+      var o = this, r = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, i = document.elementFromPoint(r, a);
+      if (qt = n, e || this.options.forceAutoScrollFallback || Mt || Q || Ct) {
+        le(n, this.options, i, e);
+        var l = rt(i, !0);
+        fe && (!xt || r !== ae || a !== ie) && (xt && ke(), xt = setInterval(function() {
+          var s = rt(document.elementFromPoint(r, a), !0);
+          s !== l && (l = s, $t()), le(n, o.options, s, e);
+        }, 10), ae = r, ie = a);
+      } else {
+        if (!this.options.bubbleScroll || rt(i, !0) === H()) {
+          $t();
+          return;
+        }
+        le(n, this.options, rt(i, !1), !1);
+      }
+    }
+  }, J(t, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function $t() {
+  O.forEach(function(t) {
+    clearInterval(t.pid);
+  }), O = [];
+}
+function ke() {
+  clearInterval(xt);
+}
+var le = Ve(function(t, n, e, o) {
+  if (n.scroll) {
+    var r = (t.touches ? t.touches[0] : t).clientX, a = (t.touches ? t.touches[0] : t).clientY, i = n.scrollSensitivity, l = n.scrollSpeed, s = H(), c = !1, d;
+    he !== e && (he = e, $t(), St = n.scroll, d = n.scrollFn, St === !0 && (St = rt(e, !0)));
+    var h = 0, _ = St;
+    do {
+      var m = _, S = A(m), y = S.top, $ = S.bottom, M = S.left, I = S.right, w = S.width, x = S.height, P = void 0, at = void 0, _t = m.scrollWidth, ht = m.scrollHeight, L = f(m), Z = m.scrollLeft, Pt = m.scrollTop;
+      m === s ? (P = w < _t && (L.overflowX === "auto" || L.overflowX === "scroll" || L.overflowX === "visible"), at = x < ht && (L.overflowY === "auto" || L.overflowY === "scroll" || L.overflowY === "visible")) : (P = w < _t && (L.overflowX === "auto" || L.overflowX === "scroll"), at = x < ht && (L.overflowY === "auto" || L.overflowY === "scroll"));
+      var G = P && (Math.abs(I - r) <= i && Z + w < _t) - (Math.abs(M - r) <= i && !!Z), ft = at && (Math.abs($ - a) <= i && Pt + x < ht) - (Math.abs(y - a) <= i && !!Pt);
+      if (!O[h])
+        for (var it = 0; it <= h; it++)
+          O[it] || (O[it] = {});
+      (O[h].vx != G || O[h].vy != ft || O[h].el !== m) && (O[h].el = m, O[h].vx = G, O[h].vy = ft, clearInterval(O[h].pid), (G != 0 || ft != 0) && (c = !0, O[h].pid = setInterval((function() {
+        o && this.layer === 0 && p.active._onTouchMove(qt);
+        var tt = O[this.layer].vy ? O[this.layer].vy * l : 0, lt = O[this.layer].vx ? O[this.layer].vx * l : 0;
+        typeof d == "function" && d.call(p.dragged.parentNode[j], lt, tt, t, qt, O[this.layer].el) !== "continue" || $e(O[this.layer].el, lt, tt);
+      }).bind({
+        layer: h
+      }), 24))), h++;
+    } while (n.bubbleScroll && _ !== s && (_ = rt(_, !1)));
+    fe = c;
+  }
+}, 30), Ke = function(t) {
+  var n = t.originalEvent, e = t.putSortable, o = t.dragEl, r = t.activeSortable, a = t.dispatchSortableEvent, i = t.hideGhostForTarget, l = t.unhideGhostForTarget;
+  if (n) {
+    var s = e || r;
+    i();
+    var c = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, d = document.elementFromPoint(c.clientX, c.clientY);
+    l(), s && !s.el.contains(d) && (a("spill"), this.onSpill({
+      dragEl: o,
+      putSortable: e
+    }));
+  }
+};
+function be() {
+}
+be.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var n = t.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(t) {
+    var n = t.dragEl, e = t.putSortable;
+    this.sortable.captureAnimationState(), e && e.captureAnimationState();
+    var o = wt(this.sortable.el, this.startIndex, this.options);
+    o ? this.sortable.el.insertBefore(n, o) : this.sortable.el.appendChild(n), this.sortable.animateAll(), e && e.animateAll();
+  },
+  drop: Ke
+};
+J(be, {
+  pluginName: "revertOnSpill"
+});
+function ye() {
+}
+ye.prototype = {
+  onSpill: function(t) {
+    var n = t.dragEl, e = t.putSortable, o = e || this.sortable;
+    o.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), o.animateAll();
+  },
+  drop: Ke
+};
+J(ye, {
+  pluginName: "removeOnSpill"
+});
+p.mount(new ro());
+p.mount(ye, be);
+function se(t) {
+  t.parentElement !== null && t.parentElement.removeChild(t);
+}
+function Be(t, n, e) {
+  const o = e === 0 ? t.children[0] : t.children[e - 1].nextSibling;
+  t.insertBefore(n, o);
+}
+function ao() {
+  return typeof window < "u" ? window.console : global.console;
+}
+const io = ao();
+function lo(t) {
+  const n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] || (n[e] = t(e));
+  };
+}
+const so = /-(\w)/g, uo = lo((t) => t.replace(so, (n, e) => e.toUpperCase())), Je = ["Start", "Add", "Remove", "Update", "End"], Qe = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], Ze = ["Move"], co = [Ze, Je, Qe].flatMap((t) => t).map((t) => `on${t}`), pe = {
+  manage: Ze,
+  manageAndEmit: Je,
+  emit: Qe
+};
+function ho(t) {
+  return co.indexOf(t) !== -1;
+}
+const fo = [
+  "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 po(t) {
+  return fo.includes(t);
+}
+function mo(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function tn(t) {
+  return ["id", "class", "role", "style"].includes(t) || t.startsWith("data-") || t.startsWith("aria-") || t.startsWith("on");
+}
+function en(t) {
+  return t.reduce((n, [e, o]) => (n[e] = o, n), {});
+}
+function go({ $attrs: t, componentData: n = {} }) {
+  return {
+    ...en(
+      Object.entries(t).filter(([e, o]) => tn(e))
+    ),
+    ...n
+  };
+}
+function vo({ $attrs: t, callBackBuilder: n }) {
+  const e = en(nn(t));
+  Object.entries(n).forEach(([r, a]) => {
+    pe[r].forEach((i) => {
+      e[`on${i}`] = a(i);
+    });
+  });
+  const o = `[data-draggable]${e.draggable || ""}`;
+  return {
+    ...e,
+    draggable: o
+  };
+}
+function nn(t) {
+  return Object.entries(t).filter(([n, e]) => !tn(n)).map(([n, e]) => [uo(n), e]).filter(([n, e]) => !ho(n));
+}
+const Fe = ({ el: t }) => t, bo = (t, n) => t.__draggable_context = n, Le = (t) => t.__draggable_context;
+class yo {
+  constructor({
+    nodes: { header: n, default: e, footer: o },
+    root: r,
+    realList: a
+  }) {
+    this.defaultNodes = e, this.children = [...n, ...e, ...o], this.externalComponent = r.externalComponent, this.rootTransition = r.transition, this.tag = r.tag, this.realList = a;
+  }
+  get _isRootComponent() {
+    return this.externalComponent || this.rootTransition;
+  }
+  render(n, e) {
+    const { tag: o, children: r, _isRootComponent: a } = this;
+    return n(o, e, a ? { default: () => r } : r);
+  }
+  updated() {
+    const { defaultNodes: n, realList: e } = this;
+    n.forEach((o, r) => {
+      bo(Fe(o), {
+        element: e[r],
+        index: r
+      });
+    });
+  }
+  getUnderlyingVm(n) {
+    return Le(n);
+  }
+  getVmIndexFromDomIndex(n, e) {
+    const { defaultNodes: o } = this, { length: r } = o, a = e.children, i = a.item(n);
+    if (i === null)
+      return r;
+    const l = Le(i);
+    if (l)
+      return l.index;
+    if (r === 0)
+      return 0;
+    const s = Fe(o[0]), c = [...a].findIndex(
+      (d) => d === s
+    );
+    return n < c ? 0 : r;
+  }
+}
+function wo(t, n) {
+  const e = t[n];
+  return e ? e() : [];
+}
+function _o({ $slots: t, realList: n, getKey: e }) {
+  const o = n || [], [r, a] = ["header", "footer"].map(
+    (s) => wo(t, s)
+  ), { item: i } = t;
+  if (!i)
+    throw new Error("draggable element must have an item slot");
+  const l = o.flatMap(
+    (s, c) => i({ element: s, index: c }).map((d) => (d.key = e(s), d.props = { ...d.props || {}, "data-draggable": !0 }, d))
+  );
+  if (l.length !== o.length)
+    throw new Error("Item slot must have only one child");
+  return {
+    header: r,
+    footer: a,
+    default: l
+  };
+}
+function Do(t) {
+  const n = mo(t), e = !po(t) && !n;
+  return {
+    transition: n,
+    externalComponent: e,
+    tag: e ? In(t) : n ? On : t
+  };
+}
+function Eo({ $slots: t, tag: n, realList: e, getKey: o }) {
+  const r = _o({ $slots: t, realList: e, getKey: o }), a = Do(n);
+  return new yo({ nodes: r, root: a, realList: e });
+}
+function on(t, n) {
+  ge(() => this.$emit(t.toLowerCase(), n));
+}
+function rn(t) {
+  return (n, e) => {
+    if (this.realList !== null)
+      return this[`onDrag${t}`](n, e);
+  };
+}
+function So(t) {
+  const n = rn.call(this, t);
+  return (e, o) => {
+    n.call(this, e, o), on.call(this, t, e);
+  };
+}
+let ue = null;
+const xo = {
+  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
+  }
+}, Co = [
+  "update:modelValue",
+  "change",
+  ...[...pe.manageAndEmit, ...pe.emit].map((t) => t.toLowerCase())
+], To = me({
+  name: "draggable",
+  inheritAttrs: !1,
+  props: xo,
+  emits: Co,
+  data() {
+    return {
+      error: !1
+    };
+  },
+  render() {
+    try {
+      this.error = !1;
+      const { $slots: t, $attrs: n, tag: e, componentData: o, realList: r, getKey: a } = this, i = Eo({
+        $slots: t,
+        tag: e,
+        realList: r,
+        getKey: a
+      });
+      this.componentStructure = i;
+      const l = go({ $attrs: n, componentData: o });
+      return i.render(xe, l);
+    } catch (t) {
+      return this.error = !0, xe("pre", { style: { color: "red" } }, t.stack);
+    }
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && io.error(
+      "modelValue and list props are mutually exclusive! Please set one or another."
+    );
+  },
+  mounted() {
+    if (this.error)
+      return;
+    const { $attrs: t, $el: n, componentStructure: e } = this;
+    e.updated();
+    const o = vo({
+      $attrs: t,
+      callBackBuilder: {
+        manageAndEmit: (a) => So.call(this, a),
+        emit: (a) => on.bind(this, a),
+        manage: (a) => rn.call(this, a)
+      }
+    }), r = n.nodeType === 1 ? n : n.parentElement;
+    this._sortable = new p(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 : (n) => n[t];
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(t) {
+        const { _sortable: n } = this;
+        n && nn(t).forEach(([e, o]) => {
+          n.option(e, o);
+        });
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    getUnderlyingVm(t) {
+      return this.componentStructure.getUnderlyingVm(t) || null;
+    },
+    getUnderlyingPotencialDraggableComponent(t) {
+      return t.__draggable_component__;
+    },
+    emitChanges(t) {
+      ge(() => this.$emit("change", t));
+    },
+    alterList(t) {
+      if (this.list) {
+        t(this.list);
+        return;
+      }
+      const n = [...this.modelValue];
+      t(n), this.$emit("update:modelValue", n);
+    },
+    spliceList() {
+      const t = (n) => n.splice(...arguments);
+      this.alterList(t);
+    },
+    updatePosition(t, n) {
+      const e = (o) => o.splice(n, 0, o.splice(t, 1)[0]);
+      this.alterList(e);
+    },
+    getRelatedContextFromMoveEvent({ to: t, related: n }) {
+      const e = this.getUnderlyingPotencialDraggableComponent(t);
+      if (!e)
+        return { component: e };
+      const o = e.realList, r = { list: o, component: e };
+      return t !== n && o ? { ...e.getUnderlyingVm(n) || {}, ...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), ue = t.item;
+    },
+    onDragAdd(t) {
+      const n = t.item._underlying_vm_;
+      if (n === void 0)
+        return;
+      se(t.item);
+      const e = this.getVmIndexFromDomIndex(t.newIndex);
+      this.spliceList(e, 0, n);
+      const o = { element: n, newIndex: e };
+      this.emitChanges({ added: o });
+    },
+    onDragRemove(t) {
+      if (Be(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
+        se(t.clone);
+        return;
+      }
+      const { index: n, element: e } = this.context;
+      this.spliceList(n, 1);
+      const o = { element: e, oldIndex: n };
+      this.emitChanges({ removed: o });
+    },
+    onDragUpdate(t) {
+      se(t.item), Be(t.from, t.item, t.oldIndex);
+      const n = this.context.index, e = this.getVmIndexFromDomIndex(t.newIndex);
+      this.updatePosition(n, e);
+      const o = { element: this.context.element, oldIndex: n, newIndex: e };
+      this.emitChanges({ moved: o });
+    },
+    computeFutureIndex(t, n) {
+      if (!t.element)
+        return 0;
+      const e = [...n.to.children].filter(
+        (a) => a.style.display !== "none"
+      ), o = e.indexOf(n.related), r = t.component.getVmIndexFromDomIndex(
+        o
+      );
+      return e.indexOf(ue) !== -1 || !n.willInsertAfter ? r : r + 1;
+    },
+    onDragMove(t, n) {
+      const { move: e, realList: o } = this;
+      if (!e || !o)
+        return !0;
+      const r = this.getRelatedContextFromMoveEvent(t), a = this.computeFutureIndex(r, t), i = {
+        ...this.context,
+        futureIndex: a
+      }, l = {
+        ...t,
+        relatedContext: r,
+        draggedContext: i
+      };
+      return e(l, n);
+    },
+    onDragEnd() {
+      ue = null;
+    }
+  }
+}), Io = {}, Oo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 16 16"
+};
+function Ao(t, n) {
+  return V(), z("svg", Oo, [...n[0] || (n[0] = [
+    dt("path", {
+      fill: "currentColor",
+      d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8L4.646 5.354a.5.5 0 0 1 0-.708"
+    }, null, -1)
+  ])]);
+}
+const Mo = /* @__PURE__ */ Gt(Io, [["render", Ao], ["__scopeId", "data-v-8898cb0d"]]), No = {}, Po = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 16 16"
+};
+function ko(t, n) {
+  return V(), z("svg", Po, [...n[0] || (n[0] = [
+    dt("path", {
+      fill: "currentColor",
+      d: "M7 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0"
+    }, null, -1)
+  ])]);
+}
+const Bo = /* @__PURE__ */ Gt(No, [["render", ko], ["__scopeId", "data-v-451bf0ec"]]), Fo = ["id"], Lo = { class: "handle" }, Xo = /* @__PURE__ */ me({
+  __name: "ArrayItem",
+  props: {
+    scope: {},
+    index: {},
+    itemID: {},
+    baseSavePath: {},
+    allowRemove: { type: Boolean },
+    uiSchema: {}
+  },
+  emits: ["delete"],
+  setup(t, { emit: n }) {
+    const e = t, o = e.baseSavePath + "." + e.itemID;
+    Cn(An, o);
+    const r = Xt(() => {
+      const i = e.uiSchema || {
+        type: "Control",
+        scope: "",
+        options: {
+          label: !1
+        }
+      };
+      return i.scope = e.scope + "." + e.itemID, i;
+    }), a = n;
+    return (i, l) => (V(), z("div", {
+      class: "vjf_arrayItem",
+      id: t.itemID
+    }, [
+      ot(Tn, {
+        "layout-element": r.value,
+        "in-array-item": ""
+      }, {
+        prepend: bt(() => [
+          dt("div", Lo, [
+            ot(Bo)
+          ])
+        ]),
+        append: bt(() => [
+          ot(D(Xe), {
+            variant: "outline-danger",
+            onClick: l[0] || (l[0] = (s) => a("delete", t.itemID, o)),
+            disabled: !t.allowRemove,
+            "aria-label": "Delete Item"
+          }, {
+            default: bt(() => [
+              ot(Mo)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        _: 1
+      }, 8, ["layout-element"])
+    ], 8, Fo));
+  }
+}), Yo = /* @__PURE__ */ Gt(Xo, [["__scopeId", "data-v-1b43c75d"]]), jo = {}, Ro = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 16 16"
+};
+function Vo(t, n) {
+  return V(), z("svg", Ro, [...n[0] || (n[0] = [
+    dt("path", {
+      fill: "currentColor",
+      d: "M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
+    }, null, -1)
+  ])]);
+}
+const $o = /* @__PURE__ */ Gt(jo, [["render", Vo], ["__scopeId", "data-v-9a59b4f7"]]), Wo = { class: "vjf_label_wrapper" }, Uo = ["for"], zo = { class: "large-label" }, Ho = { class: "vjf_array-help-icon-wrapper" }, qo = { key: 0 }, Go = ["id"], Ko = { key: 0 }, tr = /* @__PURE__ */ me({
+  __name: "ArrayControl",
+  setup(t) {
+    const n = sn("ErrorViewer"), { formData: e } = _e(un()), { jsonSchema: o, arrays: r } = _e(cn()), { jsonElement: a, layoutElement: i, savePath: l } = dn(), s = hn(l);
+    function c(I = !1, w) {
+      const x = _n + Dn();
+      if (!o.value)
+        throw new Error("jsonSchema is unexpectedly undefined");
+      if (!En(l))
+        throw new Error("savePath must be provided");
+      e.value[l].push(x), e.value[`${l}.${x}`] = w ?? "", I || ge().then(() => {
+        const P = document.getElementById(s.value)?.querySelectorAll(".list-group > *");
+        P && P[P.length - 1]?.querySelector("input")?.focus();
+      });
+    }
+    const d = fn(i), h = De(!1), _ = De({
+      animation: 200,
+      group: `array-${d.value}`,
+      disabled: !1,
+      ghostClass: "ghost"
+    });
+    function m(I, w) {
+      const x = e.value[l].indexOf(I);
+      x > -1 ? e.value[l].splice(x, 1) : console.warn(
+        "Could not find item with id",
+        I,
+        "in",
+        e.value[l]
+      ), delete e.value[w];
+    }
+    function S() {
+      if (!e.value[l])
+        e.value[l] = [];
+      else if (Sn(e.value[l])) {
+        const I = e.value[l];
+        e.value[l] = [];
+        for (const w of I)
+          c(!0, w);
+      }
+      r.value.push(l);
+      for (let I = e.value[l].length; I < (a.value.minItems || 0); I++)
+        c(!0);
+      i.value.options?.maxFileSize && xn(i.value.scope + "/items", {
+        options: {
+          maxFileSize: i.value.options.maxFileSize
+        }
+      });
+    }
+    pn(
+      () => e.value[l],
+      () => {
+        e.value[l] || S();
+      }
+    );
+    const y = Xt(() => e.value[l].length < (a.value.maxItems || Number.MAX_VALUE)), $ = Xt(() => e.value[l].length > (a.value.minItems || 0)), M = Xt(() => mn(i.value.scope.split(".").pop() || ""));
+    return gn(S), (I, w) => (V(), z("div", null, [
+      dt("div", Wo, [
+        M.value ? Ee("", !0) : vn((V(), z("label", {
+          key: 0,
+          for: D(s)
+        }, [
+          dt("span", zo, Qt(D(d)), 1)
+        ], 8, Uo)), [
+          [bn, D(Jt)(D(i), "label", !0)]
+        ]),
+        dt("div", Ho, [
+          ot(Mn)
+        ])
+      ]),
+      D(a).description ? (V(), z("p", qo, Qt(D(a).description), 1)) : Ee("", !0),
+      typeof D(a).items == "object" && "type" in D(a).items ? (V(), z("div", {
+        key: 1,
+        class: "vjf_array",
+        id: D(s)
+      }, [
+        ot(D(To), yn({
+          class: "list-group",
+          modelValue: D(e)[D(l)],
+          "onUpdate:modelValue": w[0] || (w[0] = (x) => D(e)[D(l)] = x),
+          handle: ".handle",
+          itemKey: (x) => x,
+          key: "draggable",
+          onStart: w[1] || (w[1] = (x) => h.value = !0),
+          onEnd: w[2] || (w[2] = (x) => h.value = !1)
+        }, _.value, {
+          componentData: {
+            tag: "div",
+            type: "transition-group",
+            name: h.value ? null : "flip-list"
+          }
+        }), {
+          item: bt(({ element: x, index: P }) => [
+            (V(), z("div", { key: x }, [
+              ot(Yo, {
+                scope: D(i).scope,
+                baseSavePath: D(l),
+                index: P,
+                itemID: x,
+                onDelete: m,
+                allowRemove: $.value
+              }, null, 8, ["scope", "baseSavePath", "index", "itemID", "allowRemove"])
+            ]))
+          ]),
+          _: 1
+        }, 16, ["modelValue", "itemKey", "componentData"]),
+        ot(D(Xe), {
+          variant: "outline-primary",
+          class: "w-100",
+          onClick: w[3] || (w[3] = () => c()),
+          disabled: !y.value,
+          "aria-label": "Add Item"
+        }, {
+          default: bt(() => [
+            D(Jt)(D(i), "addButtonText") ? (V(), z("span", Ko, Qt(D(Jt)(D(i), "addButtonText")), 1)) : (V(), Se($o, { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 8, Go)) : (V(), Se(D(n), {
+        key: 2,
+        header: "Error",
+        id: D(s)
+      }, {
+        default: bt(() => [...w[4] || (w[4] = [
+          wn(" The type of the array's items is missing in the schema ", -1)
+        ])]),
+        _: 1
+      }, 8, ["id"]))
+    ]));
+  }
+});
+export {
+  tr as default
+};
+//# sourceMappingURL=ArrayControl-BCf7F9wY-C7we8FHe.mjs.map