@pantograph/vue 0.22.6 → 0.23.1

package/dist/Tree.vue_vue_type_style_index_0_lang-B1CdkAl_.js

@@ -0,0 +1,1805 @@
+import { defineComponent as tn, useSlots as nn, computed as A, useTemplateRef as _n, resolveComponent as Dn, createElementBlock as Xe, openBlock as me, mergeProps as st, unref as m, createCommentVNode as Ye, createVNode as ut, withDirectives as Cn, normalizeClass as Ae, withKeys as Xt, withCtx as Te, createBlock as Ue, renderSlot as $e, normalizeProps as Ge, guardReactiveProps as He, withModifiers as Yt, Fragment as Tn, createElementVNode as xn, toDisplayString as In, createSlots as on, renderList as rn, vShow as kn, ref as Le, watch as ot } from "vue";
+import { generateVariantClassList as we, getBemElement as fe, getBemModifier as Ot, getBemBlock as On, usePCId as Nn } from "@pantograph/utils";
+import { cva as an } from "class-variance-authority";
+import { r as j, f as Pn, u as An, v as Lt, q as Fn, w as $t, s as Mn } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { u as Gt } from "./uniq-D8HAKpFq.js";
+import { g as ln } from "./options-D4et5euX.js";
+import { createContext as Bn, RovingFocusItem as Rn, RovingFocusGroup as Kn } from "reka-ui";
+import { _ as zn } from "./IndentLevel.vue_vue_type_style_index_0_lang-BWLdpspA.js";
+import { _ as Xn } from "./Checkbox.vue_vue_type_style_index_0_lang-5tG-1ejh.js";
+import { U as Yn, u as Ln } from "./useInputDataStates-BVOCxFWp.js";
+import { useElementSize as $n } from "@vueuse/core";
+import sn from "vuedraggable";
+import { last as Gn } from "lodash-es";
+/**!
+ * Sortable 1.15.6
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Ht(o, e) {
+  var n = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(o);
+    e && (t = t.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(o, i).enumerable;
+    })), n.push.apply(n, t);
+  }
+  return n;
+}
+function be(o) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Ht(Object(n), !0).forEach(function(t) {
+      Hn(o, t, n[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(n)) : Ht(Object(n)).forEach(function(t) {
+      Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(n, t));
+    });
+  }
+  return o;
+}
+function dt(o) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? dt = function(e) {
+    return typeof e;
+  } : dt = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, dt(o);
+}
+function Hn(o, e, n) {
+  return e in o ? Object.defineProperty(o, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : o[e] = n, o;
+}
+function Se() {
+  return Se = Object.assign || function(o) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (o[t] = n[t]);
+    }
+    return o;
+  }, Se.apply(this, arguments);
+}
+function Vn(o, e) {
+  if (o == null) return {};
+  var n = {}, t = Object.keys(o), i, r;
+  for (r = 0; r < t.length; r++)
+    i = t[r], !(e.indexOf(i) >= 0) && (n[i] = o[i]);
+  return n;
+}
+function Wn(o, e) {
+  if (o == null) return {};
+  var n = Vn(o, e), t, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(o);
+    for (i = 0; i < r.length; i++)
+      t = r[i], !(e.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(o, t) && (n[t] = o[t]);
+  }
+  return n;
+}
+var jn = "1.15.6";
+function Ee(o) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(o);
+}
+var _e = Ee(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), tt = Ee(/Edge/i), Vt = Ee(/firefox/i), qe = Ee(/safari/i) && !Ee(/chrome/i) && !Ee(/android/i), Mt = Ee(/iP(ad|od|hone)/i), un = Ee(/chrome/i) && Ee(/android/i), dn = {
+  capture: !1,
+  passive: !1
+};
+function I(o, e, n) {
+  o.addEventListener(e, n, !_e && dn);
+}
+function x(o, e, n) {
+  o.removeEventListener(e, n, !_e && dn);
+}
+function gt(o, e) {
+  if (e) {
+    if (e[0] === ">" && (e = e.substring(1)), o)
+      try {
+        if (o.matches)
+          return o.matches(e);
+        if (o.msMatchesSelector)
+          return o.msMatchesSelector(e);
+        if (o.webkitMatchesSelector)
+          return o.webkitMatchesSelector(e);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function cn(o) {
+  return o.host && o !== document && o.host.nodeType ? o.host : o.parentNode;
+}
+function ce(o, e, n, t) {
+  if (o) {
+    n = n || document;
+    do {
+      if (e != null && (e[0] === ">" ? o.parentNode === n && gt(o, e) : gt(o, e)) || t && o === n)
+        return o;
+      if (o === n) break;
+    } while (o = cn(o));
+  }
+  return null;
+}
+var Wt = /\s+/g;
+function ne(o, e, n) {
+  if (o && e)
+    if (o.classList)
+      o.classList[n ? "add" : "remove"](e);
+    else {
+      var t = (" " + o.className + " ").replace(Wt, " ").replace(" " + e + " ", " ");
+      o.className = (t + (n ? " " + e : "")).replace(Wt, " ");
+    }
+}
+function E(o, e, n) {
+  var t = o && o.style;
+  if (t) {
+    if (n === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(o, "") : o.currentStyle && (n = o.currentStyle), e === void 0 ? n : n[e];
+    !(e in t) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), t[e] = n + (typeof n == "string" ? "" : "px");
+  }
+}
+function Ke(o, e) {
+  var n = "";
+  if (typeof o == "string")
+    n = o;
+  else
+    do {
+      var t = E(o, "transform");
+      t && t !== "none" && (n = t + " " + n);
+    } while (!e && (o = o.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(n);
+}
+function fn(o, e, n) {
+  if (o) {
+    var t = o.getElementsByTagName(e), i = 0, r = t.length;
+    if (n)
+      for (; i < r; i++)
+        n(t[i], i);
+    return t;
+  }
+  return [];
+}
+function ve() {
+  var o = document.scrollingElement;
+  return o || document.documentElement;
+}
+function X(o, e, n, t, i) {
+  if (!(!o.getBoundingClientRect && o !== window)) {
+    var r, a, l, s, u, p, f;
+    if (o !== window && o.parentNode && o !== ve() ? (r = o.getBoundingClientRect(), a = r.top, l = r.left, s = r.bottom, u = r.right, p = r.height, f = r.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, p = window.innerHeight, f = window.innerWidth), (e || n) && o !== window && (i = i || o.parentNode, !_e))
+      do
+        if (i && i.getBoundingClientRect && (E(i, "transform") !== "none" || n && E(i, "position") !== "static")) {
+          var b = i.getBoundingClientRect();
+          a -= b.top + parseInt(E(i, "border-top-width")), l -= b.left + parseInt(E(i, "border-left-width")), s = a + r.height, u = l + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (t && o !== window) {
+      var v = Ke(i || o), C = v && v.a, T = v && v.d;
+      v && (a /= T, l /= C, f /= C, p /= T, s = a + p, u = l + f);
+    }
+    return {
+      top: a,
+      left: l,
+      bottom: s,
+      right: u,
+      width: f,
+      height: p
+    };
+  }
+}
+function jt(o, e, n) {
+  for (var t = Ie(o, !0), i = X(o)[e]; t; ) {
+    var r = X(t)[n], a = void 0;
+    if (a = i >= r, !a) return t;
+    if (t === ve()) break;
+    t = Ie(t, !1);
+  }
+  return !1;
+}
+function ze(o, e, n, t) {
+  for (var i = 0, r = 0, a = o.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== S.ghost && (t || a[r] !== S.dragged) && ce(a[r], n.draggable, o, !1)) {
+      if (i === e)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function Bt(o, e) {
+  for (var n = o.lastElementChild; n && (n === S.ghost || E(n, "display") === "none" || e && !gt(n, e)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function se(o, e) {
+  var n = 0;
+  if (!o || !o.parentNode)
+    return -1;
+  for (; o = o.previousElementSibling; )
+    o.nodeName.toUpperCase() !== "TEMPLATE" && o !== S.clone && (!e || gt(o, e)) && n++;
+  return n;
+}
+function Ut(o) {
+  var e = 0, n = 0, t = ve();
+  if (o)
+    do {
+      var i = Ke(o), r = i.a, a = i.d;
+      e += o.scrollLeft * r, n += o.scrollTop * a;
+    } while (o !== t && (o = o.parentNode));
+  return [e, n];
+}
+function Un(o, e) {
+  for (var n in o)
+    if (o.hasOwnProperty(n)) {
+      for (var t in e)
+        if (e.hasOwnProperty(t) && e[t] === o[n][t]) return Number(n);
+    }
+  return -1;
+}
+function Ie(o, e) {
+  if (!o || !o.getBoundingClientRect) return ve();
+  var n = o, t = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var i = E(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 ve();
+        if (t || e) return n;
+        t = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return ve();
+}
+function qn(o, e) {
+  if (o && e)
+    for (var n in e)
+      e.hasOwnProperty(n) && (o[n] = e[n]);
+  return o;
+}
+function Et(o, e) {
+  return Math.round(o.top) === Math.round(e.top) && Math.round(o.left) === Math.round(e.left) && Math.round(o.height) === Math.round(e.height) && Math.round(o.width) === Math.round(e.width);
+}
+var Ze;
+function hn(o, e) {
+  return function() {
+    if (!Ze) {
+      var n = arguments, t = this;
+      n.length === 1 ? o.call(t, n[0]) : o.apply(t, n), Ze = setTimeout(function() {
+        Ze = void 0;
+      }, e);
+    }
+  };
+}
+function Zn() {
+  clearTimeout(Ze), Ze = void 0;
+}
+function pn(o, e, n) {
+  o.scrollLeft += e, o.scrollTop += n;
+}
+function gn(o) {
+  var e = window.Polymer, n = window.jQuery || window.Zepto;
+  return e && e.dom ? e.dom(o).cloneNode(!0) : n ? n(o).clone(!0)[0] : o.cloneNode(!0);
+}
+function mn(o, e, n) {
+  var t = {};
+  return Array.from(o.children).forEach(function(i) {
+    var r, a, l, s;
+    if (!(!ce(i, e.draggable, o, !1) || i.animated || i === n)) {
+      var u = X(i);
+      t.left = Math.min((r = t.left) !== null && r !== void 0 ? r : 1 / 0, u.left), t.top = Math.min((a = t.top) !== null && a !== void 0 ? a : 1 / 0, u.top), t.right = Math.max((l = t.right) !== null && l !== void 0 ? l : -1 / 0, u.right), t.bottom = Math.max((s = t.bottom) !== null && s !== void 0 ? s : -1 / 0, u.bottom);
+    }
+  }), t.width = t.right - t.left, t.height = t.bottom - t.top, t.x = t.left, t.y = t.top, t;
+}
+var ee = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function Qn() {
+  var o = [], e;
+  return {
+    captureAnimationState: function() {
+      if (o = [], !!this.options.animation) {
+        var t = [].slice.call(this.el.children);
+        t.forEach(function(i) {
+          if (!(E(i, "display") === "none" || i === S.ghost)) {
+            o.push({
+              target: i,
+              rect: X(i)
+            });
+            var r = be({}, o[o.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = Ke(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(t) {
+      o.push(t);
+    },
+    removeAnimationState: function(t) {
+      o.splice(Un(o, {
+        target: t
+      }), 1);
+    },
+    animateAll: function(t) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof t == "function" && t();
+        return;
+      }
+      var r = !1, a = 0;
+      o.forEach(function(l) {
+        var s = 0, u = l.target, p = u.fromRect, f = X(u), b = u.prevFromRect, v = u.prevToRect, C = l.rect, T = Ke(u, !0);
+        T && (f.top -= T.f, f.left -= T.e), u.toRect = f, u.thisAnimationDuration && Et(b, f) && !Et(p, f) && // Make sure animatingRect is on line between toRect & fromRect
+        (C.top - f.top) / (C.left - f.left) === (p.top - f.top) / (p.left - f.left) && (s = eo(C, b, v, i.options)), Et(f, p) || (u.prevFromRect = p, u.prevToRect = f, s || (s = i.options.animation), i.animate(u, C, 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(e), r ? e = setTimeout(function() {
+        typeof t == "function" && t();
+      }, a) : typeof t == "function" && t(), o = [];
+    },
+    animate: function(t, i, r, a) {
+      if (a) {
+        E(t, "transition", ""), E(t, "transform", "");
+        var l = Ke(this.el), s = l && l.a, u = l && l.d, p = (i.left - r.left) / (s || 1), f = (i.top - r.top) / (u || 1);
+        t.animatingX = !!p, t.animatingY = !!f, E(t, "transform", "translate3d(" + p + "px," + f + "px,0)"), this.forRepaintDummy = Jn(t), E(t, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), E(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
+          E(t, "transition", ""), E(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Jn(o) {
+  return o.offsetWidth;
+}
+function eo(o, e, n, t) {
+  return Math.sqrt(Math.pow(e.top - o.top, 2) + Math.pow(e.left - o.left, 2)) / Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) * t.animation;
+}
+var Fe = [], St = {
+  initializeByDefault: !0
+}, nt = {
+  mount: function(e) {
+    for (var n in St)
+      St.hasOwnProperty(n) && !(n in e) && (e[n] = St[n]);
+    Fe.forEach(function(t) {
+      if (t.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), Fe.push(e);
+  },
+  pluginEvent: function(e, n, t) {
+    var i = this;
+    this.eventCanceled = !1, t.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    Fe.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](be({
+        sortable: n
+      }, t)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](be({
+        sortable: n
+      }, t)));
+    });
+  },
+  initializePlugins: function(e, n, t, i) {
+    Fe.forEach(function(l) {
+      var s = l.pluginName;
+      if (!(!e.options[s] && !l.initializeByDefault)) {
+        var u = new l(e, n, e.options);
+        u.sortable = e, u.options = e.options, e[s] = u, Se(t, u.defaults);
+      }
+    });
+    for (var r in e.options)
+      if (e.options.hasOwnProperty(r)) {
+        var a = this.modifyOption(e, r, e.options[r]);
+        typeof a < "u" && (e.options[r] = a);
+      }
+  },
+  getEventProperties: function(e, n) {
+    var t = {};
+    return Fe.forEach(function(i) {
+      typeof i.eventProperties == "function" && Se(t, i.eventProperties.call(n[i.pluginName], e));
+    }), t;
+  },
+  modifyOption: function(e, n, t) {
+    var i;
+    return Fe.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (i = r.optionListeners[n].call(e[r.pluginName], t));
+    }), i;
+  }
+};
+function to(o) {
+  var e = o.sortable, n = o.rootEl, t = o.name, i = o.targetEl, r = o.cloneEl, a = o.toEl, l = o.fromEl, s = o.oldIndex, u = o.newIndex, p = o.oldDraggableIndex, f = o.newDraggableIndex, b = o.originalEvent, v = o.putSortable, C = o.extraEventProperties;
+  if (e = e || n && n[ee], !!e) {
+    var T, $ = e.options, H = "on" + t.charAt(0).toUpperCase() + t.substr(1);
+    window.CustomEvent && !_e && !tt ? T = new CustomEvent(t, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (T = document.createEvent("Event"), T.initEvent(t, !0, !0)), T.to = a || n, T.from = l || n, T.item = i || n, T.clone = r, T.oldIndex = s, T.newIndex = u, T.oldDraggableIndex = p, T.newDraggableIndex = f, T.originalEvent = b, T.pullMode = v ? v.lastPutMode : void 0;
+    var k = be(be({}, C), nt.getEventProperties(t, e));
+    for (var K in k)
+      T[K] = k[K];
+    n && n.dispatchEvent(T), $[H] && $[H].call(e, T);
+  }
+}
+var no = ["evt"], J = function(e, n) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = t.evt, r = Wn(t, no);
+  nt.pluginEvent.bind(S)(e, n, be({
+    dragEl: d,
+    parentEl: B,
+    ghostEl: D,
+    rootEl: P,
+    nextEl: Pe,
+    lastDownEl: ct,
+    cloneEl: F,
+    cloneHidden: xe,
+    dragStarted: Ve,
+    putSortable: G,
+    activeSortable: S.active,
+    originalEvent: i,
+    oldIndex: Re,
+    oldDraggableIndex: Qe,
+    newIndex: oe,
+    newDraggableIndex: Ce,
+    hideGhostForTarget: wn,
+    unhideGhostForTarget: En,
+    cloneNowHidden: function() {
+      xe = !0;
+    },
+    cloneNowShown: function() {
+      xe = !1;
+    },
+    dispatchSortableEvent: function(l) {
+      q({
+        sortable: n,
+        name: l,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function q(o) {
+  to(be({
+    putSortable: G,
+    cloneEl: F,
+    targetEl: d,
+    rootEl: P,
+    oldIndex: Re,
+    oldDraggableIndex: Qe,
+    newIndex: oe,
+    newDraggableIndex: Ce
+  }, o));
+}
+var d, B, D, P, Pe, ct, F, xe, Re, oe, Qe, Ce, it, G, Be = !1, mt = !1, vt = [], Oe, de, _t, Dt, qt, Zt, Ve, Me, Je, et = !1, rt = !1, ft, W, Ct = [], Nt = !1, bt = [], wt = typeof document < "u", at = Mt, Qt = tt || _e ? "cssFloat" : "float", oo = wt && !un && !Mt && "draggable" in document.createElement("div"), vn = function() {
+  if (wt) {
+    if (_e)
+      return !1;
+    var o = document.createElement("x");
+    return o.style.cssText = "pointer-events:auto", o.style.pointerEvents === "auto";
+  }
+}(), bn = function(e, n) {
+  var t = E(e), i = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), r = ze(e, 0, n), a = ze(e, 1, n), l = r && E(r), s = a && E(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + X(r).width, p = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + X(a).width;
+  if (t.display === "flex")
+    return t.flexDirection === "column" || t.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (t.display === "grid")
+    return t.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 && t[Qt] === "none" || a && t[Qt] === "none" && u + p > i) ? "vertical" : "horizontal";
+}, io = function(e, n, t) {
+  var i = t ? e.left : e.top, r = t ? e.right : e.bottom, a = t ? e.width : e.height, l = t ? n.left : n.top, s = t ? n.right : n.bottom, u = t ? n.width : n.height;
+  return i === l || r === s || i + a / 2 === l + u / 2;
+}, ro = function(e, n) {
+  var t;
+  return vt.some(function(i) {
+    var r = i[ee].options.emptyInsertThreshold;
+    if (!(!r || Bt(i))) {
+      var a = X(i), l = e >= a.left - r && e <= a.right + r, s = n >= a.top - r && n <= a.bottom + r;
+      if (l && s)
+        return t = i;
+    }
+  }), t;
+}, yn = function(e) {
+  function n(r, a) {
+    return function(l, s, u, p) {
+      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, p), a)(l, s, u, p);
+      var b = (a ? l : s).options.group.name;
+      return r === !0 || typeof r == "string" && r === b || r.join && r.indexOf(b) > -1;
+    };
+  }
+  var t = {}, i = e.group;
+  (!i || dt(i) != "object") && (i = {
+    name: i
+  }), t.name = i.name, t.checkPull = n(i.pull, !0), t.checkPut = n(i.put), t.revertClone = i.revertClone, e.group = t;
+}, wn = function() {
+  !vn && D && E(D, "display", "none");
+}, En = function() {
+  !vn && D && E(D, "display", "");
+};
+wt && !un && document.addEventListener("click", function(o) {
+  if (mt)
+    return o.preventDefault(), o.stopPropagation && o.stopPropagation(), o.stopImmediatePropagation && o.stopImmediatePropagation(), mt = !1, !1;
+}, !0);
+var Ne = function(e) {
+  if (d) {
+    e = e.touches ? e.touches[0] : e;
+    var n = ro(e.clientX, e.clientY);
+    if (n) {
+      var t = {};
+      for (var i in e)
+        e.hasOwnProperty(i) && (t[i] = e[i]);
+      t.target = t.rootEl = n, t.preventDefault = void 0, t.stopPropagation = void 0, n[ee]._onDragOver(t);
+    }
+  }
+}, ao = function(e) {
+  d && d.parentNode[ee]._isOutsideThisEl(e.target);
+};
+function S(o, e) {
+  if (!(o && o.nodeType && o.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(o));
+  this.el = o, this.options = e = Se({}, e), o[ee] = this;
+  var n = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(o.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 bn(o, 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: S.supportPointer !== !1 && "PointerEvent" in window && (!qe || Mt),
+    emptyInsertThreshold: 5
+  };
+  nt.initializePlugins(this, o, n);
+  for (var t in n)
+    !(t in e) && (e[t] = n[t]);
+  yn(e);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : oo, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? I(o, "pointerdown", this._onTapStart) : (I(o, "mousedown", this._onTapStart), I(o, "touchstart", this._onTapStart)), this.nativeDraggable && (I(o, "dragover", this), I(o, "dragenter", this)), vt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Se(this, Qn());
+}
+S.prototype = /** @lends Sortable.prototype */
+{
+  constructor: S,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (Me = null);
+  },
+  _getDirection: function(e, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, d) : this.options.direction;
+  },
+  _onTapStart: function(e) {
+    if (e.cancelable) {
+      var n = this, t = this.el, i = this.options, r = i.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, p = i.filter;
+      if (go(t), !d && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && qe && s && s.tagName.toUpperCase() === "SELECT") && (s = ce(s, i.draggable, t, !1), !(s && s.animated) && ct !== s)) {
+        if (Re = se(s), Qe = se(s, i.draggable), typeof p == "function") {
+          if (p.call(this, e, s, this)) {
+            q({
+              sortable: n,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              toEl: t,
+              fromEl: t
+            }), J("filter", n, {
+              evt: e
+            }), r && e.preventDefault();
+            return;
+          }
+        } else if (p && (p = p.split(",").some(function(f) {
+          if (f = ce(u, f.trim(), t, !1), f)
+            return q({
+              sortable: n,
+              rootEl: f,
+              name: "filter",
+              targetEl: s,
+              fromEl: t,
+              toEl: t
+            }), J("filter", n, {
+              evt: e
+            }), !0;
+        }), p)) {
+          r && e.preventDefault();
+          return;
+        }
+        i.handle && !ce(u, i.handle, t, !1) || this._prepareDragStart(e, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, t) {
+    var i = this, r = i.el, a = i.options, l = r.ownerDocument, s;
+    if (t && !d && t.parentNode === r) {
+      var u = X(t);
+      if (P = r, d = t, B = d.parentNode, Pe = d.nextSibling, ct = t, it = a.group, S.dragged = d, Oe = {
+        target: d,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, qt = Oe.clientX - u.left, Zt = Oe.clientY - u.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, d.style["will-change"] = "all", s = function() {
+        if (J("delayEnded", i, {
+          evt: e
+        }), S.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !Vt && i.nativeDraggable && (d.draggable = !0), i._triggerDragStart(e, n), q({
+          sortable: i,
+          name: "choose",
+          originalEvent: e
+        }), ne(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(p) {
+        fn(d, p.trim(), Tt);
+      }), I(l, "dragover", Ne), I(l, "mousemove", Ne), I(l, "touchmove", Ne), a.supportPointer ? (I(l, "pointerup", i._onDrop), !this.nativeDraggable && I(l, "pointercancel", i._onDrop)) : (I(l, "mouseup", i._onDrop), I(l, "touchend", i._onDrop), I(l, "touchcancel", i._onDrop)), Vt && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), J("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(tt || _e))) {
+        if (S.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        a.supportPointer ? (I(l, "pointerup", i._disableDelayedDrag), I(l, "pointercancel", i._disableDelayedDrag)) : (I(l, "mouseup", i._disableDelayedDrag), I(l, "touchend", i._disableDelayedDrag), I(l, "touchcancel", i._disableDelayedDrag)), I(l, "mousemove", i._delayedDragTouchMoveHandler), I(l, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && I(l, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(s, a.delay);
+      } else
+        s();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(e) {
+    var n = e.touches ? e.touches[0] : e;
+    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    d && Tt(d), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var e = this.el.ownerDocument;
+    x(e, "mouseup", this._disableDelayedDrag), x(e, "touchend", this._disableDelayedDrag), x(e, "touchcancel", this._disableDelayedDrag), x(e, "pointerup", this._disableDelayedDrag), x(e, "pointercancel", this._disableDelayedDrag), x(e, "mousemove", this._delayedDragTouchMoveHandler), x(e, "touchmove", this._delayedDragTouchMoveHandler), x(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, n) {
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? I(document, "pointermove", this._onTouchMove) : n ? I(document, "touchmove", this._onTouchMove) : I(document, "mousemove", this._onTouchMove) : (I(d, "dragend", this), I(P, "dragstart", this._onDragStart));
+    try {
+      document.selection ? ht(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (Be = !1, P && d) {
+      J("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && I(document, "dragover", ao);
+      var t = this.options;
+      !e && ne(d, t.dragClass, !1), ne(d, t.ghostClass, !0), S.active = this, e && this._appendGhost(), q({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (de) {
+      this._lastX = de.clientX, this._lastY = de.clientY, wn();
+      for (var e = document.elementFromPoint(de.clientX, de.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(de.clientX, de.clientY), e !== n); )
+        n = e;
+      if (d.parentNode[ee]._isOutsideThisEl(e), n)
+        do {
+          if (n[ee]) {
+            var t = void 0;
+            if (t = n[ee]._onDragOver({
+              clientX: de.clientX,
+              clientY: de.clientY,
+              target: e,
+              rootEl: n
+            }), t && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = cn(n));
+      En();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (Oe) {
+      var n = this.options, t = n.fallbackTolerance, i = n.fallbackOffset, r = e.touches ? e.touches[0] : e, a = D && Ke(D, !0), l = D && a && a.a, s = D && a && a.d, u = at && W && Ut(W), p = (r.clientX - Oe.clientX + i.x) / (l || 1) + (u ? u[0] - Ct[0] : 0) / (l || 1), f = (r.clientY - Oe.clientY + i.y) / (s || 1) + (u ? u[1] - Ct[1] : 0) / (s || 1);
+      if (!S.active && !Be) {
+        if (t && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < t)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (D) {
+        a ? (a.e += p - (_t || 0), a.f += f - (Dt || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: p,
+          f
+        };
+        var b = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        E(D, "webkitTransform", b), E(D, "mozTransform", b), E(D, "msTransform", b), E(D, "transform", b), _t = p, Dt = f, de = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!D) {
+      var e = this.options.fallbackOnBody ? document.body : P, n = X(d, !0, at, !0, e), t = this.options;
+      if (at) {
+        for (W = e; E(W, "position") === "static" && E(W, "transform") === "none" && W !== document; )
+          W = W.parentNode;
+        W !== document.body && W !== document.documentElement ? (W === document && (W = ve()), n.top += W.scrollTop, n.left += W.scrollLeft) : W = ve(), Ct = Ut(W);
+      }
+      D = d.cloneNode(!0), ne(D, t.ghostClass, !1), ne(D, t.fallbackClass, !0), ne(D, t.dragClass, !0), E(D, "transition", ""), E(D, "transform", ""), E(D, "box-sizing", "border-box"), E(D, "margin", 0), E(D, "top", n.top), E(D, "left", n.left), E(D, "width", n.width), E(D, "height", n.height), E(D, "opacity", "0.8"), E(D, "position", at ? "absolute" : "fixed"), E(D, "zIndex", "100000"), E(D, "pointerEvents", "none"), S.ghost = D, e.appendChild(D), E(D, "transform-origin", qt / parseInt(D.style.width) * 100 + "% " + Zt / parseInt(D.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var t = this, i = e.dataTransfer, r = t.options;
+    if (J("dragStart", this, {
+      evt: e
+    }), S.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    J("setupClone", this), S.eventCanceled || (F = gn(d), F.removeAttribute("id"), F.draggable = !1, F.style["will-change"] = "", this._hideClone(), ne(F, this.options.chosenClass, !1), S.clone = F), t.cloneId = ht(function() {
+      J("clone", t), !S.eventCanceled && (t.options.removeCloneOnHide || P.insertBefore(F, d), t._hideClone(), q({
+        sortable: t,
+        name: "clone"
+      }));
+    }), !n && ne(d, r.dragClass, !0), n ? (mt = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (x(document, "mouseup", t._onDrop), x(document, "touchend", t._onDrop), x(document, "touchcancel", t._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(t, i, d)), I(document, "drop", t), E(d, "transform", "translateZ(0)")), Be = !0, t._dragStartId = ht(t._dragStarted.bind(t, n, e)), I(document, "selectstart", t), Ve = !0, window.getSelection().removeAllRanges(), qe && E(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(e) {
+    var n = this.el, t = e.target, i, r, a, l = this.options, s = l.group, u = S.active, p = it === s, f = l.sort, b = G || u, v, C = this, T = !1;
+    if (Nt) return;
+    function $(y, O) {
+      J(y, C, be({
+        evt: e,
+        isOwner: p,
+        axis: v ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: f,
+        fromSortable: b,
+        target: t,
+        completed: k,
+        onMove: function(le, g) {
+          return lt(P, n, d, i, le, X(le), e, g);
+        },
+        changed: K
+      }, O));
+    }
+    function H() {
+      $("dragOverAnimationCapture"), C.captureAnimationState(), C !== b && b.captureAnimationState();
+    }
+    function k(y) {
+      return $("dragOverCompleted", {
+        insertion: y
+      }), y && (p ? u._hideClone() : u._showClone(C), C !== b && (ne(d, G ? G.options.ghostClass : u.options.ghostClass, !1), ne(d, l.ghostClass, !0)), G !== C && C !== S.active ? G = C : C === S.active && G && (G = null), b === C && (C._ignoreWhileAnimating = t), C.animateAll(function() {
+        $("dragOverAnimationComplete"), C._ignoreWhileAnimating = null;
+      }), C !== b && (b.animateAll(), b._ignoreWhileAnimating = null)), (t === d && !d.animated || t === n && !t.animated) && (Me = null), !l.dragoverBubble && !e.rootEl && t !== document && (d.parentNode[ee]._isOutsideThisEl(e.target), !y && Ne(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), T = !0;
+    }
+    function K() {
+      oe = se(d), Ce = se(d, l.draggable), q({
+        sortable: C,
+        name: "change",
+        toEl: n,
+        newIndex: oe,
+        newDraggableIndex: Ce,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = ce(t, l.draggable, n, !0), $("dragOver"), S.eventCanceled) return T;
+    if (d.contains(e.target) || t.animated && t.animatingX && t.animatingY || C._ignoreWhileAnimating === t)
+      return k(!1);
+    if (mt = !1, u && !l.disabled && (p ? f || (a = B !== P) : G === this || (this.lastPutMode = it.checkPull(this, u, d, e)) && s.checkPut(this, u, d, e))) {
+      if (v = this._getDirection(e, t) === "vertical", i = X(d), $("dragOverValid"), S.eventCanceled) return T;
+      if (a)
+        return B = P, H(), this._hideClone(), $("revert"), S.eventCanceled || (Pe ? P.insertBefore(d, Pe) : P.appendChild(d)), k(!0);
+      var M = Bt(n, l.draggable);
+      if (!M || co(e, v, this) && !M.animated) {
+        if (M === d)
+          return k(!1);
+        if (M && n === e.target && (t = M), t && (r = X(t)), lt(P, n, d, i, t, r, e, !!t) !== !1)
+          return H(), M && M.nextSibling ? n.insertBefore(d, M.nextSibling) : n.appendChild(d), B = n, K(), k(!0);
+      } else if (M && uo(e, v, this)) {
+        var U = ze(n, 0, l, !0);
+        if (U === d)
+          return k(!1);
+        if (t = U, r = X(t), lt(P, n, d, i, t, r, e, !1) !== !1)
+          return H(), n.insertBefore(d, U), B = n, K(), k(!0);
+      } else if (t.parentNode === n) {
+        r = X(t);
+        var R = 0, ie, re = d.parentNode !== n, N = !io(d.animated && d.toRect || i, t.animated && t.toRect || r, v), ye = v ? "top" : "left", ae = jt(t, "top", "top") || jt(d, "top", "top"), he = ae ? ae.scrollTop : void 0;
+        Me !== t && (ie = r[ye], et = !1, rt = !N && l.invertSwap || re), R = fo(e, t, r, v, N ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, rt, Me === t);
+        var V;
+        if (R !== 0) {
+          var L = se(d);
+          do
+            L -= R, V = B.children[L];
+          while (V && (E(V, "display") === "none" || V === D));
+        }
+        if (R === 0 || V === t)
+          return k(!1);
+        Me = t, Je = R;
+        var pe = t.nextElementSibling, Z = !1;
+        Z = R === 1;
+        var De = lt(P, n, d, i, t, r, e, Z);
+        if (De !== !1)
+          return (De === 1 || De === -1) && (Z = De === 1), Nt = !0, setTimeout(so, 30), H(), Z && !pe ? n.appendChild(d) : t.parentNode.insertBefore(d, Z ? pe : t), ae && pn(ae, 0, he - ae.scrollTop), B = d.parentNode, ie !== void 0 && !rt && (ft = Math.abs(ie - X(t)[ye])), K(), k(!0);
+      }
+      if (n.contains(d))
+        return k(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    x(document, "mousemove", this._onTouchMove), x(document, "touchmove", this._onTouchMove), x(document, "pointermove", this._onTouchMove), x(document, "dragover", Ne), x(document, "mousemove", Ne), x(document, "touchmove", Ne);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    x(e, "mouseup", this._onDrop), x(e, "touchend", this._onDrop), x(e, "pointerup", this._onDrop), x(e, "pointercancel", this._onDrop), x(e, "touchcancel", this._onDrop), x(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var n = this.el, t = this.options;
+    if (oe = se(d), Ce = se(d, t.draggable), J("drop", this, {
+      evt: e
+    }), B = d && d.parentNode, oe = se(d), Ce = se(d, t.draggable), S.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    Be = !1, rt = !1, et = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Pt(this.cloneId), Pt(this._dragStartId), this.nativeDraggable && (x(document, "drop", this), x(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), qe && E(document.body, "user-select", ""), E(d, "transform", ""), e && (Ve && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), (P === B || G && G.lastPutMode !== "clone") && F && F.parentNode && F.parentNode.removeChild(F), d && (this.nativeDraggable && x(d, "dragend", this), Tt(d), d.style["will-change"] = "", Ve && !Be && ne(d, G ? G.options.ghostClass : this.options.ghostClass, !1), ne(d, this.options.chosenClass, !1), q({
+      sortable: this,
+      name: "unchoose",
+      toEl: B,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), P !== B ? (oe >= 0 && (q({
+      rootEl: B,
+      name: "add",
+      toEl: B,
+      fromEl: P,
+      originalEvent: e
+    }), q({
+      sortable: this,
+      name: "remove",
+      toEl: B,
+      originalEvent: e
+    }), q({
+      rootEl: B,
+      name: "sort",
+      toEl: B,
+      fromEl: P,
+      originalEvent: e
+    }), q({
+      sortable: this,
+      name: "sort",
+      toEl: B,
+      originalEvent: e
+    })), G && G.save()) : oe !== Re && oe >= 0 && (q({
+      sortable: this,
+      name: "update",
+      toEl: B,
+      originalEvent: e
+    }), q({
+      sortable: this,
+      name: "sort",
+      toEl: B,
+      originalEvent: e
+    })), S.active && ((oe == null || oe === -1) && (oe = Re, Ce = Qe), q({
+      sortable: this,
+      name: "end",
+      toEl: B,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    J("nulling", this), P = d = B = D = Pe = F = ct = xe = Oe = de = Ve = oe = Ce = Re = Qe = Me = Je = G = it = S.dragged = S.ghost = S.clone = S.active = null, bt.forEach(function(e) {
+      e.checked = !0;
+    }), bt.length = _t = Dt = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(e), lo(e));
+        break;
+      case "selectstart":
+        e.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var e = [], n, t = this.el.children, i = 0, r = t.length, a = this.options; i < r; i++)
+      n = t[i], ce(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || po(n));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, n) {
+    var t = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var l = i.children[a];
+      ce(l, this.options.draggable, i, !1) && (t[r] = l);
+    }, this), n && this.captureAnimationState(), e.forEach(function(r) {
+      t[r] && (i.removeChild(t[r]), i.appendChild(t[r]));
+    }), n && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var e = this.options.store;
+    e && e.set && e.set(this);
+  },
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
+   */
+  closest: function(e, n) {
+    return ce(e, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(e, n) {
+    var t = this.options;
+    if (n === void 0)
+      return t[e];
+    var i = nt.modifyOption(this, e, n);
+    typeof i < "u" ? t[e] = i : t[e] = n, e === "group" && yn(t);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    J("destroy", this);
+    var e = this.el;
+    e[ee] = null, x(e, "mousedown", this._onTapStart), x(e, "touchstart", this._onTapStart), x(e, "pointerdown", this._onTapStart), this.nativeDraggable && (x(e, "dragover", this), x(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), vt.splice(vt.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!xe) {
+      if (J("hideClone", this), S.eventCanceled) return;
+      E(F, "display", "none"), this.options.removeCloneOnHide && F.parentNode && F.parentNode.removeChild(F), xe = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (xe) {
+      if (J("showClone", this), S.eventCanceled) return;
+      d.parentNode == P && !this.options.group.revertClone ? P.insertBefore(F, d) : Pe ? P.insertBefore(F, Pe) : P.appendChild(F), this.options.group.revertClone && this.animate(d, F), E(F, "display", ""), xe = !1;
+    }
+  }
+};
+function lo(o) {
+  o.dataTransfer && (o.dataTransfer.dropEffect = "move"), o.cancelable && o.preventDefault();
+}
+function lt(o, e, n, t, i, r, a, l) {
+  var s, u = o[ee], p = u.options.onMove, f;
+  return window.CustomEvent && !_e && !tt ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = o, s.dragged = n, s.draggedRect = t, s.related = i || e, s.relatedRect = r || X(e), s.willInsertAfter = l, s.originalEvent = a, o.dispatchEvent(s), p && (f = p.call(u, s, a)), f;
+}
+function Tt(o) {
+  o.draggable = !1;
+}
+function so() {
+  Nt = !1;
+}
+function uo(o, e, n) {
+  var t = X(ze(n.el, 0, n.options, !0)), i = mn(n.el, n.options, D), r = 10;
+  return e ? o.clientX < i.left - r || o.clientY < t.top && o.clientX < t.right : o.clientY < i.top - r || o.clientY < t.bottom && o.clientX < t.left;
+}
+function co(o, e, n) {
+  var t = X(Bt(n.el, n.options.draggable)), i = mn(n.el, n.options, D), r = 10;
+  return e ? o.clientX > i.right + r || o.clientY > t.bottom && o.clientX > t.left : o.clientY > i.bottom + r || o.clientX > t.right && o.clientY > t.top;
+}
+function fo(o, e, n, t, i, r, a, l) {
+  var s = t ? o.clientY : o.clientX, u = t ? n.height : n.width, p = t ? n.top : n.left, f = t ? n.bottom : n.right, b = !1;
+  if (!a) {
+    if (l && ft < u * i) {
+      if (!et && (Je === 1 ? s > p + u * r / 2 : s < f - u * r / 2) && (et = !0), et)
+        b = !0;
+      else if (Je === 1 ? s < p + ft : s > f - ft)
+        return -Je;
+    } else if (s > p + u * (1 - i) / 2 && s < f - u * (1 - i) / 2)
+      return ho(e);
+  }
+  return b = b || a, b && (s < p + u * r / 2 || s > f - u * r / 2) ? s > p + u / 2 ? 1 : -1 : 0;
+}
+function ho(o) {
+  return se(d) < se(o) ? 1 : -1;
+}
+function po(o) {
+  for (var e = o.tagName + o.className + o.src + o.href + o.textContent, n = e.length, t = 0; n--; )
+    t += e.charCodeAt(n);
+  return t.toString(36);
+}
+function go(o) {
+  bt.length = 0;
+  for (var e = o.getElementsByTagName("input"), n = e.length; n--; ) {
+    var t = e[n];
+    t.checked && bt.push(t);
+  }
+}
+function ht(o) {
+  return setTimeout(o, 0);
+}
+function Pt(o) {
+  return clearTimeout(o);
+}
+wt && I(document, "touchmove", function(o) {
+  (S.active || Be) && o.cancelable && o.preventDefault();
+});
+S.utils = {
+  on: I,
+  off: x,
+  css: E,
+  find: fn,
+  is: function(e, n) {
+    return !!ce(e, n, e, !1);
+  },
+  extend: qn,
+  throttle: hn,
+  closest: ce,
+  toggleClass: ne,
+  clone: gn,
+  index: se,
+  nextTick: ht,
+  cancelNextTick: Pt,
+  detectDirection: bn,
+  getChild: ze,
+  expando: ee
+};
+S.get = function(o) {
+  return o[ee];
+};
+S.mount = function() {
+  for (var o = arguments.length, e = new Array(o), n = 0; n < o; n++)
+    e[n] = arguments[n];
+  e[0].constructor === Array && (e = e[0]), e.forEach(function(t) {
+    if (!t.prototype || !t.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));
+    t.utils && (S.utils = be(be({}, S.utils), t.utils)), nt.mount(t);
+  });
+};
+S.create = function(o, e) {
+  return new S(o, e);
+};
+S.version = jn;
+var z = [], We, At, Ft = !1, xt, It, yt, je;
+function mo() {
+  function o() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var e in this)
+      e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+  }
+  return o.prototype = {
+    dragStarted: function(n) {
+      var t = n.originalEvent;
+      this.sortable.nativeDraggable ? I(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? I(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? I(document, "touchmove", this._handleFallbackAutoScroll) : I(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var t = n.originalEvent;
+      !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? x(document, "dragover", this._handleAutoScroll) : (x(document, "pointermove", this._handleFallbackAutoScroll), x(document, "touchmove", this._handleFallbackAutoScroll), x(document, "mousemove", this._handleFallbackAutoScroll)), Jt(), pt(), Zn();
+    },
+    nulling: function() {
+      yt = At = We = Ft = je = xt = It = null, z.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, t) {
+      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 (yt = n, t || this.options.forceAutoScrollFallback || tt || _e || qe) {
+        kt(n, this.options, l, t);
+        var s = Ie(l, !0);
+        Ft && (!je || r !== xt || a !== It) && (je && Jt(), je = setInterval(function() {
+          var u = Ie(document.elementFromPoint(r, a), !0);
+          u !== s && (s = u, pt()), kt(n, i.options, u, t);
+        }, 10), xt = r, It = a);
+      } else {
+        if (!this.options.bubbleScroll || Ie(l, !0) === ve()) {
+          pt();
+          return;
+        }
+        kt(n, this.options, Ie(l, !1), !1);
+      }
+    }
+  }, Se(o, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function pt() {
+  z.forEach(function(o) {
+    clearInterval(o.pid);
+  }), z = [];
+}
+function Jt() {
+  clearInterval(je);
+}
+var kt = hn(function(o, e, n, t) {
+  if (e.scroll) {
+    var i = (o.touches ? o.touches[0] : o).clientX, r = (o.touches ? o.touches[0] : o).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = ve(), u = !1, p;
+    At !== n && (At = n, pt(), We = e.scroll, p = e.scrollFn, We === !0 && (We = Ie(n, !0)));
+    var f = 0, b = We;
+    do {
+      var v = b, C = X(v), T = C.top, $ = C.bottom, H = C.left, k = C.right, K = C.width, M = C.height, U = void 0, R = void 0, ie = v.scrollWidth, re = v.scrollHeight, N = E(v), ye = v.scrollLeft, ae = v.scrollTop;
+      v === s ? (U = K < ie && (N.overflowX === "auto" || N.overflowX === "scroll" || N.overflowX === "visible"), R = M < re && (N.overflowY === "auto" || N.overflowY === "scroll" || N.overflowY === "visible")) : (U = K < ie && (N.overflowX === "auto" || N.overflowX === "scroll"), R = M < re && (N.overflowY === "auto" || N.overflowY === "scroll"));
+      var he = U && (Math.abs(k - i) <= a && ye + K < ie) - (Math.abs(H - i) <= a && !!ye), V = R && (Math.abs($ - r) <= a && ae + M < re) - (Math.abs(T - r) <= a && !!ae);
+      if (!z[f])
+        for (var L = 0; L <= f; L++)
+          z[L] || (z[L] = {});
+      (z[f].vx != he || z[f].vy != V || z[f].el !== v) && (z[f].el = v, z[f].vx = he, z[f].vy = V, clearInterval(z[f].pid), (he != 0 || V != 0) && (u = !0, z[f].pid = setInterval((function() {
+        t && this.layer === 0 && S.active._onTouchMove(yt);
+        var pe = z[this.layer].vy ? z[this.layer].vy * l : 0, Z = z[this.layer].vx ? z[this.layer].vx * l : 0;
+        typeof p == "function" && p.call(S.dragged.parentNode[ee], Z, pe, o, yt, z[this.layer].el) !== "continue" || pn(z[this.layer].el, Z, pe);
+      }).bind({
+        layer: f
+      }), 24))), f++;
+    } while (e.bubbleScroll && b !== s && (b = Ie(b, !1)));
+    Ft = u;
+  }
+}, 30), Sn = function(e) {
+  var n = e.originalEvent, t = e.putSortable, i = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+  if (n) {
+    var u = t || r;
+    l();
+    var p = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(p.clientX, p.clientY);
+    s(), u && !u.el.contains(f) && (a("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: t
+    }));
+  }
+};
+function Rt() {
+}
+Rt.prototype = {
+  startIndex: null,
+  dragStart: function(e) {
+    var n = e.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(e) {
+    var n = e.dragEl, t = e.putSortable;
+    this.sortable.captureAnimationState(), t && t.captureAnimationState();
+    var i = ze(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(n, i) : this.sortable.el.appendChild(n), this.sortable.animateAll(), t && t.animateAll();
+  },
+  drop: Sn
+};
+Se(Rt, {
+  pluginName: "revertOnSpill"
+});
+function Kt() {
+}
+Kt.prototype = {
+  onSpill: function(e) {
+    var n = e.dragEl, t = e.putSortable, i = t || this.sortable;
+    i.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), i.animateAll();
+  },
+  drop: Sn
+};
+Se(Kt, {
+  pluginName: "removeOnSpill"
+});
+S.mount(new mo());
+S.mount(Kt, Rt);
+const vo = ["sm", "md", "lg"], en = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [bo, yo] = Bn("CheckboxGroup"), wo = ["data-parents", "data-key", "data-draggable"], Eo = /* @__PURE__ */ tn({
+  ...ln("TreeNode"),
+  __name: "TreeNode",
+  props: {
+    item: {},
+    level: { default: 1 },
+    parentKeys: {}
+  },
+  setup(o) {
+    const e = o, n = nn(), t = bo(), i = an(t.prefixes.node, {
+      variants: {
+        disabled: we("disabled", t.prefixes.node),
+        active: we("active", t.prefixes.node),
+        hasChildren: we("has-children", t.prefixes.node)
+      }
+    }), r = A(() => {
+      switch (t.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        case "lg":
+          return "xsm";
+      }
+    }), a = A(() => {
+      switch (t.size.value) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), l = (y) => t.getNodeField(y, "children"), s = (y) => t.getNodeField(y, "key"), u = A(() => l(j(e.item))), p = A(() => t.getNodeField(e.item, "leaf")), f = A(() => {
+      var y;
+      return (y = t.props) != null && y.draggable ? t.getNodeField(e.item, "draggable") ?? !0 : !1;
+    }), b = A(() => s(e.item)), v = A(
+      () => !!(t.disabled.value || t.getNodeField(e.item, "disabled"))
+    ), C = A(
+      () => {
+        var y;
+        return !!((y = u.value) != null && y.some((O) => t.expandedKeys.value.includes(s(O))));
+      }
+    ), T = A(
+      () => {
+        var y, O;
+        return !((y = t.dragging.value) != null && y.key && ((O = t.dragging.value) == null ? void 0 : O.key) === b.value) && t.expandedKeys.value.includes(b.value);
+      }
+    ), $ = A(() => {
+      var y, O;
+      return !!(!t.dragging.value.value && ((y = t.props) != null && y.showLine) && T.value && ((O = u.value) != null && O.length));
+    }), H = () => {
+      v.value || t.onSelect(e.item);
+    }, k = A(() => !!t.model.value.includes(b.value)), K = A(() => {
+      const y = (g = e.item) => {
+        const h = l(g);
+        return (h == null ? void 0 : h.length) && h.every((_) => t.checked.value.includes(s(_)));
+      }, O = (g = e.item) => {
+        const h = l(g);
+        return h != null && h.length ? !!(h != null && h.some(
+          (_) => t.checked.value.includes(s(_)) || O(_)
+        )) : !1;
+      }, ue = t.checked.value.includes(b.value);
+      return y() ? (ue || t.onCheck(e.item), !0) : O() ? (ue && t.onCheck(e.item), "indeterminate") : !!ue;
+    }), M = () => {
+      var ue;
+      if (!((ue = u.value) != null && ue.length)) return t.onCheck(e.item);
+      const y = (le = e.item) => {
+        const g = l(le);
+        return g != null && g.length ? g.reduce((h, _) => {
+          const c = l(_), w = s(_);
+          return c != null && c.length ? [...h, w, ...y(_)] : [...h, w];
+        }, []) : [];
+      }, O = y();
+      return t.onCheck(e.item, {
+        keys: [b.value, ...O],
+        value: !t.checked.value.includes(b.value)
+      });
+    }, U = A(() => [...e.parentKeys ?? [], b.value]), R = (y) => {
+      t.onExpandKey(e.item, y);
+    }, ie = A(() => t.dragging.value.key === b.value ? t.dragging.value.level ?? e.level : e.level), re = A(() => ie.value + 1), N = A(() => {
+      switch (t.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        case "lg":
+          return "sm";
+      }
+    }), { rootBindings: ye, inputBindings: ae } = Yn({
+      getDisabled: () => v.value
+    }), he = A(
+      () => {
+        var y, O;
+        return !!((y = u.value) != null && y.length || (O = t.props) != null && O.lazyLoad && !p.value);
+      }
+    ), V = _n("indent"), { width: L, height: pe } = $n(V), Z = () => {
+      t.dir.value === "ltr" ? R(!1) : R(!0);
+    }, De = () => {
+      t.dir.value === "rtl" ? R(!1) : R(!0);
+    };
+    return (y, O) => {
+      var le, g, h, _, c, w, Y, ke;
+      const ue = Dn("TreeNode", !0);
+      return me(), Xe("div", st({
+        "data-parents": (le = m(t).props) != null && le.draggable ? y.parentKeys : void 0,
+        "data-key": (g = m(t).props) != null && g.draggable ? b.value : void 0,
+        "data-draggable": (h = m(t).props) != null && h.draggable ? !v.value && f.value : void 0,
+        class: [
+          (_ = u.value) != null && _.length ? m(t).prefixes.group : "",
+          m(fe)(m(t).prefixes.node, "root"),
+          m(t).getNodeField(y.item, "class"),
+          {
+            [m(Ot)(m(t).prefixes.group, "child-expanded")]: C.value,
+            [m(Ot)(m(t).prefixes.group, "draggable")]: (c = m(t).props) == null ? void 0 : c.draggable
+          }
+        ]
+      }, m(ye), {
+        style: {
+          "--ptc-tree-node-indent-height": `${m(pe)}px`,
+          "--ptc-tree-node-indent-width": `${m(L)}px`
+        }
+      }), [
+        $.value ? (me(), Xe("div", {
+          key: 0,
+          class: Ae(m(fe)(m(t).prefixes.group, "line"))
+        }, null, 2)) : Ye("", !0),
+        ut(m(Rn), st({
+          as: "div",
+          tabStopId: b.value,
+          onKeyup: [
+            Xt(Z, ["left"]),
+            Xt(De, ["right"])
+          ],
+          focusable: !v.value,
+          class: [
+            m(i)({
+              disabled: v.value,
+              active: k.value,
+              hasChildren: he.value
+            })
+          ]
+        }, m(ae), { onClick: H }), {
+          default: Te(() => {
+            var Q, ge, te, zt;
+            return [
+              (Q = m(t).props) != null && Q.draggable ? (me(), Xe("span", {
+                key: 0,
+                class: Ae(m(t).prefixes.draggable)
+              }, [
+                m(t).dragging.value.key !== b.value && !m(t).dragging.value.value ? (me(), Ue(Pn, {
+                  key: 0,
+                  icon: "tabler:grip-vertical",
+                  size: a.value,
+                  class: Ae(m(t).prefixes.draggableIcon)
+                }, {
+                  default: Te(() => [
+                    $e(y.$slots, "dragTrigger", Ge(He({ ...y.item, selected: k.value, checked: K.value, disabled: v.value, unFocusable: !0 })))
+                  ]),
+                  _: 3
+                }, 8, ["size", "class"])) : Ye("", !0)
+              ], 2)) : Ye("", !0),
+              ut(zn, {
+                ref_key: "indent",
+                ref: V,
+                level: ie.value,
+                children: he.value,
+                size: N.value,
+                expanded: T.value,
+                showLine: !1,
+                class: Ae(m(fe)(m(t).prefixes.node, "indent")),
+                loading: m(t).getNodeField(y.item, "loading"),
+                "branch-icon": m(t).getNodeField(y.item, "switcherIcon") ?? ((ge = m(t).props) == null ? void 0 : ge.switcherIcon),
+                "no-rotate-branch": m(t).getNodeField(y.item, "noRotateSwitcherIcon") ?? ((te = m(t).props) == null ? void 0 : te.noRotateSwitcherIcon),
+                onToggleExpand: O[0] || (O[0] = Yt((So) => R(), ["stop"]))
+              }, {
+                default: Te(() => [
+                  $e(y.$slots, "switcherIcon", Ge(He({ ...y.item, selected: k.value, checked: K.value, expanded: T.value, disabled: v.value, unFocusable: !0 })))
+                ]),
+                _: 3
+              }, 8, ["level", "children", "size", "expanded", "class", "loading", "branch-icon", "no-rotate-branch"]),
+              m(t).dragging.value.key !== b.value || !m(t).dragging.value.value ? (me(), Xe(Tn, { key: 1 }, [
+                (zt = m(t).props) != null && zt.checkbox ? (me(), Ue(Xn, {
+                  key: 0,
+                  size: r.value,
+                  onClick: O[1] || (O[1] = Yt(() => {
+                  }, ["stop"])),
+                  modelValue: K.value,
+                  "onUpdate:modelValue": M,
+                  disabled: v.value
+                }, null, 8, ["size", "modelValue", "disabled"])) : Ye("", !0),
+                $e(y.$slots, "title", Ge(He({ ...y.item, selected: k.value, checked: K.value, disabled: v.value, unFocusable: !0 })), () => [
+                  xn("div", {
+                    class: Ae(m(fe)(m(t).prefixes.node, "title"))
+                  }, In(m(t).getNodeField(y.item, "title")), 3)
+                ])
+              ], 64)) : (me(), Xe("div", {
+                key: 2,
+                class: Ae(m(fe)(m(t).prefixes.node, "slot"))
+              }, null, 2))
+            ];
+          }),
+          _: 3
+        }, 16, ["tabStopId", "focusable", "class"]),
+        m(t).dragging.value.value || m(t).dragging.value.key || (w = u.value) != null && w.length && (T.value || m(t).props.forceMount) ? Cn((me(), Ue(m(sn), st({
+          key: 1,
+          class: m(t).prefixes.groupList,
+          "data-parents": (Y = m(t).props) != null && Y.draggable ? U.value : void 0,
+          "data-level": (ke = m(t).props) != null && ke.draggable ? re.value : void 0,
+          tag: "div",
+          list: u.value
+        }, m(t).getSortableProps(y.item)), {
+          item: Te(({ element: Q }) => [
+            ut(ue, {
+              item: Q,
+              parentKeys: U.value,
+              level: re.value
+            }, on({ _: 2 }, [
+              rn(Object.keys(n), (ge) => ({
+                name: ge,
+                fn: Te((te) => [
+                  $e(y.$slots, ge, Ge(He(te)))
+                ])
+              }))
+            ]), 1032, ["item", "parentKeys", "level"])
+          ]),
+          _: 3
+        }, 16, ["class", "data-parents", "data-level", "list"])), [
+          [kn, T.value]
+        ]) : Ye("", !0)
+      ], 16, wo);
+    };
+  }
+}), Bo = /* @__PURE__ */ tn({
+  ...ln("Tree"),
+  __name: "Tree",
+  props: {
+    class: {},
+    size: { default: "md" },
+    gap: {},
+    dir: {},
+    data: {},
+    modelValue: {},
+    value: {},
+    checkedKeys: {},
+    expandedKeys: {},
+    multiple: { type: Boolean },
+    checkbox: { type: Boolean },
+    defaultExpandAll: { type: Boolean },
+    selectable: { type: Boolean },
+    showLine: { type: Boolean },
+    inlineNode: { type: Boolean },
+    lazyLoad: { type: Boolean },
+    forceMount: { type: Boolean },
+    fieldNames: {},
+    groupName: {},
+    getSortableProps: {},
+    switcherIcon: {},
+    noRotateSwitcherIcon: { type: Boolean },
+    draggable: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd", "move", "choose", "unchoose"],
+  setup(o, { emit: e }) {
+    const n = o, t = e, i = nn(), r = On("tree"), a = fe(r, "node"), l = fe(a, "group"), s = fe(a, "draggable"), u = fe(s, "icon"), p = fe(l, "list"), f = {
+      node: a,
+      group: l,
+      draggable: s,
+      draggableIcon: u,
+      groupList: p
+    }, b = an(r, {
+      variants: {
+        size: we(vo, r),
+        gap: we(en, r),
+        selectable: we("selectable", r),
+        disabled: we("disabled", r),
+        inlineNode: we("inline-node", r),
+        dragging: we("dragging", r)
+      }
+    }), v = (g, h) => {
+      var c;
+      const _ = Lt(g, h);
+      return (c = n.fieldNames) != null && c[h] ? Lt(g, n.fieldNames[h], _) : _;
+    }, C = Le(j(n.data)), T = A(() => j(C.value)), $ = () => {
+      if (!n.lazyLoad) {
+        const g = [], h = (_) => {
+          for (const c of _) {
+            const w = v(c, "children");
+            w != null && w.length && (g.push(v(c, "key")), h(w));
+          }
+        };
+        return h(C.value), g;
+      }
+      return [];
+    }, H = Le(
+      n.expandedKeys ?? (n.defaultExpandAll ? $() : [])
+    );
+    ot(
+      () => [n.defaultExpandAll, n.expandedKeys],
+      ([g, h], [_, c]) => {
+        h !== c ? H.value = n.expandedKeys ?? [] : g && !_ && (H.value = $());
+      }
+    );
+    const k = A({
+      get() {
+        return n.expandedKeys ? n.expandedKeys : H.value;
+      },
+      set(g) {
+        n.expandedKeys || (H.value = g), t("update:expandedKeys", g);
+      }
+    });
+    ot(
+      () => n.data,
+      () => {
+        C.value = j(n.data);
+        const g = $();
+        k.value = k.value.filter((h) => g.includes(h));
+      },
+      { deep: !0 }
+    );
+    const K = Le(n.modelValue ?? n.value ?? []);
+    ot(
+      () => [n.modelValue, n.value],
+      () => {
+        K.value = n.modelValue ?? n.value ?? [];
+      }
+    );
+    const M = A({
+      get() {
+        return n.modelValue ?? n.value ? n.modelValue ?? n.value : K.value;
+      },
+      set(g) {
+        g && ((n.modelValue ?? n.value) || (K.value = g), t("update:modelValue", g), t("update:value", g));
+      }
+    }), { getDisabled: U, getSize: R } = Ln(), ie = (g) => {
+      var h, _;
+      if (n.selectable && !U.value) {
+        let c = j(M.value ?? []);
+        const w = v(g, "key");
+        n.multiple ? (h = M.value) != null && h.includes(w) ? c = j((_ = M.value) == null ? void 0 : _.filter((Y) => Y !== w)) : c = j([...M.value ?? [], w]) : c.includes(w) ? c = [] : c = [w], M.value = c, t("select", g, c.includes(w));
+      }
+    }, re = Le(n.checkedKeys ?? []);
+    ot(
+      () => n.checkedKeys,
+      () => {
+        re.value = n.checkedKeys ?? [];
+      }
+    );
+    const N = A({
+      get() {
+        return n.checkedKeys ? n.checkedKeys : re.value;
+      },
+      set(g) {
+        n.checkedKeys || (re.value = g), t("update:checkedKeys", g);
+      }
+    }), ye = (g, h) => {
+      if (n.checkbox && !U.value) {
+        let _ = j(N.value);
+        const c = v(g, "key");
+        h != null && h.keys.length ? h.value ? _ = Gt([...h.keys, ..._]) : _ = j(N.value.filter((Y) => !h.keys.includes(Y))) : N.value.includes(c) ? _ = j(N.value.filter((Y) => Y !== c)) : _ = j([...N.value, c]), N.value = _;
+        const w = (h == null ? void 0 : h.value) ?? N.value.includes(c);
+        t("check", g, w, (h == null ? void 0 : h.keys) ?? c);
+      }
+    }, ae = (g, h) => {
+      let _ = !0;
+      const c = v(g, "key");
+      let w = j(k.value);
+      h || h !== !1 && !w.includes(c) ? (w = Gt([...w, c]), _ = !0) : (w = w.filter((Y) => Y !== c), _ = !1), k.value = w, t("expand", g, _);
+    }, he = A(() => {
+      if (n.gap) {
+        if (typeof n.gap == "number") return `${n.gap}px`;
+        if (!Object.keys(en).includes(n.gap)) return n.gap;
+      }
+    }), V = n.groupName ?? Nn(r), L = Le({
+      key: void 0,
+      value: !1,
+      level: void 0
+    }), pe = A(
+      () => Ot(fe(r, "dragging_item"), R.value)
+    ), Z = (g) => {
+      var h;
+      return (h = g.getAttribute("data-parents")) == null ? void 0 : h.split(",");
+    }, De = A(() => {
+      const g = [], h = (_, c) => {
+        _ != null && _.length && _.forEach((w, Y) => {
+          const ke = [
+            "title",
+            "disabled",
+            "draggable",
+            "leaf",
+            "loading",
+            "class",
+            "switcherIcon",
+            "noRotateSwitcherIcon"
+          ];
+          let Q = v(w, "key");
+          if (!Q) {
+            const te = Gn(j(c) ?? []);
+            te && (Q = `${te}-${Y}`), Q = `${Y}`;
+          }
+          Q = String(Q), g.push(
+            Fn(
+              {
+                ...Object.fromEntries(ke.map((te) => [te, v(w, te)])),
+                parentKeys: c,
+                key: Q
+              },
+              Mn
+            )
+          );
+          const ge = v(w, "children");
+          if (ge != null && ge.length) {
+            const te = j(c) ?? [];
+            te.push(Q), h(ge, te);
+          }
+        });
+      };
+      return h(j(C.value)), g;
+    }), y = (g) => {
+      const h = Z(g), _ = g.getAttribute("data-key") ?? "";
+      return De.value.find(
+        (c) => {
+          var w, Y, ke;
+          return (!((w = c.parentKeys) != null && w.length) && !(h != null && h.length) || ((Y = c.parentKeys) == null ? void 0 : Y.length) && (h == null ? void 0 : h.length) && c.parentKeys.length === h.length && ((ke = c.parentKeys) == null ? void 0 : ke.every((Q) => h.includes(Q)))) && _ === c.key;
+        }
+      );
+    }, O = (g) => {
+      var _;
+      const h = ((_ = n.getSortableProps) == null ? void 0 : _.call(n, g)) || {};
+      return {
+        ...h,
+        group: $t(V) ? V(g) : V,
+        animation: 150,
+        forceFallback: !0,
+        fallbackOnBody: !0,
+        filter: "[data-draggable=false]",
+        handle: `.${f.node} .${f.draggable} .${f.draggableIcon}`,
+        // swapThreshold: 0.65,
+        dataIdAttr: "data-key",
+        dragClass: pe.value,
+        onChoose(c) {
+          const w = y(c == null ? void 0 : c.item);
+          w && (L.value.key = v(w, "key")), t("choose", c);
+        },
+        onStart(c) {
+          if (typeof document < "u") {
+            const w = document.querySelector(`.${pe.value}`);
+            w != null && w.style && (w.style.direction = le.value ?? "ltr");
+          }
+          L.value.value = !0, t("dragStart", c);
+        },
+        onUnchoose(c) {
+          L.value.key = void 0, L.value.level = void 0, t("unchoose", c);
+        },
+        onEnd(c) {
+          L.value.value = !1;
+          const w = {
+            ...c,
+            node: y(c == null ? void 0 : c.item),
+            oldParents: Z(c == null ? void 0 : c.item),
+            newParents: Z(c == null ? void 0 : c.to)
+          };
+          C.value = j(n.data), t("dragEnd", w);
+        },
+        onMove(c, w) {
+          var Y;
+          if (L.value.level = Number(((Y = c == null ? void 0 : c.to) == null ? void 0 : Y.getAttribute("data-level")) ?? "1"), t("move", c, w), $t(h.onMove)) return h.onMove(c, w);
+        },
+        itemKey: (c) => v(c, "key")
+      };
+    }, { getDir: ue } = An(), le = ue();
+    return yo({
+      size: R,
+      disabled: U,
+      props: n,
+      expandedKeys: k,
+      model: M,
+      dir: le,
+      checked: N,
+      onExpandKey: ae,
+      onSelect: ie,
+      onCheck: ye,
+      getNodeField: v,
+      getSortableProps: O,
+      dragging: L,
+      prefixes: f
+    }), (g, h) => (me(), Ue(m(Kn), {
+      "as-child": "",
+      orientation: "vertical",
+      dir: m(le)
+    }, {
+      default: Te(() => [
+        ut(m(sn), st({
+          role: "tree",
+          class: [
+            m(b)({
+              size: m(R),
+              gap: n.gap ?? m(R),
+              selectable: n.selectable,
+              disabled: m(U),
+              inlineNode: n.inlineNode,
+              dragging: !!L.value.value
+            }),
+            n.class
+          ],
+          style: {
+            "--ptc-tree-gap": he.value
+          },
+          tag: "div",
+          list: T.value
+        }, O()), {
+          item: Te(({ element: _ }) => [
+            (me(), Ue(Eo, {
+              key: v(_, "key"),
+              item: _
+            }, on({ _: 2 }, [
+              rn(Object.keys(i), (c) => ({
+                name: c,
+                fn: Te((w) => [
+                  $e(g.$slots, c, Ge(He(w)))
+                ])
+              }))
+            ]), 1032, ["item"]))
+          ]),
+          _: 3
+        }, 16, ["class", "style", "list"])
+      ]),
+      _: 3
+    }, 8, ["dir"]));
+  }
+});
+export {
+  vo as T,
+  Bo as _,
+  en as a,
+  bo as i,
+  yo as p
+};