@openc3/vue-common 6.2.0 → 6.3.0

package/dist/ToolsTab-NveeVXz2.js

@@ -0,0 +1,1521 @@
+import { o as dt } from "./WidgetComponents-C1lSLZ0I.js";
+import { resolveComponent as j, createElementBlock as Jt, openBlock as Et, createVNode as A, createElementVNode as Kt, createBlock as me, createCommentVNode as ve, withCtx as x, createTextVNode as Dt, toDisplayString as be, Fragment as Ve, renderList as ze, normalizeClass as Ue, mergeProps as _e } from "vue";
+import { _ as $e } from "./CustomIcon-h5X7369N.js";
+import "single-spa";
+import { O as qe } from "./OutputDialog-zVPZiZay.js";
+/**!
+ * Sortable 1.15.6
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function ye(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function $(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ye(Object(n), !0).forEach(function(o) {
+      Je(e, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ye(Object(n)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return e;
+}
+function Yt(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Yt = function(t) {
+    return typeof t;
+  } : Yt = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, Yt(e);
+}
+function Je(e, t, n) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = n, e;
+}
+function K() {
+  return K = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, K.apply(this, arguments);
+}
+function Ke(e, t) {
+  if (e == null) return {};
+  var n = {}, o = Object.keys(e), i, r;
+  for (r = 0; r < o.length; r++)
+    i = o[r], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  return n;
+}
+function Ze(e, t) {
+  if (e == null) return {};
+  var n = Ke(e, t), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < r.length; i++)
+      o = r[i], !(t.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (n[o] = e[o]);
+  }
+  return n;
+}
+var Qe = "1.15.6";
+function J(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var Z = J(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Pt = J(/Edge/i), we = J(/firefox/i), Ot = J(/safari/i) && !J(/chrome/i) && !J(/android/i), fe = J(/iP(ad|od|hone)/i), Ae = J(/chrome/i) && J(/android/i), xe = {
+  capture: !1,
+  passive: !1
+};
+function _(e, t, n) {
+  e.addEventListener(t, n, !Z && xe);
+}
+function v(e, t, n) {
+  e.removeEventListener(t, n, !Z && xe);
+}
+function Gt(e, t) {
+  if (t) {
+    if (t[0] === ">" && (t = t.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(t);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(t);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(t);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function Ne(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function V(e, t, n, o) {
+  if (e) {
+    n = n || document;
+    do {
+      if (t != null && (t[0] === ">" ? e.parentNode === n && Gt(e, t) : Gt(e, t)) || o && e === n)
+        return e;
+      if (e === n) break;
+    } while (e = Ne(e));
+  }
+  return null;
+}
+var Ee = /\s+/g;
+function L(e, t, n) {
+  if (e && t)
+    if (e.classList)
+      e.classList[n ? "add" : "remove"](t);
+    else {
+      var o = (" " + e.className + " ").replace(Ee, " ").replace(" " + t + " ", " ");
+      e.className = (o + (n ? " " + t : "")).replace(Ee, " ");
+    }
+}
+function h(e, t, n) {
+  var o = e && e.style;
+  if (o) {
+    if (n === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+    !(t in o) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), o[t] = n + (typeof n == "string" ? "" : "px");
+  }
+}
+function gt(e, t) {
+  var n = "";
+  if (typeof e == "string")
+    n = e;
+  else
+    do {
+      var o = h(e, "transform");
+      o && o !== "none" && (n = o + " " + n);
+    } while (!t && (e = e.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(n);
+}
+function Pe(e, t, n) {
+  if (e) {
+    var o = e.getElementsByTagName(t), i = 0, r = o.length;
+    if (n)
+      for (; i < r; i++)
+        n(o[i], i);
+    return o;
+  }
+  return [];
+}
+function U() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function O(e, t, n, o, i) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var r, a, l, s, u, c, f;
+    if (e !== window && e.parentNode && e !== U() ? (r = e.getBoundingClientRect(), a = r.top, l = r.left, s = r.bottom, u = r.right, c = r.height, f = r.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, c = window.innerHeight, f = window.innerWidth), (t || n) && e !== window && (i = i || e.parentNode, !Z))
+      do
+        if (i && i.getBoundingClientRect && (h(i, "transform") !== "none" || n && h(i, "position") !== "static")) {
+          var m = i.getBoundingClientRect();
+          a -= m.top + parseInt(h(i, "border-top-width")), l -= m.left + parseInt(h(i, "border-left-width")), s = a + r.height, u = l + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (o && e !== window) {
+      var w = gt(i || e), b = w && w.a, y = w && w.d;
+      w && (a /= y, l /= b, f /= b, c /= y, s = a + c, u = l + f);
+    }
+    return {
+      top: a,
+      left: l,
+      bottom: s,
+      right: u,
+      width: f,
+      height: c
+    };
+  }
+}
+function De(e, t, n) {
+  for (var o = ot(e, !0), i = O(e)[t]; o; ) {
+    var r = O(o)[n], a = void 0;
+    if (a = i >= r, !a) return o;
+    if (o === U()) break;
+    o = ot(o, !1);
+  }
+  return !1;
+}
+function mt(e, t, n, o) {
+  for (var i = 0, r = 0, a = e.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== p.ghost && (o || a[r] !== p.dragged) && V(a[r], n.draggable, e, !1)) {
+      if (i === t)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function ce(e, t) {
+  for (var n = e.lastElementChild; n && (n === p.ghost || h(n, "display") === "none" || t && !Gt(n, t)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function W(e, t) {
+  var n = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== p.clone && (!t || Gt(e, t)) && n++;
+  return n;
+}
+function Se(e) {
+  var t = 0, n = 0, o = U();
+  if (e)
+    do {
+      var i = gt(e), r = i.a, a = i.d;
+      t += e.scrollLeft * r, n += e.scrollTop * a;
+    } while (e !== o && (e = e.parentNode));
+  return [t, n];
+}
+function tn(e, t) {
+  for (var n in e)
+    if (e.hasOwnProperty(n)) {
+      for (var o in t)
+        if (t.hasOwnProperty(o) && t[o] === e[n][o]) return Number(n);
+    }
+  return -1;
+}
+function ot(e, t) {
+  if (!e || !e.getBoundingClientRect) return U();
+  var n = e, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var i = h(n);
+      if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body) return U();
+        if (o || t) return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return U();
+}
+function en(e, t) {
+  if (e && t)
+    for (var n in t)
+      t.hasOwnProperty(n) && (e[n] = t[n]);
+  return e;
+}
+function Zt(e, t) {
+  return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var It;
+function Fe(e, t) {
+  return function() {
+    if (!It) {
+      var n = arguments, o = this;
+      n.length === 1 ? e.call(o, n[0]) : e.apply(o, n), It = setTimeout(function() {
+        It = void 0;
+      }, t);
+    }
+  };
+}
+function nn() {
+  clearTimeout(It), It = void 0;
+}
+function Me(e, t, n) {
+  e.scrollLeft += t, e.scrollTop += n;
+}
+function ke(e) {
+  var t = window.Polymer, n = window.jQuery || window.Zepto;
+  return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function Re(e, t, n) {
+  var o = {};
+  return Array.from(e.children).forEach(function(i) {
+    var r, a, l, s;
+    if (!(!V(i, t.draggable, e, !1) || i.animated || i === n)) {
+      var u = O(i);
+      o.left = Math.min((r = o.left) !== null && r !== void 0 ? r : 1 / 0, u.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, u.top), o.right = Math.max((l = o.right) !== null && l !== void 0 ? l : -1 / 0, u.right), o.bottom = Math.max((s = o.bottom) !== null && s !== void 0 ? s : -1 / 0, u.bottom);
+    }
+  }), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
+}
+var B = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function on() {
+  var e = [], t;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(i) {
+          if (!(h(i, "display") === "none" || i === p.ghost)) {
+            e.push({
+              target: i,
+              rect: O(i)
+            });
+            var r = $({}, e[e.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = gt(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      e.push(o);
+    },
+    removeAnimationState: function(o) {
+      e.splice(tn(e, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(t), typeof o == "function" && o();
+        return;
+      }
+      var r = !1, a = 0;
+      e.forEach(function(l) {
+        var s = 0, u = l.target, c = u.fromRect, f = O(u), m = u.prevFromRect, w = u.prevToRect, b = l.rect, y = gt(u, !0);
+        y && (f.top -= y.f, f.left -= y.e), u.toRect = f, u.thisAnimationDuration && Zt(m, f) && !Zt(c, f) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - f.top) / (b.left - f.left) === (c.top - f.top) / (c.left - f.left) && (s = an(b, m, w, i.options)), Zt(f, c) || (u.prevFromRect = c, u.prevToRect = f, s || (s = i.options.animation), i.animate(u, b, f, s)), s && (r = !0, a = Math.max(a, s), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, s), u.thisAnimationDuration = s);
+      }), clearTimeout(t), r ? t = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), e = [];
+    },
+    animate: function(o, i, r, a) {
+      if (a) {
+        h(o, "transition", ""), h(o, "transform", "");
+        var l = gt(this.el), s = l && l.a, u = l && l.d, c = (i.left - r.left) / (s || 1), f = (i.top - r.top) / (u || 1);
+        o.animatingX = !!c, o.animatingY = !!f, h(o, "transform", "translate3d(" + c + "px," + f + "px,0)"), this.forRepaintDummy = rn(o), h(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), h(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          h(o, "transition", ""), h(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function rn(e) {
+  return e.offsetWidth;
+}
+function an(e, t, n, o) {
+  return Math.sqrt(Math.pow(t.top - e.top, 2) + Math.pow(t.left - e.left, 2)) / Math.sqrt(Math.pow(t.top - n.top, 2) + Math.pow(t.left - n.left, 2)) * o.animation;
+}
+var ft = [], Qt = {
+  initializeByDefault: !0
+}, Ft = {
+  mount: function(t) {
+    for (var n in Qt)
+      Qt.hasOwnProperty(n) && !(n in t) && (t[n] = Qt[n]);
+    ft.forEach(function(o) {
+      if (o.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), ft.push(t);
+  },
+  pluginEvent: function(t, n, o) {
+    var i = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = t + "Global";
+    ft.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r]($({
+        sortable: n
+      }, o)), n.options[a.pluginName] && n[a.pluginName][t] && n[a.pluginName][t]($({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(t, n, o, i) {
+    ft.forEach(function(l) {
+      var s = l.pluginName;
+      if (!(!t.options[s] && !l.initializeByDefault)) {
+        var u = new l(t, n, t.options);
+        u.sortable = t, u.options = t.options, t[s] = u, K(o, u.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 o = {};
+    return ft.forEach(function(i) {
+      typeof i.eventProperties == "function" && K(o, i.eventProperties.call(n[i.pluginName], t));
+    }), o;
+  },
+  modifyOption: function(t, n, o) {
+    var i;
+    return ft.forEach(function(r) {
+      t[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (i = r.optionListeners[n].call(t[r.pluginName], o));
+    }), i;
+  }
+};
+function ln(e) {
+  var t = e.sortable, n = e.rootEl, o = e.name, i = e.targetEl, r = e.cloneEl, a = e.toEl, l = e.fromEl, s = e.oldIndex, u = e.newIndex, c = e.oldDraggableIndex, f = e.newDraggableIndex, m = e.originalEvent, w = e.putSortable, b = e.extraEventProperties;
+  if (t = t || n && n[B], !!t) {
+    var y, X = t.options, E = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !Z && !Pt ? y = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (y = document.createEvent("Event"), y.initEvent(o, !0, !0)), y.to = a || n, y.from = l || n, y.item = i || n, y.clone = r, y.oldIndex = s, y.newIndex = u, y.oldDraggableIndex = c, y.newDraggableIndex = f, y.originalEvent = m, y.pullMode = w ? w.lastPutMode : void 0;
+    var I = $($({}, b), Ft.getEventProperties(o, t));
+    for (var F in I)
+      y[F] = I[F];
+    n && n.dispatchEvent(y), X[E] && X[E].call(t, y);
+  }
+}
+var sn = ["evt"], R = function(t, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = o.evt, r = Ze(o, sn);
+  Ft.pluginEvent.bind(p)(t, n, $({
+    dragEl: d,
+    parentEl: T,
+    ghostEl: g,
+    rootEl: D,
+    nextEl: ut,
+    lastDownEl: Lt,
+    cloneEl: S,
+    cloneHidden: nt,
+    dragStarted: St,
+    putSortable: N,
+    activeSortable: p.active,
+    originalEvent: i,
+    oldIndex: pt,
+    oldDraggableIndex: At,
+    newIndex: H,
+    newDraggableIndex: et,
+    hideGhostForTarget: Le,
+    unhideGhostForTarget: He,
+    cloneNowHidden: function() {
+      nt = !0;
+    },
+    cloneNowShown: function() {
+      nt = !1;
+    },
+    dispatchSortableEvent: function(l) {
+      k({
+        sortable: n,
+        name: l,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function k(e) {
+  ln($({
+    putSortable: N,
+    cloneEl: S,
+    targetEl: d,
+    rootEl: D,
+    oldIndex: pt,
+    oldDraggableIndex: At,
+    newIndex: H,
+    newDraggableIndex: et
+  }, e));
+}
+var d, T, g, D, ut, Lt, S, nt, pt, H, At, et, kt, N, ht = !1, Vt = !1, zt = [], lt, G, te, ee, Te, Ce, St, ct, xt, Nt = !1, Rt = !1, Ht, P, ne = [], le = !1, Ut = [], qt = typeof document < "u", Bt = fe, Oe = Pt || Z ? "cssFloat" : "float", un = qt && !Ae && !fe && "draggable" in document.createElement("div"), Be = function() {
+  if (qt) {
+    if (Z)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), Xe = function(t, n) {
+  var o = h(t), i = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), r = mt(t, 0, n), a = mt(t, 1, n), l = r && h(r), s = a && h(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + O(r).width, c = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + O(a).width;
+  if (o.display === "flex")
+    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (o.display === "grid")
+    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && l.float && l.float !== "none") {
+    var f = l.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === f) ? "vertical" : "horizontal";
+  }
+  return r && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || u >= i && o[Oe] === "none" || a && o[Oe] === "none" && u + c > i) ? "vertical" : "horizontal";
+}, dn = function(t, n, o) {
+  var i = o ? t.left : t.top, r = o ? t.right : t.bottom, a = o ? t.width : t.height, l = o ? n.left : n.top, s = o ? n.right : n.bottom, u = o ? n.width : n.height;
+  return i === l || r === s || i + a / 2 === l + u / 2;
+}, fn = function(t, n) {
+  var o;
+  return zt.some(function(i) {
+    var r = i[B].options.emptyInsertThreshold;
+    if (!(!r || ce(i))) {
+      var a = O(i), l = t >= a.left - r && t <= a.right + r, s = n >= a.top - r && n <= a.bottom + r;
+      if (l && s)
+        return o = i;
+    }
+  }), o;
+}, Ye = function(t) {
+  function n(r, a) {
+    return function(l, s, u, c) {
+      var f = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
+      if (r == null && (a || f))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return n(r(l, s, u, c), a)(l, s, u, c);
+      var m = (a ? l : s).options.group.name;
+      return r === !0 || typeof r == "string" && r === m || r.join && r.indexOf(m) > -1;
+    };
+  }
+  var o = {}, i = t.group;
+  (!i || Yt(i) != "object") && (i = {
+    name: i
+  }), o.name = i.name, o.checkPull = n(i.pull, !0), o.checkPut = n(i.put), o.revertClone = i.revertClone, t.group = o;
+}, Le = function() {
+  !Be && g && h(g, "display", "none");
+}, He = function() {
+  !Be && g && h(g, "display", "");
+};
+qt && !Ae && document.addEventListener("click", function(e) {
+  if (Vt)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Vt = !1, !1;
+}, !0);
+var st = function(t) {
+  if (d) {
+    t = t.touches ? t.touches[0] : t;
+    var n = fn(t.clientX, t.clientY);
+    if (n) {
+      var o = {};
+      for (var i in t)
+        t.hasOwnProperty(i) && (o[i] = t[i]);
+      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[B]._onDragOver(o);
+    }
+  }
+}, cn = function(t) {
+  d && d.parentNode[B]._isOutsideThisEl(t.target);
+};
+function p(e, t) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = t = K({}, t), e[B] = this;
+  var n = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    // percentage; 0 <= x <= 1
+    invertSwap: !1,
+    // invert always
+    invertedSwapThreshold: null,
+    // will be set to same as swapThreshold if default
+    removeCloneOnHide: !0,
+    direction: function() {
+      return Xe(e, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(a, l) {
+      a.setData("Text", l.textContent);
+    },
+    dropBubble: !1,
+    dragoverBubble: !1,
+    dataIdAttr: "data-id",
+    delay: 0,
+    delayOnTouchOnly: !1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+    forceFallback: !1,
+    fallbackClass: "sortable-fallback",
+    fallbackOnBody: !1,
+    fallbackTolerance: 0,
+    fallbackOffset: {
+      x: 0,
+      y: 0
+    },
+    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
+    supportPointer: p.supportPointer !== !1 && "PointerEvent" in window && (!Ot || fe),
+    emptyInsertThreshold: 5
+  };
+  Ft.initializePlugins(this, e, n);
+  for (var o in n)
+    !(o in t) && (t[o] = n[o]);
+  Ye(t);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = t.forceFallback ? !1 : un, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? _(e, "pointerdown", this._onTapStart) : (_(e, "mousedown", this._onTapStart), _(e, "touchstart", this._onTapStart)), this.nativeDraggable && (_(e, "dragover", this), _(e, "dragenter", this)), zt.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), K(this, on());
+}
+p.prototype = /** @lends Sortable.prototype */
+{
+  constructor: p,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (ct = null);
+  },
+  _getDirection: function(t, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, t, n, d) : this.options.direction;
+  },
+  _onTapStart: function(t) {
+    if (t.cancelable) {
+      var n = this, o = this.el, i = this.options, r = i.preventOnFilter, a = t.type, l = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, s = (l || t).target, u = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || s, c = i.filter;
+      if (yn(o), !d && !(/mousedown|pointerdown/.test(a) && t.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Ot && s && s.tagName.toUpperCase() === "SELECT") && (s = V(s, i.draggable, o, !1), !(s && s.animated) && Lt !== s)) {
+        if (pt = W(s), At = W(s, i.draggable), typeof c == "function") {
+          if (c.call(this, t, s, this)) {
+            k({
+              sortable: n,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              toEl: o,
+              fromEl: o
+            }), R("filter", n, {
+              evt: t
+            }), r && t.preventDefault();
+            return;
+          }
+        } else if (c && (c = c.split(",").some(function(f) {
+          if (f = V(u, f.trim(), o, !1), f)
+            return k({
+              sortable: n,
+              rootEl: f,
+              name: "filter",
+              targetEl: s,
+              fromEl: o,
+              toEl: o
+            }), R("filter", n, {
+              evt: t
+            }), !0;
+        }), c)) {
+          r && t.preventDefault();
+          return;
+        }
+        i.handle && !V(u, i.handle, o, !1) || this._prepareDragStart(t, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(t, n, o) {
+    var i = this, r = i.el, a = i.options, l = r.ownerDocument, s;
+    if (o && !d && o.parentNode === r) {
+      var u = O(o);
+      if (D = r, d = o, T = d.parentNode, ut = d.nextSibling, Lt = o, kt = a.group, p.dragged = d, lt = {
+        target: d,
+        clientX: (n || t).clientX,
+        clientY: (n || t).clientY
+      }, Te = lt.clientX - u.left, Ce = lt.clientY - u.top, this._lastX = (n || t).clientX, this._lastY = (n || t).clientY, d.style["will-change"] = "all", s = function() {
+        if (R("delayEnded", i, {
+          evt: t
+        }), p.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !we && i.nativeDraggable && (d.draggable = !0), i._triggerDragStart(t, n), k({
+          sortable: i,
+          name: "choose",
+          originalEvent: t
+        }), L(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(c) {
+        Pe(d, c.trim(), oe);
+      }), _(l, "dragover", st), _(l, "mousemove", st), _(l, "touchmove", st), a.supportPointer ? (_(l, "pointerup", i._onDrop), !this.nativeDraggable && _(l, "pointercancel", i._onDrop)) : (_(l, "mouseup", i._onDrop), _(l, "touchend", i._onDrop), _(l, "touchcancel", i._onDrop)), we && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), R("delayStart", this, {
+        evt: t
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(Pt || Z))) {
+        if (p.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        a.supportPointer ? (_(l, "pointerup", i._disableDelayedDrag), _(l, "pointercancel", i._disableDelayedDrag)) : (_(l, "mouseup", i._disableDelayedDrag), _(l, "touchend", i._disableDelayedDrag), _(l, "touchcancel", i._disableDelayedDrag)), _(l, "mousemove", i._delayedDragTouchMoveHandler), _(l, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && _(l, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(s, a.delay);
+      } else
+        s();
+    }
+  },
+  _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() {
+    d && oe(d), 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, "pointerup", this._disableDelayedDrag), v(t, "pointercancel", 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 ? _(document, "pointermove", this._onTouchMove) : n ? _(document, "touchmove", this._onTouchMove) : _(document, "mousemove", this._onTouchMove) : (_(d, "dragend", this), _(D, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Wt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, n) {
+    if (ht = !1, D && d) {
+      R("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && _(document, "dragover", cn);
+      var o = this.options;
+      !t && L(d, o.dragClass, !1), L(d, o.ghostClass, !0), p.active = this, t && this._appendGhost(), k({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (G) {
+      this._lastX = G.clientX, this._lastY = G.clientY, Le();
+      for (var t = document.elementFromPoint(G.clientX, G.clientY), n = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(G.clientX, G.clientY), t !== n); )
+        n = t;
+      if (d.parentNode[B]._isOutsideThisEl(t), n)
+        do {
+          if (n[B]) {
+            var o = void 0;
+            if (o = n[B]._onDragOver({
+              clientX: G.clientX,
+              clientY: G.clientY,
+              target: t,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          t = n;
+        } while (n = Ne(n));
+      He();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (lt) {
+      var n = this.options, o = n.fallbackTolerance, i = n.fallbackOffset, r = t.touches ? t.touches[0] : t, a = g && gt(g, !0), l = g && a && a.a, s = g && a && a.d, u = Bt && P && Se(P), c = (r.clientX - lt.clientX + i.x) / (l || 1) + (u ? u[0] - ne[0] : 0) / (l || 1), f = (r.clientY - lt.clientY + i.y) / (s || 1) + (u ? u[1] - ne[1] : 0) / (s || 1);
+      if (!p.active && !ht) {
+        if (o && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (g) {
+        a ? (a.e += c - (te || 0), a.f += f - (ee || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: c,
+          f
+        };
+        var m = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        h(g, "webkitTransform", m), h(g, "mozTransform", m), h(g, "msTransform", m), h(g, "transform", m), te = c, ee = f, G = r;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!g) {
+      var t = this.options.fallbackOnBody ? document.body : D, n = O(d, !0, Bt, !0, t), o = this.options;
+      if (Bt) {
+        for (P = t; h(P, "position") === "static" && h(P, "transform") === "none" && P !== document; )
+          P = P.parentNode;
+        P !== document.body && P !== document.documentElement ? (P === document && (P = U()), n.top += P.scrollTop, n.left += P.scrollLeft) : P = U(), ne = Se(P);
+      }
+      g = d.cloneNode(!0), L(g, o.ghostClass, !1), L(g, o.fallbackClass, !0), L(g, o.dragClass, !0), h(g, "transition", ""), h(g, "transform", ""), h(g, "box-sizing", "border-box"), h(g, "margin", 0), h(g, "top", n.top), h(g, "left", n.left), h(g, "width", n.width), h(g, "height", n.height), h(g, "opacity", "0.8"), h(g, "position", Bt ? "absolute" : "fixed"), h(g, "zIndex", "100000"), h(g, "pointerEvents", "none"), p.ghost = g, t.appendChild(g), h(g, "transform-origin", Te / parseInt(g.style.width) * 100 + "% " + Ce / parseInt(g.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, n) {
+    var o = this, i = t.dataTransfer, r = o.options;
+    if (R("dragStart", this, {
+      evt: t
+    }), p.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    R("setupClone", this), p.eventCanceled || (S = ke(d), S.removeAttribute("id"), S.draggable = !1, S.style["will-change"] = "", this._hideClone(), L(S, this.options.chosenClass, !1), p.clone = S), o.cloneId = Wt(function() {
+      R("clone", o), !p.eventCanceled && (o.options.removeCloneOnHide || D.insertBefore(S, d), o._hideClone(), k({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && L(d, r.dragClass, !0), n ? (Vt = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (v(document, "mouseup", o._onDrop), v(document, "touchend", o._onDrop), v(document, "touchcancel", o._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(o, i, d)), _(document, "drop", o), h(d, "transform", "translateZ(0)")), ht = !0, o._dragStartId = Wt(o._dragStarted.bind(o, n, t)), _(document, "selectstart", o), St = !0, window.getSelection().removeAllRanges(), Ot && h(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, o = t.target, i, r, a, l = this.options, s = l.group, u = p.active, c = kt === s, f = l.sort, m = N || u, w, b = this, y = !1;
+    if (le) return;
+    function X(wt, je) {
+      R(wt, b, $({
+        evt: t,
+        isOwner: c,
+        axis: w ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: f,
+        fromSortable: m,
+        target: o,
+        completed: I,
+        onMove: function(ge, Ge) {
+          return Xt(D, n, d, i, ge, O(ge), t, Ge);
+        },
+        changed: F
+      }, je));
+    }
+    function E() {
+      X("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
+    }
+    function I(wt) {
+      return X("dragOverCompleted", {
+        insertion: wt
+      }), wt && (c ? u._hideClone() : u._showClone(b), b !== m && (L(d, N ? N.options.ghostClass : u.options.ghostClass, !1), L(d, l.ghostClass, !0)), N !== b && b !== p.active ? N = b : b === p.active && N && (N = null), m === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
+        X("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (o === d && !d.animated || o === n && !o.animated) && (ct = null), !l.dragoverBubble && !t.rootEl && o !== document && (d.parentNode[B]._isOutsideThisEl(t.target), !wt && st(t)), !l.dragoverBubble && t.stopPropagation && t.stopPropagation(), y = !0;
+    }
+    function F() {
+      H = W(d), et = W(d, l.draggable), k({
+        sortable: b,
+        name: "change",
+        toEl: n,
+        newIndex: H,
+        newDraggableIndex: et,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), o = V(o, l.draggable, n, !0), X("dragOver"), p.eventCanceled) return y;
+    if (d.contains(t.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
+      return I(!1);
+    if (Vt = !1, u && !l.disabled && (c ? f || (a = T !== D) : N === this || (this.lastPutMode = kt.checkPull(this, u, d, t)) && s.checkPut(this, u, d, t))) {
+      if (w = this._getDirection(t, o) === "vertical", i = O(d), X("dragOverValid"), p.eventCanceled) return y;
+      if (a)
+        return T = D, E(), this._hideClone(), X("revert"), p.eventCanceled || (ut ? D.insertBefore(d, ut) : D.appendChild(d)), I(!0);
+      var M = ce(n, l.draggable);
+      if (!M || mn(t, w, this) && !M.animated) {
+        if (M === d)
+          return I(!1);
+        if (M && n === t.target && (o = M), o && (r = O(o)), Xt(D, n, d, i, o, r, t, !!o) !== !1)
+          return E(), M && M.nextSibling ? n.insertBefore(d, M.nextSibling) : n.appendChild(d), T = n, F(), I(!0);
+      } else if (M && gn(t, w, this)) {
+        var it = mt(n, 0, l, !0);
+        if (it === d)
+          return I(!1);
+        if (o = it, r = O(o), Xt(D, n, d, i, o, r, t, !1) !== !1)
+          return E(), n.insertBefore(d, it), T = n, F(), I(!0);
+      } else if (o.parentNode === n) {
+        r = O(o);
+        var z = 0, rt, vt = d.parentNode !== n, Y = !dn(d.animated && d.toRect || i, o.animated && o.toRect || r, w), bt = w ? "top" : "left", Q = De(o, "top", "top") || De(d, "top", "top"), _t = Q ? Q.scrollTop : void 0;
+        ct !== o && (rt = r[bt], Nt = !1, Rt = !Y && l.invertSwap || vt), z = vn(t, o, r, w, Y ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Rt, ct === o);
+        var q;
+        if (z !== 0) {
+          var at = W(d);
+          do
+            at -= z, q = T.children[at];
+          while (q && (h(q, "display") === "none" || q === g));
+        }
+        if (z === 0 || q === o)
+          return I(!1);
+        ct = o, xt = z;
+        var yt = o.nextElementSibling, tt = !1;
+        tt = z === 1;
+        var Mt = Xt(D, n, d, i, o, r, t, tt);
+        if (Mt !== !1)
+          return (Mt === 1 || Mt === -1) && (tt = Mt === 1), le = !0, setTimeout(pn, 30), E(), tt && !yt ? n.appendChild(d) : o.parentNode.insertBefore(d, tt ? yt : o), Q && Me(Q, 0, _t - Q.scrollTop), T = d.parentNode, rt !== void 0 && !Rt && (Ht = Math.abs(rt - O(o)[bt])), F(), I(!0);
+      }
+      if (n.contains(d))
+        return I(!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", st), v(document, "mousemove", st), v(document, "touchmove", st);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    v(t, "mouseup", this._onDrop), v(t, "touchend", this._onDrop), v(t, "pointerup", this._onDrop), v(t, "pointercancel", this._onDrop), v(t, "touchcancel", this._onDrop), v(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var n = this.el, o = this.options;
+    if (H = W(d), et = W(d, o.draggable), R("drop", this, {
+      evt: t
+    }), T = d && d.parentNode, H = W(d), et = W(d, o.draggable), p.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    ht = !1, Rt = !1, Nt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), se(this.cloneId), se(this._dragStartId), this.nativeDraggable && (v(document, "drop", this), v(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ot && h(document.body, "user-select", ""), h(d, "transform", ""), t && (St && (t.cancelable && t.preventDefault(), !o.dropBubble && t.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (D === T || N && N.lastPutMode !== "clone") && S && S.parentNode && S.parentNode.removeChild(S), d && (this.nativeDraggable && v(d, "dragend", this), oe(d), d.style["will-change"] = "", St && !ht && L(d, N ? N.options.ghostClass : this.options.ghostClass, !1), L(d, this.options.chosenClass, !1), k({
+      sortable: this,
+      name: "unchoose",
+      toEl: T,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), D !== T ? (H >= 0 && (k({
+      rootEl: T,
+      name: "add",
+      toEl: T,
+      fromEl: D,
+      originalEvent: t
+    }), k({
+      sortable: this,
+      name: "remove",
+      toEl: T,
+      originalEvent: t
+    }), k({
+      rootEl: T,
+      name: "sort",
+      toEl: T,
+      fromEl: D,
+      originalEvent: t
+    }), k({
+      sortable: this,
+      name: "sort",
+      toEl: T,
+      originalEvent: t
+    })), N && N.save()) : H !== pt && H >= 0 && (k({
+      sortable: this,
+      name: "update",
+      toEl: T,
+      originalEvent: t
+    }), k({
+      sortable: this,
+      name: "sort",
+      toEl: T,
+      originalEvent: t
+    })), p.active && ((H == null || H === -1) && (H = pt, et = At), k({
+      sortable: this,
+      name: "end",
+      toEl: T,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    R("nulling", this), D = d = T = g = ut = S = Lt = nt = lt = G = St = H = et = pt = At = ct = xt = N = kt = p.dragged = p.ghost = p.clone = p.active = null, Ut.forEach(function(t) {
+      t.checked = !0;
+    }), Ut.length = te = ee = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(t), hn(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var t = [], n, o = this.el.children, i = 0, r = o.length, a = this.options; i < r; i++)
+      n = o[i], V(n, a.draggable, this.el, !1) && t.push(n.getAttribute(a.dataIdAttr) || _n(n));
+    return t;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(t, n) {
+    var o = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var l = i.children[a];
+      V(l, this.options.draggable, i, !1) && (o[r] = l);
+    }, this), n && this.captureAnimationState(), t.forEach(function(r) {
+      o[r] && (i.removeChild(o[r]), i.appendChild(o[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 V(t, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(t, n) {
+    var o = this.options;
+    if (n === void 0)
+      return o[t];
+    var i = Ft.modifyOption(this, t, n);
+    typeof i < "u" ? o[t] = i : o[t] = n, t === "group" && Ye(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    R("destroy", this);
+    var t = this.el;
+    t[B] = 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 (R("hideClone", this), p.eventCanceled) return;
+      h(S, "display", "none"), this.options.removeCloneOnHide && S.parentNode && S.parentNode.removeChild(S), nt = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (nt) {
+      if (R("showClone", this), p.eventCanceled) return;
+      d.parentNode == D && !this.options.group.revertClone ? D.insertBefore(S, d) : ut ? D.insertBefore(S, ut) : D.appendChild(S), this.options.group.revertClone && this.animate(d, S), h(S, "display", ""), nt = !1;
+    }
+  }
+};
+function hn(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function Xt(e, t, n, o, i, r, a, l) {
+  var s, u = e[B], c = u.options.onMove, f;
+  return window.CustomEvent && !Z && !Pt ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = t, s.from = e, s.dragged = n, s.draggedRect = o, s.related = i || t, s.relatedRect = r || O(t), s.willInsertAfter = l, s.originalEvent = a, e.dispatchEvent(s), c && (f = c.call(u, s, a)), f;
+}
+function oe(e) {
+  e.draggable = !1;
+}
+function pn() {
+  le = !1;
+}
+function gn(e, t, n) {
+  var o = O(mt(n.el, 0, n.options, !0)), i = Re(n.el, n.options, g), r = 10;
+  return t ? e.clientX < i.left - r || e.clientY < o.top && e.clientX < o.right : e.clientY < i.top - r || e.clientY < o.bottom && e.clientX < o.left;
+}
+function mn(e, t, n) {
+  var o = O(ce(n.el, n.options.draggable)), i = Re(n.el, n.options, g), r = 10;
+  return t ? e.clientX > i.right + r || e.clientY > o.bottom && e.clientX > o.left : e.clientY > i.bottom + r || e.clientX > o.right && e.clientY > o.top;
+}
+function vn(e, t, n, o, i, r, a, l) {
+  var s = o ? e.clientY : e.clientX, u = o ? n.height : n.width, c = o ? n.top : n.left, f = o ? n.bottom : n.right, m = !1;
+  if (!a) {
+    if (l && Ht < u * i) {
+      if (!Nt && (xt === 1 ? s > c + u * r / 2 : s < f - u * r / 2) && (Nt = !0), Nt)
+        m = !0;
+      else if (xt === 1 ? s < c + Ht : s > f - Ht)
+        return -xt;
+    } else if (s > c + u * (1 - i) / 2 && s < f - u * (1 - i) / 2)
+      return bn(t);
+  }
+  return m = m || a, m && (s < c + u * r / 2 || s > f - u * r / 2) ? s > c + u / 2 ? 1 : -1 : 0;
+}
+function bn(e) {
+  return W(d) < W(e) ? 1 : -1;
+}
+function _n(e) {
+  for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, o = 0; n--; )
+    o += t.charCodeAt(n);
+  return o.toString(36);
+}
+function yn(e) {
+  Ut.length = 0;
+  for (var t = e.getElementsByTagName("input"), n = t.length; n--; ) {
+    var o = t[n];
+    o.checked && Ut.push(o);
+  }
+}
+function Wt(e) {
+  return setTimeout(e, 0);
+}
+function se(e) {
+  return clearTimeout(e);
+}
+qt && _(document, "touchmove", function(e) {
+  (p.active || ht) && e.cancelable && e.preventDefault();
+});
+p.utils = {
+  on: _,
+  off: v,
+  css: h,
+  find: Pe,
+  is: function(t, n) {
+    return !!V(t, n, t, !1);
+  },
+  extend: en,
+  throttle: Fe,
+  closest: V,
+  toggleClass: L,
+  clone: ke,
+  index: W,
+  nextTick: Wt,
+  cancelNextTick: se,
+  detectDirection: Xe,
+  getChild: mt,
+  expando: B
+};
+p.get = function(e) {
+  return e[B];
+};
+p.mount = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  t[0].constructor === Array && (t = t[0]), t.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 = $($({}, p.utils), o.utils)), Ft.mount(o);
+  });
+};
+p.create = function(e, t) {
+  return new p(e, t);
+};
+p.version = Qe;
+var C = [], Tt, ue, de = !1, ie, re, $t, Ct;
+function wn() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var t in this)
+      t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(n) {
+      var o = n.originalEvent;
+      this.sortable.nativeDraggable ? _(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? _(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? _(document, "touchmove", this._handleFallbackAutoScroll) : _(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    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)), Ie(), jt(), nn();
+    },
+    nulling: function() {
+      $t = ue = Tt = de = Ct = ie = re = null, C.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var i = this, r = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(r, a);
+      if ($t = n, o || this.options.forceAutoScrollFallback || Pt || Z || Ot) {
+        ae(n, this.options, l, o);
+        var s = ot(l, !0);
+        de && (!Ct || r !== ie || a !== re) && (Ct && Ie(), Ct = setInterval(function() {
+          var u = ot(document.elementFromPoint(r, a), !0);
+          u !== s && (s = u, jt()), ae(n, i.options, u, o);
+        }, 10), ie = r, re = a);
+      } else {
+        if (!this.options.bubbleScroll || ot(l, !0) === U()) {
+          jt();
+          return;
+        }
+        ae(n, this.options, ot(l, !1), !1);
+      }
+    }
+  }, K(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function jt() {
+  C.forEach(function(e) {
+    clearInterval(e.pid);
+  }), C = [];
+}
+function Ie() {
+  clearInterval(Ct);
+}
+var ae = Fe(function(e, t, n, o) {
+  if (t.scroll) {
+    var i = (e.touches ? e.touches[0] : e).clientX, r = (e.touches ? e.touches[0] : e).clientY, a = t.scrollSensitivity, l = t.scrollSpeed, s = U(), u = !1, c;
+    ue !== n && (ue = n, jt(), Tt = t.scroll, c = t.scrollFn, Tt === !0 && (Tt = ot(n, !0)));
+    var f = 0, m = Tt;
+    do {
+      var w = m, b = O(w), y = b.top, X = b.bottom, E = b.left, I = b.right, F = b.width, M = b.height, it = void 0, z = void 0, rt = w.scrollWidth, vt = w.scrollHeight, Y = h(w), bt = w.scrollLeft, Q = w.scrollTop;
+      w === s ? (it = F < rt && (Y.overflowX === "auto" || Y.overflowX === "scroll" || Y.overflowX === "visible"), z = M < vt && (Y.overflowY === "auto" || Y.overflowY === "scroll" || Y.overflowY === "visible")) : (it = F < rt && (Y.overflowX === "auto" || Y.overflowX === "scroll"), z = M < vt && (Y.overflowY === "auto" || Y.overflowY === "scroll"));
+      var _t = it && (Math.abs(I - i) <= a && bt + F < rt) - (Math.abs(E - i) <= a && !!bt), q = z && (Math.abs(X - r) <= a && Q + M < vt) - (Math.abs(y - r) <= a && !!Q);
+      if (!C[f])
+        for (var at = 0; at <= f; at++)
+          C[at] || (C[at] = {});
+      (C[f].vx != _t || C[f].vy != q || C[f].el !== w) && (C[f].el = w, C[f].vx = _t, C[f].vy = q, clearInterval(C[f].pid), (_t != 0 || q != 0) && (u = !0, C[f].pid = setInterval((function() {
+        o && this.layer === 0 && p.active._onTouchMove($t);
+        var yt = C[this.layer].vy ? C[this.layer].vy * l : 0, tt = C[this.layer].vx ? C[this.layer].vx * l : 0;
+        typeof c == "function" && c.call(p.dragged.parentNode[B], tt, yt, e, $t, C[this.layer].el) !== "continue" || Me(C[this.layer].el, tt, yt);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (t.bubbleScroll && m !== s && (m = ot(m, !1)));
+    de = u;
+  }
+}, 30), We = function(t) {
+  var n = t.originalEvent, o = t.putSortable, i = t.dragEl, r = t.activeSortable, a = t.dispatchSortableEvent, l = t.hideGhostForTarget, s = t.unhideGhostForTarget;
+  if (n) {
+    var u = o || r;
+    l();
+    var c = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(c.clientX, c.clientY);
+    s(), u && !u.el.contains(f) && (a("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: o
+    }));
+  }
+};
+function he() {
+}
+he.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var n = t.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(t) {
+    var n = t.dragEl, o = t.putSortable;
+    this.sortable.captureAnimationState(), o && o.captureAnimationState();
+    var i = mt(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(n, i) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: We
+};
+K(he, {
+  pluginName: "revertOnSpill"
+});
+function pe() {
+}
+pe.prototype = {
+  onSpill: function(t) {
+    var n = t.dragEl, o = t.putSortable, i = o || this.sortable;
+    i.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), i.animateAll();
+  },
+  drop: We
+};
+K(pe, {
+  pluginName: "removeOnSpill"
+});
+p.mount(new wn());
+p.mount(pe, he);
+const En = {
+  components: { OutputDialog: qe },
+  data() {
+    return {
+      name: null,
+      icon: "astro:add-small",
+      url: null,
+      tools: [],
+      jsonContent: "",
+      dialogTitle: "",
+      showDialog: !1,
+      tool_id: null
+    };
+  },
+  mounted() {
+    this.update();
+    let e = document.getElementById("toollist");
+    p.create(e, {
+      filter: ".filter",
+      // 'filter' class is not draggable
+      onUpdate: this.sortChanged
+    });
+  },
+  methods: {
+    sortChanged(e) {
+      dt.post(`/openc3-api/tools/position/${this.tools[e.oldIndex]}`, {
+        data: {
+          position: e.newIndex
+        },
+        // Tools are global and are always installed into the DEFAULT scope
+        params: { scope: "DEFAULT" }
+      }).then((t) => {
+        this.$notify.normal({
+          title: `Reordered tool ${this.tools[e.oldIndex]}`
+        }), this.update();
+      });
+    },
+    update() {
+      dt.get("/openc3-api/tools", { params: { scope: "DEFAULT" } }).then(
+        (e) => {
+          this.tools = e.data, this.name = "", this.url = "";
+        }
+      );
+    },
+    add() {
+      dt.post("/openc3-api/tools", {
+        data: {
+          id: this.name,
+          json: JSON.stringify({
+            name: this.name,
+            icon: this.icon,
+            url: this.url,
+            window: "NEW"
+          })
+        },
+        // Tools are global and are always installed into the DEFAULT scope
+        params: { scope: "DEFAULT" }
+      }).then((e) => {
+        this.$notify.normal({
+          title: `Added tool ${this.name}`
+        }), this.update();
+      }).catch((e) => {
+        window.$cosmosNotify.serious({
+          title: `Failed to add tool ${this.name}`,
+          message: e.response.data
+        });
+      });
+    },
+    showTool(e) {
+      dt.get(`/openc3-api/tools/${e}`, {
+        // Tools are global and are always installed into the DEFAULT scope
+        params: { scope: "DEFAULT" }
+      }).then((t) => {
+        this.tool_id = e, this.jsonContent = JSON.stringify(t.data, null, "	"), this.dialogTitle = e, this.showDialog = !0;
+      });
+    },
+    dialogCallback(e) {
+      if (this.showDialog = !1, e !== null) {
+        let t = JSON.parse(e), n = "put", o = `/openc3-api/tools/${this.tool_id}`;
+        t.name !== this.tool_id && (n = "post", o = "/openc3-api/tools"), dt[n](o, {
+          data: {
+            json: e
+          },
+          // Tools are global and are always installed into the DEFAULT scope
+          params: { scope: "DEFAULT" }
+        }).then((i) => {
+          this.$notify.normal({
+            title: `Modified tool ${t.name}`
+          }), this.update();
+        });
+      }
+    },
+    deleteTool(e) {
+      this.$dialog.confirm(`Are you sure you want to remove: ${e}`, {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then(function(t) {
+        return dt.delete(`/openc3-api/tools/${e}`, {
+          // Tools are global and are always installed into the DEFAULT scope
+          params: { scope: "DEFAULT" }
+        });
+      }).then((t) => {
+        this.$notify.normal({
+          title: `Removed tool ${e}`
+        }), this.update();
+      });
+    }
+  }
+};
+function Dn(e, t, n, o, i, r) {
+  const a = j("v-icon"), l = j("v-btn"), s = j("v-col"), u = j("v-text-field"), c = j("v-row"), f = j("v-list-item-title"), m = j("v-tooltip"), w = j("v-list-item"), b = j("v-divider"), y = j("v-list"), X = j("output-dialog");
+  return Et(), Jt("div", null, [
+    A(c, {
+      "no-gutters": "",
+      align: "center",
+      style: { "padding-left": "10px" }
+    }, {
+      default: x(() => [
+        A(s, { cols: "3" }, {
+          default: x(() => [
+            A(l, {
+              block: "",
+              color: "primary",
+              "data-test": "toolAdd",
+              onClick: t[0] || (t[0] = (E) => r.add()),
+              disabled: !i.name || !i.url || !i.icon
+            }, {
+              default: x(() => [
+                t[5] || (t[5] = Dt(" Add ")),
+                A(a, {
+                  end: "",
+                  theme: "dark"
+                }, {
+                  default: x(() => [
+                    Dt(be(i.icon), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        }),
+        A(s, { cols: "3" }, {
+          default: x(() => [
+            A(u, {
+              modelValue: i.icon,
+              "onUpdate:modelValue": t[1] || (t[1] = (E) => i.icon = E),
+              label: "Tool Icon",
+              class: "px-2"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        A(s, { cols: "3" }, {
+          default: x(() => [
+            A(u, {
+              modelValue: i.name,
+              "onUpdate:modelValue": t[2] || (t[2] = (E) => i.name = E),
+              label: "Tool Name",
+              class: "px-2"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        A(s, {
+          cols: "3",
+          class: "px-2"
+        }, {
+          default: x(() => [
+            A(u, {
+              modelValue: i.url,
+              "onUpdate:modelValue": t[3] || (t[3] = (E) => i.url = E),
+              label: "Tool Url"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    t[10] || (t[10] = Kt("span", { class: "text-body1 pa-3" }, "Drag and drop to reorder tools in the NavBar. Note: 'Base' and 'Admin' can't be reordered. A browser refresh is required to see the new tool order.", -1)),
+    A(y, {
+      class: "list",
+      "data-test": "toolList",
+      id: "toollist"
+    }, {
+      default: x(() => [
+        (Et(!0), Jt(Ve, null, ze(i.tools, (E, I) => (Et(), Jt("div", { key: E }, [
+          A(w, {
+            class: Ue({ filter: E === "Base" || E === "Admin" }),
+            "prepend-icon": "mdi-drag-horizontal"
+          }, {
+            append: x(() => [
+              A(m, { location: "top" }, {
+                activator: x(({ props: F }) => [
+                  A(a, _e({ ref_for: !0 }, F, {
+                    onClick: (M) => r.showTool(E)
+                  }), {
+                    default: x(() => t[6] || (t[6] = [
+                      Dt(" mdi-eye ")
+                    ])),
+                    _: 2
+                  }, 1040, ["onClick"])
+                ]),
+                default: x(() => [
+                  t[7] || (t[7] = Kt("span", null, "Edit Tool", -1))
+                ]),
+                _: 2
+              }, 1024),
+              A(m, { location: "top" }, {
+                activator: x(({ props: F }) => [
+                  A(a, _e({ ref_for: !0 }, F, {
+                    onClick: (M) => r.deleteTool(E)
+                  }), {
+                    default: x(() => t[8] || (t[8] = [
+                      Dt(" mdi-delete ")
+                    ])),
+                    _: 2
+                  }, 1040, ["onClick"])
+                ]),
+                default: x(() => [
+                  t[9] || (t[9] = Kt("span", null, "Delete Tool", -1))
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            default: x(() => [
+              A(f, null, {
+                default: x(() => [
+                  Dt(be(E), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["class"]),
+          I < i.tools.length - 1 ? (Et(), me(b, { key: I })) : ve("", !0)
+        ]))), 128))
+      ]),
+      _: 1
+    }),
+    i.showDialog ? (Et(), me(X, {
+      key: 0,
+      modelValue: i.showDialog,
+      "onUpdate:modelValue": t[4] || (t[4] = (E) => i.showDialog = E),
+      content: i.jsonContent,
+      type: "Tool",
+      name: i.dialogTitle,
+      onSubmit: r.dialogCallback
+    }, null, 8, ["modelValue", "content", "name", "onSubmit"])) : ve("", !0)
+  ]);
+}
+const xn = /* @__PURE__ */ $e(En, [["render", Dn], ["__scopeId", "data-v-7473eb15"]]);
+export {
+  xn as default
+};
+//# sourceMappingURL=ToolsTab-NveeVXz2.js.map