@das-fed/ui 6.4.0-test.5.1 → 6.4.0-test.6.1

package/packages/components/select-list/index.js

@@ -1,14 +1,14 @@
 import '@das-fed/ui/packages/components/select-list/style.css';
 import { withInstall as wi } from "@das-fed/utils/with-install/index";
-import { i18n as We, setI18nRule as Si } from "@das-fed/web/packages/i18n/index";
+import { i18n as je, setI18nRule as Si } from "@das-fed/web/packages/i18n/index";
 import { getVar as ut, setThemeRule as _i } from "@das-fed/web/packages/theme/index";
 import { ElInfiniteScroll as Ei } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/infinite-scroll/style/css";
-import { pushScopeId as Di, popScopeId as Ii, nextTick as Qe, openBlock as A, createBlock as oe, withScopeId as Ti, markRaw as Oi, shallowReactive as Ci, resolveComponent as zi, resolveDirective as Ai, withDirectives as Se, createElementBlock as L, normalizeClass as de, renderSlot as be, createCommentVNode as W, resolveDynamicComponent as Rt, normalizeStyle as qt, withCtx as et, Fragment as _t, renderList as Et, mergeProps as ki, toHandlers as Ni, createVNode as Pi, ref as Ne, computed as tt, onMounted as Jt, onBeforeUnmount as xi, watch as Vt, defineComponent as $i, useCssVars as Mi, createElementVNode as Oe, toDisplayString as Ce, unref as D, createTextVNode as He } from "vue";
+import { pushScopeId as Di, popScopeId as Ii, nextTick as et, openBlock as k, createBlock as oe, withScopeId as Ti, markRaw as Ci, shallowReactive as Oi, resolveComponent as zi, resolveDirective as Ai, withDirectives as Se, createElementBlock as X, normalizeClass as de, renderSlot as he, createCommentVNode as K, resolveDynamicComponent as Vt, normalizeStyle as qt, withCtx as tt, Fragment as _t, renderList as Et, mergeProps as ki, toHandlers as Ni, createVNode as Pi, ref as Ne, computed as Pe, onMounted as Jt, onBeforeUnmount as $i, watch as Rt, defineComponent as Mi, useCssVars as xi, createElementVNode as Ce, toDisplayString as Oe, unref as D, createTextVNode as Le } from "vue";
 import { vDasTooltip as dt } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasButton as Ri } from "@das-fed/ui/packages/components/button/index";
-import { vOverlay as Vi } from "@das-fed/ui/packages/components/overlay/index";
+import { DasButton as Vi } from "@das-fed/ui/packages/components/button/index";
+import { vOverlay as Ri } from "@das-fed/ui/packages/components/overlay/index";
 import { DasIconClose2 as ct } from "@das-fed/ui/packages/icons/close-2/index";
 import { DasIconDrag as Fi } from "@das-fed/ui/packages/icons/drag/index";
 import { useModelValue as Zt } from "@das-fed/utils/vue";
@@ -27,9 +27,9 @@ function Li() {
   var r = t.indexOf("Edge/");
   return r > 0 ? parseInt(t.substring(r + 5, t.indexOf(".", r)), 10) : -1;
 }
-let je;
+let Ke;
 function Dt() {
-  Dt.init || (Dt.init = !0, je = Li() !== -1);
+  Dt.init || (Dt.init = !0, Ke = Li() !== -1);
 }
 var at = {
   name: "ResizeObserver",
@@ -51,11 +51,11 @@ var at = {
     "notify"
   ],
   mounted() {
-    Dt(), Qe(() => {
+    Dt(), et(() => {
       this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
     });
     const t = document.createElement("object");
-    this._resizeObject = t, t.setAttribute("aria-hidden", "true"), t.setAttribute("tabindex", -1), t.onload = this.addResizeHandlers, t.type = "text/html", je && this.$el.appendChild(t), t.data = "about:blank", je || this.$el.appendChild(t);
+    this._resizeObject = t, t.setAttribute("aria-hidden", "true"), t.setAttribute("tabindex", -1), t.onload = this.addResizeHandlers, t.type = "text/html", Ke && this.$el.appendChild(t), t.data = "about:blank", Ke || this.$el.appendChild(t);
   },
   beforeUnmount() {
     this.removeResizeHandlers();
@@ -74,7 +74,7 @@ var at = {
       this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!je && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      this._resizeObject && this._resizeObject.onload && (!Ke && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
     }
   }
 };
@@ -85,7 +85,7 @@ const Yi = {
   tabindex: "-1"
 };
 Ii();
-const Xi = /* @__PURE__ */ Bi((t, e, i, n, r, o) => (A(), oe("div", Yi)));
+const Xi = /* @__PURE__ */ Bi((t, e, i, n, r, o) => (k(), oe("div", Yi)));
 at.render = Xi;
 at.__scopeId = "data-v-b329ee4c";
 at.__file = "src/components/ResizeObserver.vue";
@@ -107,13 +107,13 @@ function ji(t, e) {
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
   }
 }
-function Gi(t, e, i) {
+function Ki(t, e, i) {
   return e && ji(t.prototype, e), t;
 }
 function Ft(t) {
-  return Ki(t) || Ui(t) || qi(t) || Ji();
+  return Gi(t) || Ui(t) || qi(t) || Ji();
 }
-function Ki(t) {
+function Gi(t) {
   if (Array.isArray(t)) return It(t);
 }
 function Ui(t) {
@@ -144,11 +144,11 @@ function Zi(t) {
 }
 function Qi(t, e) {
   var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n, r, o, l = function(a) {
-    for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), f = 1; f < u; f++)
-      d[f - 1] = arguments[f];
+    for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), h = 1; h < u; h++)
+      d[h - 1] = arguments[h];
     if (o = d, !(n && a === r)) {
-      var m = i.leading;
-      typeof m == "function" && (m = m(a, r)), (!n || a !== r) && m && t.apply(void 0, [a].concat(Ft(o))), r = a, clearTimeout(n), n = setTimeout(function() {
+      var p = i.leading;
+      typeof p == "function" && (p = p(a, r)), (!n || a !== r) && p && t.apply(void 0, [a].concat(Ft(o))), r = a, clearTimeout(n), n = setTimeout(function() {
         t.apply(void 0, [a].concat(Ft(o))), n = 0;
       }, e);
     }
@@ -171,7 +171,7 @@ var en = /* @__PURE__ */ function() {
   function t(e, i, n) {
     Wi(this, t), this.el = e, this.observer = null, this.frozen = !1, this.createObserver(i, n);
   }
-  return Gi(t, [{
+  return Ki(t, [{
     key: "createObserver",
     value: function(i, n) {
       var r = this;
@@ -189,8 +189,8 @@ var en = /* @__PURE__ */ function() {
         this.oldResult = void 0, this.observer = new IntersectionObserver(function(s) {
           var a = s[0];
           if (s.length > 1) {
-            var u = s.find(function(f) {
-              return f.isIntersecting;
+            var u = s.find(function(h) {
+              return h.isIntersecting;
             });
             u && (a = u);
           }
@@ -199,7 +199,7 @@ var en = /* @__PURE__ */ function() {
             if (d === r.oldResult) return;
             r.oldResult = d, r.callback(d, a);
           }
-        }, this.options.intersection), Qe(function() {
+        }, this.options.intersection), et(function() {
           r.observer && r.observer.observe(r.el);
         });
       }
@@ -301,13 +301,13 @@ var sn = {
 function un() {
   return this.items.length && Tt(this.items[0]) !== "object";
 }
-var Ot = !1;
+var Ct = !1;
 if (typeof window < "u") {
-  Ot = !1;
+  Ct = !1;
   try {
     var dn = Object.defineProperty({}, "passive", {
       get: function() {
-        Ot = !0;
+        Ct = !0;
       }
     });
     window.addEventListener("test", null, dn);
@@ -466,13 +466,13 @@ var Nt = {
   },
   methods: {
     addView(t, e, i, n, r) {
-      const o = Oi({
+      const o = Ci({
         id: cn++,
         index: e,
         used: !0,
         key: n,
         type: r
-      }), l = Ci({
+      }), l = Oi({
         item: i,
         position: 0,
         nr: o
@@ -506,72 +506,72 @@ var Nt = {
       })) : this.$emit("hidden"));
     },
     updateVisibleItems(t, e = !1) {
-      const i = this.itemSize, n = this.gridItems || 1, r = this.itemSecondarySize || i, o = this.$_computedMinItemSize, l = this.typeField, s = this.simpleArray ? null : this.keyField, a = this.items, u = a.length, d = this.sizes, f = this.$_views, m = this.$_unusedViews, _ = this.pool, S = this.itemIndexByKey;
-      let p, c, C, T, y;
+      const i = this.itemSize, n = this.gridItems || 1, r = this.itemSecondarySize || i, o = this.$_computedMinItemSize, l = this.typeField, s = this.simpleArray ? null : this.keyField, a = this.items, u = a.length, d = this.sizes, h = this.$_views, p = this.$_unusedViews, _ = this.pool, S = this.itemIndexByKey;
+      let m, I, y, c, C;
       if (!u)
-        p = c = T = y = C = 0;
+        m = I = c = C = y = 0;
       else if (this.$_prerender)
-        p = T = 0, c = y = Math.min(this.prerender, a.length), C = null;
+        m = c = 0, I = C = Math.min(this.prerender, a.length), y = null;
       else {
-        const E = this.getScroll();
+        const T = this.getScroll();
         if (e) {
-          let z = E.start - this.$_lastUpdateScrollPosition;
-          if (z < 0 && (z = -z), i === null && z < o || z < i)
+          let A = T.start - this.$_lastUpdateScrollPosition;
+          if (A < 0 && (A = -A), i === null && A < o || A < i)
             return {
               continuous: !0
             };
         }
-        this.$_lastUpdateScrollPosition = E.start;
-        const $ = this.buffer;
-        E.start -= $, E.end += $;
-        let N = 0;
-        if (this.$refs.before && (N = this.$refs.before.scrollHeight, E.start -= N), this.$refs.after) {
-          const z = this.$refs.after.scrollHeight;
-          E.end += z;
+        this.$_lastUpdateScrollPosition = T.start;
+        const x = this.buffer;
+        T.start -= x, T.end += x;
+        let P = 0;
+        if (this.$refs.before && (P = this.$refs.before.scrollHeight, T.start -= P), this.$refs.after) {
+          const A = this.$refs.after.scrollHeight;
+          T.end += A;
         }
         if (i === null) {
-          let z, J = 0, ue = u - 1, M = ~~(u / 2), pe;
+          let A, J = 0, ue = u - 1, V = ~~(u / 2), me;
           do
-            pe = M, z = d[M].accumulator, z < E.start ? J = M : M < u - 1 && d[M + 1].accumulator > E.start && (ue = M), M = ~~((J + ue) / 2);
-          while (M !== pe);
-          for (M < 0 && (M = 0), p = M, C = d[u - 1].accumulator, c = M; c < u && d[c].accumulator < E.end; c++) ;
-          for (c === -1 ? c = a.length - 1 : (c++, c > u && (c = u)), T = p; T < u && N + d[T].accumulator < E.start; T++) ;
-          for (y = T; y < u && N + d[y].accumulator < E.end; y++) ;
+            me = V, A = d[V].accumulator, A < T.start ? J = V : V < u - 1 && d[V + 1].accumulator > T.start && (ue = V), V = ~~((J + ue) / 2);
+          while (V !== me);
+          for (V < 0 && (V = 0), m = V, y = d[u - 1].accumulator, I = V; I < u && d[I].accumulator < T.end; I++) ;
+          for (I === -1 ? I = a.length - 1 : (I++, I > u && (I = u)), c = m; c < u && P + d[c].accumulator < T.start; c++) ;
+          for (C = c; C < u && P + d[C].accumulator < T.end; C++) ;
         } else {
-          p = ~~(E.start / i * n);
-          const z = p % n;
-          p -= z, c = Math.ceil(E.end / i * n), T = Math.max(0, Math.floor((E.start - N) / i * n)), y = Math.floor((E.end - N) / i * n), p < 0 && (p = 0), c > u && (c = u), T < 0 && (T = 0), y > u && (y = u), C = Math.ceil(u / n) * i;
+          m = ~~(T.start / i * n);
+          const A = m % n;
+          m -= A, I = Math.ceil(T.end / i * n), c = Math.max(0, Math.floor((T.start - P) / i * n)), C = Math.floor((T.end - P) / i * n), m < 0 && (m = 0), I > u && (I = u), c < 0 && (c = 0), C > u && (C = u), y = Math.ceil(u / n) * i;
         }
       }
-      c - p > rn.itemsLimit && this.itemsLimitError(), this.totalSize = C;
+      I - m > rn.itemsLimit && this.itemsLimitError(), this.totalSize = y;
       let g;
-      const j = p <= this.$_endIndex && c >= this.$_startIndex;
-      if (j)
-        for (let E = 0, $ = _.length; E < $; E++)
-          g = _[E], g.nr.used && (t && (g.nr.index = S[g.item[s]]), (g.nr.index == null || g.nr.index < p || g.nr.index >= c) && this.unuseView(g));
-      const q = j ? null : /* @__PURE__ */ new Map();
-      let Y, G, F;
-      for (let E = p; E < c; E++) {
-        Y = a[E];
-        const $ = s ? Y[s] : Y;
-        if ($ == null)
-          throw new Error(`Key is ${$} on item (keyField is '${s}')`);
-        if (g = f.get($), !i && !d[E].size) {
+      const E = m <= this.$_endIndex && I >= this.$_startIndex;
+      if (E)
+        for (let T = 0, x = _.length; T < x; T++)
+          g = _[T], g.nr.used && (t && (g.nr.index = S[g.item[s]]), (g.nr.index == null || g.nr.index < m || g.nr.index >= I) && this.unuseView(g));
+      const L = E ? null : /* @__PURE__ */ new Map();
+      let H, G, B;
+      for (let T = m; T < I; T++) {
+        H = a[T];
+        const x = s ? H[s] : H;
+        if (x == null)
+          throw new Error(`Key is ${x} on item (keyField is '${s}')`);
+        if (g = h.get(x), !i && !d[T].size) {
           g && this.unuseView(g);
           continue;
         }
-        G = Y[l];
-        let N = m.get(G), z = !1;
+        G = H[l];
+        let P = p.get(G), A = !1;
         if (!g)
-          j ? N && N.length ? g = N.pop() : g = this.addView(_, E, Y, $, G) : (F = q.get(G) || 0, (!N || F >= N.length) && (g = this.addView(_, E, Y, $, G), this.unuseView(g, !0), N = m.get(G)), g = N[F], q.set(G, F + 1)), f.delete(g.nr.key), g.nr.used = !0, g.nr.index = E, g.nr.key = $, g.nr.type = G, f.set($, g), z = !0;
-        else if (!g.nr.used && (g.nr.used = !0, z = !0, N)) {
-          const J = N.indexOf(g);
-          J !== -1 && N.splice(J, 1);
+          E ? P && P.length ? g = P.pop() : g = this.addView(_, T, H, x, G) : (B = L.get(G) || 0, (!P || B >= P.length) && (g = this.addView(_, T, H, x, G), this.unuseView(g, !0), P = p.get(G)), g = P[B], L.set(G, B + 1)), h.delete(g.nr.key), g.nr.used = !0, g.nr.index = T, g.nr.key = x, g.nr.type = G, h.set(x, g), A = !0;
+        else if (!g.nr.used && (g.nr.used = !0, A = !0, P)) {
+          const J = P.indexOf(g);
+          J !== -1 && P.splice(J, 1);
         }
-        g.item = Y, z && (E === a.length - 1 && this.$emit("scroll-end"), E === 0 && this.$emit("scroll-start")), i === null ? (g.position = d[E - 1].accumulator, g.offset = 0) : (g.position = Math.floor(E / n) * i, g.offset = E % n * r);
+        g.item = H, A && (T === a.length - 1 && this.$emit("scroll-end"), T === 0 && this.$emit("scroll-start")), i === null ? (g.position = d[T - 1].accumulator, g.offset = 0) : (g.position = Math.floor(T / n) * i, g.offset = T % n * r);
       }
-      return this.$_startIndex = p, this.$_endIndex = c, this.emitUpdate && this.$emit("update", p, c, T, y), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
-        continuous: j
+      return this.$_startIndex = m, this.$_endIndex = I, this.emitUpdate && this.$emit("update", m, I, c, C), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
+        continuous: E
       };
     },
     getListenerTarget() {
@@ -601,7 +601,7 @@ var Nt = {
       this.pageMode ? this.addListeners() : this.removeListeners();
     },
     addListeners() {
-      this.listenerTarget = this.getListenerTarget(), this.listenerTarget.addEventListener("scroll", this.handleScroll, Ot ? {
+      this.listenerTarget = this.getListenerTarget(), this.listenerTarget.addEventListener("scroll", this.handleScroll, Ct ? {
         passive: !0
       } : !1), this.listenerTarget.addEventListener("resize", this.handleResize);
     },
@@ -643,7 +643,7 @@ const fn = {
 };
 function pn(t, e, i, n, r, o) {
   const l = zi("ResizeObserver"), s = Ai("observe-visibility");
-  return Se((A(), L(
+  return Se((k(), X(
     "div",
     {
       class: de(["vue-recycle-scroller", {
@@ -654,25 +654,25 @@ function pn(t, e, i, n, r, o) {
       onScrollPassive: e[0] || (e[0] = (...a) => o.handleScroll && o.handleScroll(...a))
     },
     [
-      t.$slots.before ? (A(), L(
+      t.$slots.before ? (k(), X(
         "div",
         fn,
         [
-          be(t.$slots, "before")
+          he(t.$slots, "before")
         ],
         512
         /* NEED_PATCH */
-      )) : W("v-if", !0),
-      (A(), oe(Rt(i.listTag), {
+      )) : K("v-if", !0),
+      (k(), oe(Vt(i.listTag), {
         ref: "wrapper",
         style: qt({ [t.direction === "vertical" ? "minHeight" : "minWidth"]: r.totalSize + "px" }),
         class: de(["vue-recycle-scroller__item-wrapper", i.listClass])
       }, {
-        default: et(() => [
-          (A(!0), L(
+        default: tt(() => [
+          (k(!0), X(
             _t,
             null,
-            Et(r.pool, (a) => (A(), oe(Rt(i.itemTag), ki({
+            Et(r.pool, (a) => (k(), oe(Vt(i.itemTag), ki({
               key: a.nr.id,
               style: r.ready ? {
                 transform: `translate${t.direction === "vertical" ? "Y" : "X"}(${a.position}px) translate${t.direction === "vertical" ? "X" : "Y"}(${a.offset}px)`,
@@ -693,8 +693,8 @@ function pn(t, e, i, n, r, o) {
                 r.hoverKey = null;
               }
             })), {
-              default: et(() => [
-                be(t.$slots, "default", {
+              default: tt(() => [
+                he(t.$slots, "default", {
                   item: a.item,
                   index: a.nr.index,
                   active: a.nr.used
@@ -706,20 +706,20 @@ function pn(t, e, i, n, r, o) {
             128
             /* KEYED_FRAGMENT */
           )),
-          be(t.$slots, "empty")
+          he(t.$slots, "empty")
         ]),
         _: 3
         /* FORWARDED */
       }, 8, ["style", "class"])),
-      t.$slots.after ? (A(), L(
+      t.$slots.after ? (k(), X(
         "div",
         hn,
         [
-          be(t.$slots, "after")
+          he(t.$slots, "after")
         ],
         512
         /* NEED_PATCH */
-      )) : W("v-if", !0),
+      )) : K("v-if", !0),
       Pi(l, { onNotify: o.handleResize }, null, 8, ["onNotify"])
     ],
     34
@@ -731,44 +731,62 @@ function pn(t, e, i, n, r, o) {
 Nt.render = pn;
 Nt.__file = "src/components/RecycleScroller.vue";
 const mn = (t, e) => {
-  const i = Ne(), n = Ne(), r = Zt(t, "modelValue"), o = t.valueKey, l = tt(() => t.selectedNum ? t.selectedNum : `${t.customTitle || We("das-select-list-selected").value}${We("das-select-list-parentheses-left").value}${r.value.length}${We("das-select-list-parentheses-right").value}`), s = tt(() => ({ disabled: "disabled", ...t.props })), a = (p) => {
+  const i = Ne(), n = Ne(), r = Zt(t, "modelValue"), o = t.valueKey, l = Pe(() => t.selectedNum ? t.selectedNum : `${t.customTitle || je("das-select-list-selected").value}${je("das-select-list-parentheses-left").value}${r.value.length}${je("das-select-list-parentheses-right").value}`), s = Pe(() => ({ disabled: "disabled", ...t.props })), a = (y) => {
     let c = !1;
-    return typeof s.value.disabled == "string" ? c = p[s.value.disabled] : c = s.value.disabled(p) ?? !1, c;
-  }, u = (p) => {
-    const c = r.value.filter((C) => C[o] !== p[o]);
-    e("item-remove", p), e("update:modelValue", c);
-  }, d = () => {
-    const p = r.value.filter((C) => !a(C)), c = r.value.filter((C) => a(C));
-    e("remove-all", p), e("update:modelValue", c);
-  }, f = () => {
-    t.infiniteScroll && t.infiniteScroll().then((p) => {
-      if (p && p.length) {
+    return typeof s.value.disabled == "string" ? c = y[s.value.disabled] : c = s.value.disabled(y) ?? !1, c;
+  }, u = Pe({
+    get: () => t.selectdValue,
+    set: (y) => {
+      e("update:selectdValue", y);
+    }
+  }), d = (y) => {
+    u.value = y[o], e("select-item", y);
+  }, h = (y) => {
+    const c = r.value.filter((C) => C[o] !== y[o]);
+    e("item-remove", y), e("update:modelValue", c);
+  }, p = () => {
+    const y = r.value.filter((C) => !a(C)), c = r.value.filter((C) => a(C));
+    e("remove-all", y), e("update:modelValue", c);
+  }, _ = () => {
+    t.infiniteScroll && t.infiniteScroll().then((y) => {
+      if (y && y.length) {
         let c = [];
-        c = p, c = c.filter(
-          (T) => !r.value.map((y) => y[t.valueKey]).includes(T[t.valueKey])
+        c = y, c = c.filter(
+          (g) => !r.value.map((E) => E[t.valueKey]).includes(g[t.valueKey])
         );
         const C = r.value.concat(c);
         e("update:modelValue", C);
       }
     });
   };
-  let m = 0;
-  const _ = (p) => {
+  let S = 0;
+  const m = (y) => {
     var C;
     const c = ((C = n.value) == null ? void 0 : C.offsetHeight) || 0;
-    m !== 0 && p === 0 && f(), m = p, p !== 0 && p - c < 10 && f();
-  }, S = Ne();
+    S !== 0 && y === 0 && _(), S = y, y !== 0 && y - c < 10 && _();
+  }, I = Ne();
   return Jt(() => {
     var c;
     if (t.infiniteDisabled) return;
-    const p = (c = n.value) == null ? void 0 : c.querySelector(".selected-group");
-    S.value = Hi((C) => {
-      _(C.height);
-    }, p);
-  }), xi(() => {
-    var p;
-    (p = S.value) == null || p.disconnect();
-  }), { selectListRef: i, $list: n, disabledFlag: a, itemGroups: r, selectedLabel: l, itemRemove: u, removeAll: d, infiniteLoad: f };
+    const y = (c = n.value) == null ? void 0 : c.querySelector(".selected-group");
+    I.value = Hi((C) => {
+      m(C.height);
+    }, y);
+  }), $i(() => {
+    var y;
+    (y = I.value) == null || y.disconnect();
+  }), {
+    selectListRef: i,
+    $list: n,
+    disabledFlag: a,
+    itemGroups: r,
+    selectedLabel: l,
+    itemRemove: h,
+    removeAll: p,
+    innerSelectdValue: u,
+    selectItem: d,
+    infiniteLoad: _
+  };
 };
 /**!
  * Sortable 1.15.3
@@ -797,13 +815,13 @@ function re(t) {
   }
   return t;
 }
-function Ke(t) {
+function Ue(t) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ke = function(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ue = function(e) {
     return typeof e;
-  } : Ke = function(e) {
+  } : Ue = function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Ke(t);
+  }, Ue(t);
 }
 function gn(t, e, i) {
   return e in t ? Object.defineProperty(t, e, {
@@ -845,14 +863,14 @@ function le(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var se = le(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ve = le(/Edge/i), Bt = le(/firefox/i), Pe = le(/safari/i) && !le(/chrome/i) && !le(/android/i), ni = le(/iP(ad|od|hone)/i), ri = le(/chrome/i) && le(/android/i), oi = {
+var se = le(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Fe = le(/Edge/i), Bt = le(/firefox/i), $e = le(/safari/i) && !le(/chrome/i) && !le(/android/i), ni = le(/iP(ad|od|hone)/i), ri = le(/chrome/i) && le(/android/i), oi = {
   capture: !1,
   passive: !1
 };
-function O(t, e, i) {
+function z(t, e, i) {
   t.addEventListener(e, i, !se && oi);
 }
-function I(t, e, i) {
+function O(t, e, i) {
   t.removeEventListener(e, i, !se && oi);
 }
 function it(t, e) {
@@ -929,37 +947,37 @@ function ne() {
   var t = document.scrollingElement;
   return t || document.documentElement;
 }
-function V(t, e, i, n, r) {
+function F(t, e, i, n, r) {
   if (!(!t.getBoundingClientRect && t !== window)) {
-    var o, l, s, a, u, d, f;
-    if (t !== window && t.parentNode && t !== ne() ? (o = t.getBoundingClientRect(), l = o.top, s = o.left, a = o.bottom, u = o.right, d = o.height, f = o.width) : (l = 0, s = 0, a = window.innerHeight, u = window.innerWidth, d = window.innerHeight, f = window.innerWidth), (e || i) && t !== window && (r = r || t.parentNode, !se))
+    var o, l, s, a, u, d, h;
+    if (t !== window && t.parentNode && t !== ne() ? (o = t.getBoundingClientRect(), l = o.top, s = o.left, a = o.bottom, u = o.right, d = o.height, h = o.width) : (l = 0, s = 0, a = window.innerHeight, u = window.innerWidth, d = window.innerHeight, h = window.innerWidth), (e || i) && t !== window && (r = r || t.parentNode, !se))
       do
         if (r && r.getBoundingClientRect && (v(r, "transform") !== "none" || i && v(r, "position") !== "static")) {
-          var m = r.getBoundingClientRect();
-          l -= m.top + parseInt(v(r, "border-top-width")), s -= m.left + parseInt(v(r, "border-left-width")), a = l + o.height, u = s + o.width;
+          var p = r.getBoundingClientRect();
+          l -= p.top + parseInt(v(r, "border-top-width")), s -= p.left + parseInt(v(r, "border-left-width")), a = l + o.height, u = s + o.width;
           break;
         }
       while (r = r.parentNode);
     if (n && t !== window) {
-      var _ = De(r || t), S = _ && _.a, p = _ && _.d;
-      _ && (l /= p, s /= S, f /= S, d /= p, a = l + d, u = s + f);
+      var _ = De(r || t), S = _ && _.a, m = _ && _.d;
+      _ && (l /= m, s /= S, h /= S, d /= m, a = l + d, u = s + h);
     }
     return {
       top: l,
       left: s,
       bottom: a,
       right: u,
-      width: f,
+      width: h,
       height: d
     };
   }
 }
 function Xt(t, e, i) {
-  for (var n = he(t, !0), r = V(t)[e]; n; ) {
-    var o = V(n)[i], l = void 0;
+  for (var n = pe(t, !0), r = F(t)[e]; n; ) {
+    var o = F(n)[i], l = void 0;
     if (l = r >= o, !l) return n;
     if (n === ne()) break;
-    n = he(n, !1);
+    n = pe(n, !1);
   }
   return !1;
 }
@@ -1004,7 +1022,7 @@ function wn(t, e) {
     }
   return -1;
 }
-function he(t, e) {
+function pe(t, e) {
   if (!t || !t.getBoundingClientRect) return ne();
   var i = t, n = !1;
   do
@@ -1028,19 +1046,19 @@ function Sn(t, e) {
 function ht(t, e) {
   return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
 }
-var xe;
+var Me;
 function si(t, e) {
   return function() {
-    if (!xe) {
+    if (!Me) {
       var i = arguments, n = this;
-      i.length === 1 ? t.call(n, i[0]) : t.apply(n, i), xe = setTimeout(function() {
-        xe = void 0;
+      i.length === 1 ? t.call(n, i[0]) : t.apply(n, i), Me = setTimeout(function() {
+        Me = void 0;
       }, e);
     }
   };
 }
 function _n() {
-  clearTimeout(xe), xe = void 0;
+  clearTimeout(Me), Me = void 0;
 }
 function ui(t, e, i) {
   t.scrollLeft += e, t.scrollTop += i;
@@ -1054,12 +1072,12 @@ function ci(t, e, i) {
   return Array.from(t.children).forEach(function(r) {
     var o, l, s, a;
     if (!(!ie(r, e.draggable, t, !1) || r.animated || r === i)) {
-      var u = V(r);
+      var u = F(r);
       n.left = Math.min((o = n.left) !== null && o !== void 0 ? o : 1 / 0, u.left), n.top = Math.min((l = n.top) !== null && l !== void 0 ? l : 1 / 0, u.top), n.right = Math.max((s = n.right) !== null && s !== void 0 ? s : -1 / 0, u.right), n.bottom = Math.max((a = n.bottom) !== null && a !== void 0 ? a : -1 / 0, u.bottom);
     }
   }), n.width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n;
 }
-var U = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+var q = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
 function En() {
   var t = [], e;
   return {
@@ -1070,7 +1088,7 @@ function En() {
           if (!(v(r, "display") === "none" || r === b.ghost)) {
             t.push({
               target: r,
-              rect: V(r)
+              rect: F(r)
             });
             var o = re({}, t[t.length - 1].rect);
             if (r.thisAnimationDuration) {
@@ -1098,9 +1116,9 @@ function En() {
       }
       var o = !1, l = 0;
       t.forEach(function(s) {
-        var a = 0, u = s.target, d = u.fromRect, f = V(u), m = u.prevFromRect, _ = u.prevToRect, S = s.rect, p = De(u, !0);
-        p && (f.top -= p.f, f.left -= p.e), u.toRect = f, u.thisAnimationDuration && ht(m, f) && !ht(d, f) && // Make sure animatingRect is on line between toRect & fromRect
-        (S.top - f.top) / (S.left - f.left) === (d.top - f.top) / (d.left - f.left) && (a = In(S, m, _, r.options)), ht(f, d) || (u.prevFromRect = d, u.prevToRect = f, a || (a = r.options.animation), r.animate(u, S, f, a)), a && (o = !0, l = Math.max(l, a), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+        var a = 0, u = s.target, d = u.fromRect, h = F(u), p = u.prevFromRect, _ = u.prevToRect, S = s.rect, m = De(u, !0);
+        m && (h.top -= m.f, h.left -= m.e), u.toRect = h, u.thisAnimationDuration && ht(p, h) && !ht(d, h) && // Make sure animatingRect is on line between toRect & fromRect
+        (S.top - h.top) / (S.left - h.left) === (d.top - h.top) / (d.left - h.left) && (a = In(S, p, _, r.options)), ht(h, d) || (u.prevFromRect = d, u.prevToRect = h, a || (a = r.options.animation), r.animate(u, S, h, a)), a && (o = !0, l = Math.max(l, a), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
           u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
         }, a), u.thisAnimationDuration = a);
       }), clearTimeout(e), o ? e = setTimeout(function() {
@@ -1110,8 +1128,8 @@ function En() {
     animate: function(n, r, o, l) {
       if (l) {
         v(n, "transition", ""), v(n, "transform", "");
-        var s = De(this.el), a = s && s.a, u = s && s.d, d = (r.left - o.left) / (a || 1), f = (r.top - o.top) / (u || 1);
-        n.animatingX = !!d, n.animatingY = !!f, v(n, "transform", "translate3d(" + d + "px," + f + "px,0)"), this.forRepaintDummy = Dn(n), v(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), v(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+        var s = De(this.el), a = s && s.a, u = s && s.d, d = (r.left - o.left) / (a || 1), h = (r.top - o.top) / (u || 1);
+        n.animatingX = !!d, n.animatingY = !!h, v(n, "transform", "translate3d(" + d + "px," + h + "px,0)"), this.forRepaintDummy = Dn(n), v(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), v(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
           v(n, "transition", ""), v(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, l);
       }
@@ -1126,7 +1144,7 @@ function In(t, e, i, n) {
 }
 var ye = [], pt = {
   initializeByDefault: !0
-}, Fe = {
+}, He = {
   mount: function(e) {
     for (var i in pt)
       pt.hasOwnProperty(i) && !(i in e) && (e[i] = pt[i]);
@@ -1177,36 +1195,36 @@ var ye = [], pt = {
   }
 };
 function Tn(t) {
-  var e = t.sortable, i = t.rootEl, n = t.name, r = t.targetEl, o = t.cloneEl, l = t.toEl, s = t.fromEl, a = t.oldIndex, u = t.newIndex, d = t.oldDraggableIndex, f = t.newDraggableIndex, m = t.originalEvent, _ = t.putSortable, S = t.extraEventProperties;
-  if (e = e || i && i[U], !!e) {
-    var p, c = e.options, C = "on" + n.charAt(0).toUpperCase() + n.substr(1);
-    window.CustomEvent && !se && !Ve ? p = new CustomEvent(n, {
+  var e = t.sortable, i = t.rootEl, n = t.name, r = t.targetEl, o = t.cloneEl, l = t.toEl, s = t.fromEl, a = t.oldIndex, u = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, p = t.originalEvent, _ = t.putSortable, S = t.extraEventProperties;
+  if (e = e || i && i[q], !!e) {
+    var m, I = e.options, y = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !se && !Fe ? m = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
-    }) : (p = document.createEvent("Event"), p.initEvent(n, !0, !0)), p.to = l || i, p.from = s || i, p.item = r || i, p.clone = o, p.oldIndex = a, p.newIndex = u, p.oldDraggableIndex = d, p.newDraggableIndex = f, p.originalEvent = m, p.pullMode = _ ? _.lastPutMode : void 0;
-    var T = re(re({}, S), Fe.getEventProperties(n, e));
-    for (var y in T)
-      p[y] = T[y];
-    i && i.dispatchEvent(p), c[C] && c[C].call(e, p);
+    }) : (m = document.createEvent("Event"), m.initEvent(n, !0, !0)), m.to = l || i, m.from = s || i, m.item = r || i, m.clone = o, m.oldIndex = a, m.newIndex = u, m.oldDraggableIndex = d, m.newDraggableIndex = h, m.originalEvent = p, m.pullMode = _ ? _.lastPutMode : void 0;
+    var c = re(re({}, S), He.getEventProperties(n, e));
+    for (var C in c)
+      m[C] = c[C];
+    i && i.dispatchEvent(m), I[y] && I[y].call(e, m);
   }
 }
-var On = ["evt"], K = function(e, i) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, o = bn(n, On);
-  Fe.pluginEvent.bind(b)(e, i, re({
-    dragEl: h,
-    parentEl: x,
+var Cn = ["evt"], U = function(e, i) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, o = bn(n, Cn);
+  He.pluginEvent.bind(b)(e, i, re({
+    dragEl: f,
+    parentEl: M,
     ghostEl: w,
-    rootEl: k,
-    nextEl: ve,
-    lastDownEl: Ue,
-    cloneEl: P,
+    rootEl: N,
+    nextEl: be,
+    lastDownEl: qe,
+    cloneEl: $,
     cloneHidden: fe,
     dragStarted: ze,
-    putSortable: H,
+    putSortable: Y,
     activeSortable: b.active,
     originalEvent: r,
     oldIndex: Ee,
-    oldDraggableIndex: $e,
+    oldDraggableIndex: xe,
     newIndex: Q,
     newDraggableIndex: ce,
     hideGhostForTarget: mi,
@@ -1218,7 +1236,7 @@ var On = ["evt"], K = function(e, i) {
       fe = !1;
     },
     dispatchSortableEvent: function(s) {
-      X({
+      j({
         sortable: i,
         name: s,
         originalEvent: r
@@ -1226,19 +1244,19 @@ var On = ["evt"], K = function(e, i) {
     }
   }, o));
 };
-function X(t) {
+function j(t) {
   Tn(re({
-    putSortable: H,
-    cloneEl: P,
-    targetEl: h,
-    rootEl: k,
+    putSortable: Y,
+    cloneEl: $,
+    targetEl: f,
+    rootEl: N,
     oldIndex: Ee,
-    oldDraggableIndex: $e,
+    oldDraggableIndex: xe,
     newIndex: Q,
     newDraggableIndex: ce
   }, t));
 }
-var h, x, w, k, ve, Ue, P, fe, Ee, Q, $e, ce, Le, H, _e = !1, nt = !1, rt = [], me, te, mt, gt, jt, Gt, ze, we, Me, Re = !1, Be = !1, qe, B, vt = [], Ct = !1, ot = [], st = typeof document < "u", Ye = ni, Kt = Ve || se ? "cssFloat" : "float", Cn = st && !ri && !ni && "draggable" in document.createElement("div"), fi = function() {
+var f, M, w, N, be, qe, $, fe, Ee, Q, xe, ce, Be, Y, _e = !1, nt = !1, rt = [], ge, te, mt, gt, jt, Kt, ze, we, Ve, Re = !1, Ye = !1, Je, W, vt = [], Ot = !1, ot = [], st = typeof document < "u", Xe = ni, Gt = Fe || se ? "cssFloat" : "float", On = st && !ri && !ni && "draggable" in document.createElement("div"), fi = function() {
   if (st) {
     if (se)
       return !1;
@@ -1246,25 +1264,25 @@ var h, x, w, k, ve, Ue, P, fe, Ee, Q, $e, ce, Le, H, _e = !1, nt = !1, rt = [],
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
 }(), hi = function(e, i) {
-  var n = v(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), o = Ie(e, 0, i), l = Ie(e, 1, i), s = o && v(o), a = l && v(l), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + V(o).width, d = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + V(l).width;
+  var n = v(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), o = Ie(e, 0, i), l = Ie(e, 1, i), s = o && v(o), a = l && v(l), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + F(o).width, d = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + F(l).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
     return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
   if (o && s.float && s.float !== "none") {
-    var f = s.float === "left" ? "left" : "right";
-    return l && (a.clear === "both" || a.clear === f) ? "vertical" : "horizontal";
+    var h = s.float === "left" ? "left" : "right";
+    return l && (a.clear === "both" || a.clear === h) ? "vertical" : "horizontal";
   }
-  return o && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= r && n[Kt] === "none" || l && n[Kt] === "none" && u + d > r) ? "vertical" : "horizontal";
+  return o && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= r && n[Gt] === "none" || l && n[Gt] === "none" && u + d > r) ? "vertical" : "horizontal";
 }, zn = function(e, i, n) {
   var r = n ? e.left : e.top, o = n ? e.right : e.bottom, l = n ? e.width : e.height, s = n ? i.left : i.top, a = n ? i.right : i.bottom, u = n ? i.width : i.height;
   return r === s || o === a || r + l / 2 === s + u / 2;
 }, An = function(e, i) {
   var n;
   return rt.some(function(r) {
-    var o = r[U].options.emptyInsertThreshold;
+    var o = r[q].options.emptyInsertThreshold;
     if (!(!o || Pt(r))) {
-      var l = V(r), s = e >= l.left - o && e <= l.right + o, a = i >= l.top - o && i <= l.bottom + o;
+      var l = F(r), s = e >= l.left - o && e <= l.right + o, a = i >= l.top - o && i <= l.bottom + o;
       if (s && a)
         return n = r;
     }
@@ -1272,8 +1290,8 @@ var h, x, w, k, ve, Ue, P, fe, Ee, Q, $e, ce, Le, H, _e = !1, nt = !1, rt = [],
 }, pi = function(e) {
   function i(o, l) {
     return function(s, a, u, d) {
-      var f = s.options.group.name && a.options.group.name && s.options.group.name === a.options.group.name;
-      if (o == null && (l || f))
+      var h = s.options.group.name && a.options.group.name && s.options.group.name === a.options.group.name;
+      if (o == null && (l || h))
         return !0;
       if (o == null || o === !1)
         return !1;
@@ -1281,12 +1299,12 @@ var h, x, w, k, ve, Ue, P, fe, Ee, Q, $e, ce, Le, H, _e = !1, nt = !1, rt = [],
         return o;
       if (typeof o == "function")
         return i(o(s, a, u, d), l)(s, a, u, d);
-      var m = (l ? s : a).options.group.name;
-      return o === !0 || typeof o == "string" && o === m || o.join && o.indexOf(m) > -1;
+      var p = (l ? s : a).options.group.name;
+      return o === !0 || typeof o == "string" && o === p || o.join && o.indexOf(p) > -1;
     };
   }
   var n = {}, r = e.group;
-  (!r || Ke(r) != "object") && (r = {
+  (!r || Ue(r) != "object") && (r = {
     name: r
   }), n.name = r.name, n.checkPull = i(r.pull, !0), n.checkPut = i(r.put), n.revertClone = r.revertClone, e.group = n;
 }, mi = function() {
@@ -1298,24 +1316,24 @@ st && !ri && document.addEventListener("click", function(t) {
   if (nt)
     return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), nt = !1, !1;
 }, !0);
-var ge = function(e) {
-  if (h) {
+var ve = function(e) {
+  if (f) {
     e = e.touches ? e.touches[0] : e;
     var i = An(e.clientX, e.clientY);
     if (i) {
       var n = {};
       for (var r in e)
         e.hasOwnProperty(r) && (n[r] = e[r]);
-      n.target = n.rootEl = i, n.preventDefault = void 0, n.stopPropagation = void 0, i[U]._onDragOver(n);
+      n.target = n.rootEl = i, n.preventDefault = void 0, n.stopPropagation = void 0, i[q]._onDragOver(n);
     }
   }
 }, kn = function(e) {
-  h && h.parentNode[U]._isOutsideThisEl(e.target);
+  f && f.parentNode[q]._isOutsideThisEl(e.target);
 };
 function b(t, e) {
   if (!(t && t.nodeType && t.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
-  this.el = t, this.options = e = ae({}, e), t[U] = this;
+  this.el = t, this.options = e = ae({}, e), t[q] = this;
   var i = {
     group: null,
     sort: !0,
@@ -1358,16 +1376,16 @@ function b(t, e) {
       x: 0,
       y: 0
     },
-    supportPointer: b.supportPointer !== !1 && "PointerEvent" in window && !Pe,
+    supportPointer: b.supportPointer !== !1 && "PointerEvent" in window && !$e,
     emptyInsertThreshold: 5
   };
-  Fe.initializePlugins(this, t, i);
+  He.initializePlugins(this, t, i);
   for (var n in i)
     !(n in e) && (e[n] = i[n]);
   pi(e);
   for (var r in this)
     r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : Cn, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? O(t, "pointerdown", this._onTapStart) : (O(t, "mousedown", this._onTapStart), O(t, "touchstart", this._onTapStart)), this.nativeDraggable && (O(t, "dragover", this), O(t, "dragenter", this)), rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ae(this, En());
+  this.nativeDraggable = e.forceFallback ? !1 : On, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? z(t, "pointerdown", this._onTapStart) : (z(t, "mousedown", this._onTapStart), z(t, "touchstart", this._onTapStart)), this.nativeDraggable && (z(t, "dragover", this), z(t, "dragenter", this)), rt.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ae(this, En());
 }
 b.prototype = /** @lends Sortable.prototype */
 {
@@ -1376,36 +1394,36 @@ b.prototype = /** @lends Sortable.prototype */
     !this.el.contains(e) && e !== this.el && (we = null);
   },
   _getDirection: function(e, i) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, i, h) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, i, f) : this.options.direction;
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
       var i = this, n = this.el, r = this.options, o = r.preventOnFilter, l = e.type, s = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, a = (s || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || a, d = r.filter;
-      if (Fn(n), !h && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || r.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Pe && a && a.tagName.toUpperCase() === "SELECT") && (a = ie(a, r.draggable, n, !1), !(a && a.animated) && Ue !== a)) {
-        if (Ee = ee(a), $e = ee(a, r.draggable), typeof d == "function") {
+      if (Fn(n), !f && !(/mousedown|pointerdown/.test(l) && e.button !== 0 || r.disabled) && !u.isContentEditable && !(!this.nativeDraggable && $e && a && a.tagName.toUpperCase() === "SELECT") && (a = ie(a, r.draggable, n, !1), !(a && a.animated) && qe !== a)) {
+        if (Ee = ee(a), xe = ee(a, r.draggable), typeof d == "function") {
           if (d.call(this, e, a, this)) {
-            X({
+            j({
               sortable: i,
               rootEl: u,
               name: "filter",
               targetEl: a,
               toEl: n,
               fromEl: n
-            }), K("filter", i, {
+            }), U("filter", i, {
               evt: e
             }), o && e.cancelable && e.preventDefault();
             return;
           }
-        } else if (d && (d = d.split(",").some(function(f) {
-          if (f = ie(u, f.trim(), n, !1), f)
-            return X({
+        } else if (d && (d = d.split(",").some(function(h) {
+          if (h = ie(u, h.trim(), n, !1), h)
+            return j({
               sortable: i,
-              rootEl: f,
+              rootEl: h,
               name: "filter",
               targetEl: a,
               fromEl: n,
               toEl: n
-            }), K("filter", i, {
+            }), U("filter", i, {
               evt: e
             }), !0;
         }), d)) {
@@ -1418,34 +1436,34 @@ b.prototype = /** @lends Sortable.prototype */
   },
   _prepareDragStart: function(e, i, n) {
     var r = this, o = r.el, l = r.options, s = o.ownerDocument, a;
-    if (n && !h && n.parentNode === o) {
-      var u = V(n);
-      if (k = o, h = n, x = h.parentNode, ve = h.nextSibling, Ue = n, Le = l.group, b.dragged = h, me = {
-        target: h,
+    if (n && !f && n.parentNode === o) {
+      var u = F(n);
+      if (N = o, f = n, M = f.parentNode, be = f.nextSibling, qe = n, Be = l.group, b.dragged = f, ge = {
+        target: f,
         clientX: (i || e).clientX,
         clientY: (i || e).clientY
-      }, jt = me.clientX - u.left, Gt = me.clientY - u.top, this._lastX = (i || e).clientX, this._lastY = (i || e).clientY, h.style["will-change"] = "all", a = function() {
-        if (K("delayEnded", r, {
+      }, jt = ge.clientX - u.left, Kt = ge.clientY - u.top, this._lastX = (i || e).clientX, this._lastY = (i || e).clientY, f.style["will-change"] = "all", a = function() {
+        if (U("delayEnded", r, {
           evt: e
         }), b.eventCanceled) {
           r._onDrop();
           return;
         }
-        r._disableDelayedDragEvents(), !Bt && r.nativeDraggable && (h.draggable = !0), r._triggerDragStart(e, i), X({
+        r._disableDelayedDragEvents(), !Bt && r.nativeDraggable && (f.draggable = !0), r._triggerDragStart(e, i), j({
           sortable: r,
           name: "choose",
           originalEvent: e
-        }), Z(h, l.chosenClass, !0);
+        }), Z(f, l.chosenClass, !0);
       }, l.ignore.split(",").forEach(function(d) {
-        ai(h, d.trim(), bt);
-      }), O(s, "dragover", ge), O(s, "mousemove", ge), O(s, "touchmove", ge), O(s, "mouseup", r._onDrop), O(s, "touchend", r._onDrop), O(s, "touchcancel", r._onDrop), Bt && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), K("delayStart", this, {
+        ai(f, d.trim(), bt);
+      }), z(s, "dragover", ve), z(s, "mousemove", ve), z(s, "touchmove", ve), z(s, "mouseup", r._onDrop), z(s, "touchend", r._onDrop), z(s, "touchcancel", r._onDrop), Bt && this.nativeDraggable && (this.options.touchStartThreshold = 4, f.draggable = !0), U("delayStart", this, {
         evt: e
-      }), l.delay && (!l.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Ve || se))) {
+      }), l.delay && (!l.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Fe || se))) {
         if (b.eventCanceled) {
           this._onDrop();
           return;
         }
-        O(s, "mouseup", r._disableDelayedDrag), O(s, "touchend", r._disableDelayedDrag), O(s, "touchcancel", r._disableDelayedDrag), O(s, "mousemove", r._delayedDragTouchMoveHandler), O(s, "touchmove", r._delayedDragTouchMoveHandler), l.supportPointer && O(s, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(a, l.delay);
+        z(s, "mouseup", r._disableDelayedDrag), z(s, "touchend", r._disableDelayedDrag), z(s, "touchcancel", r._disableDelayedDrag), z(s, "mousemove", r._delayedDragTouchMoveHandler), z(s, "touchmove", r._delayedDragTouchMoveHandler), l.supportPointer && z(s, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(a, l.delay);
       } else
         a();
     }
@@ -1455,28 +1473,28 @@ b.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    h && bt(h), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    f && bt(f), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    I(e, "mouseup", this._disableDelayedDrag), I(e, "touchend", this._disableDelayedDrag), I(e, "touchcancel", this._disableDelayedDrag), I(e, "mousemove", this._delayedDragTouchMoveHandler), I(e, "touchmove", this._delayedDragTouchMoveHandler), I(e, "pointermove", this._delayedDragTouchMoveHandler);
+    O(e, "mouseup", this._disableDelayedDrag), O(e, "touchend", this._disableDelayedDrag), O(e, "touchcancel", this._disableDelayedDrag), O(e, "mousemove", this._delayedDragTouchMoveHandler), O(e, "touchmove", this._delayedDragTouchMoveHandler), O(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, i) {
-    i = i || e.pointerType == "touch" && e, !this.nativeDraggable || i ? this.options.supportPointer ? O(document, "pointermove", this._onTouchMove) : i ? O(document, "touchmove", this._onTouchMove) : O(document, "mousemove", this._onTouchMove) : (O(h, "dragend", this), O(k, "dragstart", this._onDragStart));
+    i = i || e.pointerType == "touch" && e, !this.nativeDraggable || i ? this.options.supportPointer ? z(document, "pointermove", this._onTouchMove) : i ? z(document, "touchmove", this._onTouchMove) : z(document, "mousemove", this._onTouchMove) : (z(f, "dragend", this), z(N, "dragstart", this._onDragStart));
     try {
-      document.selection ? Je(function() {
+      document.selection ? Ze(function() {
         document.selection.empty();
       }) : window.getSelection().removeAllRanges();
     } catch {
     }
   },
   _dragStarted: function(e, i) {
-    if (_e = !1, k && h) {
-      K("dragStarted", this, {
+    if (_e = !1, N && f) {
+      U("dragStarted", this, {
         evt: i
-      }), this.nativeDraggable && O(document, "dragover", kn);
+      }), this.nativeDraggable && z(document, "dragover", kn);
       var n = this.options;
-      !e && Z(h, n.dragClass, !1), Z(h, n.ghostClass, !0), b.active = this, e && this._appendGhost(), X({
+      !e && Z(f, n.dragClass, !1), Z(f, n.ghostClass, !0), b.active = this, e && this._appendGhost(), j({
         sortable: this,
         name: "start",
         originalEvent: i
@@ -1489,11 +1507,11 @@ b.prototype = /** @lends Sortable.prototype */
       this._lastX = te.clientX, this._lastY = te.clientY, mi();
       for (var e = document.elementFromPoint(te.clientX, te.clientY), i = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(te.clientX, te.clientY), e !== i); )
         i = e;
-      if (h.parentNode[U]._isOutsideThisEl(e), i)
+      if (f.parentNode[q]._isOutsideThisEl(e), i)
         do {
-          if (i[U]) {
+          if (i[q]) {
             var n = void 0;
-            if (n = i[U]._onDragOver({
+            if (n = i[q]._onDragOver({
               clientX: te.clientX,
               clientY: te.clientY,
               target: e,
@@ -1507,88 +1525,88 @@ b.prototype = /** @lends Sortable.prototype */
     }
   },
   _onTouchMove: function(e) {
-    if (me) {
-      var i = this.options, n = i.fallbackTolerance, r = i.fallbackOffset, o = e.touches ? e.touches[0] : e, l = w && De(w, !0), s = w && l && l.a, a = w && l && l.d, u = Ye && B && Wt(B), d = (o.clientX - me.clientX + r.x) / (s || 1) + (u ? u[0] - vt[0] : 0) / (s || 1), f = (o.clientY - me.clientY + r.y) / (a || 1) + (u ? u[1] - vt[1] : 0) / (a || 1);
+    if (ge) {
+      var i = this.options, n = i.fallbackTolerance, r = i.fallbackOffset, o = e.touches ? e.touches[0] : e, l = w && De(w, !0), s = w && l && l.a, a = w && l && l.d, u = Xe && W && Wt(W), d = (o.clientX - ge.clientX + r.x) / (s || 1) + (u ? u[0] - vt[0] : 0) / (s || 1), h = (o.clientY - ge.clientY + r.y) / (a || 1) + (u ? u[1] - vt[1] : 0) / (a || 1);
       if (!b.active && !_e) {
         if (n && Math.max(Math.abs(o.clientX - this._lastX), Math.abs(o.clientY - this._lastY)) < n)
           return;
         this._onDragStart(e, !0);
       }
       if (w) {
-        l ? (l.e += d - (mt || 0), l.f += f - (gt || 0)) : l = {
+        l ? (l.e += d - (mt || 0), l.f += h - (gt || 0)) : l = {
           a: 1,
           b: 0,
           c: 0,
           d: 1,
           e: d,
-          f
+          f: h
         };
-        var m = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
-        v(w, "webkitTransform", m), v(w, "mozTransform", m), v(w, "msTransform", m), v(w, "transform", m), mt = d, gt = f, te = o;
+        var p = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
+        v(w, "webkitTransform", p), v(w, "mozTransform", p), v(w, "msTransform", p), v(w, "transform", p), mt = d, gt = h, te = o;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!w) {
-      var e = this.options.fallbackOnBody ? document.body : k, i = V(h, !0, Ye, !0, e), n = this.options;
-      if (Ye) {
-        for (B = e; v(B, "position") === "static" && v(B, "transform") === "none" && B !== document; )
-          B = B.parentNode;
-        B !== document.body && B !== document.documentElement ? (B === document && (B = ne()), i.top += B.scrollTop, i.left += B.scrollLeft) : B = ne(), vt = Wt(B);
+      var e = this.options.fallbackOnBody ? document.body : N, i = F(f, !0, Xe, !0, e), n = this.options;
+      if (Xe) {
+        for (W = e; v(W, "position") === "static" && v(W, "transform") === "none" && W !== document; )
+          W = W.parentNode;
+        W !== document.body && W !== document.documentElement ? (W === document && (W = ne()), i.top += W.scrollTop, i.left += W.scrollLeft) : W = ne(), vt = Wt(W);
       }
-      w = h.cloneNode(!0), Z(w, n.ghostClass, !1), Z(w, n.fallbackClass, !0), Z(w, n.dragClass, !0), v(w, "transition", ""), v(w, "transform", ""), v(w, "box-sizing", "border-box"), v(w, "margin", 0), v(w, "top", i.top), v(w, "left", i.left), v(w, "width", i.width), v(w, "height", i.height), v(w, "opacity", "0.8"), v(w, "position", Ye ? "absolute" : "fixed"), v(w, "zIndex", "100000"), v(w, "pointerEvents", "none"), b.ghost = w, e.appendChild(w), v(w, "transform-origin", jt / parseInt(w.style.width) * 100 + "% " + Gt / parseInt(w.style.height) * 100 + "%");
+      w = f.cloneNode(!0), Z(w, n.ghostClass, !1), Z(w, n.fallbackClass, !0), Z(w, n.dragClass, !0), v(w, "transition", ""), v(w, "transform", ""), v(w, "box-sizing", "border-box"), v(w, "margin", 0), v(w, "top", i.top), v(w, "left", i.left), v(w, "width", i.width), v(w, "height", i.height), v(w, "opacity", "0.8"), v(w, "position", Xe ? "absolute" : "fixed"), v(w, "zIndex", "100000"), v(w, "pointerEvents", "none"), b.ghost = w, e.appendChild(w), v(w, "transform-origin", jt / parseInt(w.style.width) * 100 + "% " + Kt / parseInt(w.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, i) {
     var n = this, r = e.dataTransfer, o = n.options;
-    if (K("dragStart", this, {
+    if (U("dragStart", this, {
       evt: e
     }), b.eventCanceled) {
       this._onDrop();
       return;
     }
-    K("setupClone", this), b.eventCanceled || (P = di(h), P.removeAttribute("id"), P.draggable = !1, P.style["will-change"] = "", this._hideClone(), Z(P, this.options.chosenClass, !1), b.clone = P), n.cloneId = Je(function() {
-      K("clone", n), !b.eventCanceled && (n.options.removeCloneOnHide || k.insertBefore(P, h), n._hideClone(), X({
+    U("setupClone", this), b.eventCanceled || ($ = di(f), $.removeAttribute("id"), $.draggable = !1, $.style["will-change"] = "", this._hideClone(), Z($, this.options.chosenClass, !1), b.clone = $), n.cloneId = Ze(function() {
+      U("clone", n), !b.eventCanceled && (n.options.removeCloneOnHide || N.insertBefore($, f), n._hideClone(), j({
         sortable: n,
         name: "clone"
       }));
-    }), !i && Z(h, o.dragClass, !0), i ? (nt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (I(document, "mouseup", n._onDrop), I(document, "touchend", n._onDrop), I(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", o.setData && o.setData.call(n, r, h)), O(document, "drop", n), v(h, "transform", "translateZ(0)")), _e = !0, n._dragStartId = Je(n._dragStarted.bind(n, i, e)), O(document, "selectstart", n), ze = !0, Pe && v(document.body, "user-select", "none");
+    }), !i && Z(f, o.dragClass, !0), i ? (nt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (O(document, "mouseup", n._onDrop), O(document, "touchend", n._onDrop), O(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", o.setData && o.setData.call(n, r, f)), z(document, "drop", n), v(f, "transform", "translateZ(0)")), _e = !0, n._dragStartId = Ze(n._dragStarted.bind(n, i, e)), z(document, "selectstart", n), ze = !0, $e && v(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var i = this.el, n = e.target, r, o, l, s = this.options, a = s.group, u = b.active, d = Le === a, f = s.sort, m = H || u, _, S = this, p = !1;
-    if (Ct) return;
-    function c(Te, bi) {
-      K(Te, S, re({
+    var i = this.el, n = e.target, r, o, l, s = this.options, a = s.group, u = b.active, d = Be === a, h = s.sort, p = Y || u, _, S = this, m = !1;
+    if (Ot) return;
+    function I(Te, bi) {
+      U(Te, S, re({
         evt: e,
         isOwner: d,
         axis: _ ? "vertical" : "horizontal",
         revert: l,
         dragRect: r,
         targetRect: o,
-        canSort: f,
-        fromSortable: m,
+        canSort: h,
+        fromSortable: p,
         target: n,
-        completed: T,
-        onMove: function(Mt, yi) {
-          return Xe(k, i, h, r, Mt, V(Mt), e, yi);
+        completed: c,
+        onMove: function(xt, yi) {
+          return We(N, i, f, r, xt, F(xt), e, yi);
         },
-        changed: y
+        changed: C
       }, bi));
     }
-    function C() {
-      c("dragOverAnimationCapture"), S.captureAnimationState(), S !== m && m.captureAnimationState();
+    function y() {
+      I("dragOverAnimationCapture"), S.captureAnimationState(), S !== p && p.captureAnimationState();
     }
-    function T(Te) {
-      return c("dragOverCompleted", {
+    function c(Te) {
+      return I("dragOverCompleted", {
         insertion: Te
-      }), Te && (d ? u._hideClone() : u._showClone(S), S !== m && (Z(h, H ? H.options.ghostClass : u.options.ghostClass, !1), Z(h, s.ghostClass, !0)), H !== S && S !== b.active ? H = S : S === b.active && H && (H = null), m === S && (S._ignoreWhileAnimating = n), S.animateAll(function() {
-        c("dragOverAnimationComplete"), S._ignoreWhileAnimating = null;
-      }), S !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === h && !h.animated || n === i && !n.animated) && (we = null), !s.dragoverBubble && !e.rootEl && n !== document && (h.parentNode[U]._isOutsideThisEl(e.target), !Te && ge(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), p = !0;
+      }), Te && (d ? u._hideClone() : u._showClone(S), S !== p && (Z(f, Y ? Y.options.ghostClass : u.options.ghostClass, !1), Z(f, s.ghostClass, !0)), Y !== S && S !== b.active ? Y = S : S === b.active && Y && (Y = null), p === S && (S._ignoreWhileAnimating = n), S.animateAll(function() {
+        I("dragOverAnimationComplete"), S._ignoreWhileAnimating = null;
+      }), S !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (n === f && !f.animated || n === i && !n.animated) && (we = null), !s.dragoverBubble && !e.rootEl && n !== document && (f.parentNode[q]._isOutsideThisEl(e.target), !Te && ve(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
     }
-    function y() {
-      Q = ee(h), ce = ee(h, s.draggable), X({
+    function C() {
+      Q = ee(f), ce = ee(f, s.draggable), j({
         sortable: S,
         name: "change",
         toEl: i,
@@ -1597,114 +1615,114 @@ b.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = ie(n, s.draggable, i, !0), c("dragOver"), b.eventCanceled) return p;
-    if (h.contains(e.target) || n.animated && n.animatingX && n.animatingY || S._ignoreWhileAnimating === n)
-      return T(!1);
-    if (nt = !1, u && !s.disabled && (d ? f || (l = x !== k) : H === this || (this.lastPutMode = Le.checkPull(this, u, h, e)) && a.checkPut(this, u, h, e))) {
-      if (_ = this._getDirection(e, n) === "vertical", r = V(h), c("dragOverValid"), b.eventCanceled) return p;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = ie(n, s.draggable, i, !0), I("dragOver"), b.eventCanceled) return m;
+    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || S._ignoreWhileAnimating === n)
+      return c(!1);
+    if (nt = !1, u && !s.disabled && (d ? h || (l = M !== N) : Y === this || (this.lastPutMode = Be.checkPull(this, u, f, e)) && a.checkPut(this, u, f, e))) {
+      if (_ = this._getDirection(e, n) === "vertical", r = F(f), I("dragOverValid"), b.eventCanceled) return m;
       if (l)
-        return x = k, C(), this._hideClone(), c("revert"), b.eventCanceled || (ve ? k.insertBefore(h, ve) : k.appendChild(h)), T(!0);
+        return M = N, y(), this._hideClone(), I("revert"), b.eventCanceled || (be ? N.insertBefore(f, be) : N.appendChild(f)), c(!0);
       var g = Pt(i, s.draggable);
-      if (!g || $n(e, _, this) && !g.animated) {
-        if (g === h)
-          return T(!1);
-        if (g && i === e.target && (n = g), n && (o = V(n)), Xe(k, i, h, r, n, o, e, !!n) !== !1)
-          return C(), g && g.nextSibling ? i.insertBefore(h, g.nextSibling) : i.appendChild(h), x = i, y(), T(!0);
-      } else if (g && xn(e, _, this)) {
-        var j = Ie(i, 0, s, !0);
-        if (j === h)
-          return T(!1);
-        if (n = j, o = V(n), Xe(k, i, h, r, n, o, e, !1) !== !1)
-          return C(), i.insertBefore(h, j), x = i, y(), T(!0);
+      if (!g || Mn(e, _, this) && !g.animated) {
+        if (g === f)
+          return c(!1);
+        if (g && i === e.target && (n = g), n && (o = F(n)), We(N, i, f, r, n, o, e, !!n) !== !1)
+          return y(), g && g.nextSibling ? i.insertBefore(f, g.nextSibling) : i.appendChild(f), M = i, C(), c(!0);
+      } else if (g && $n(e, _, this)) {
+        var E = Ie(i, 0, s, !0);
+        if (E === f)
+          return c(!1);
+        if (n = E, o = F(n), We(N, i, f, r, n, o, e, !1) !== !1)
+          return y(), i.insertBefore(f, E), M = i, C(), c(!0);
       } else if (n.parentNode === i) {
-        o = V(n);
-        var q = 0, Y, G = h.parentNode !== i, F = !zn(h.animated && h.toRect || r, n.animated && n.toRect || o, _), E = _ ? "top" : "left", $ = Xt(n, "top", "top") || Xt(h, "top", "top"), N = $ ? $.scrollTop : void 0;
-        we !== n && (Y = o[E], Re = !1, Be = !F && s.invertSwap || G), q = Mn(e, n, o, _, F ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Be, we === n);
-        var z;
-        if (q !== 0) {
-          var J = ee(h);
+        o = F(n);
+        var L = 0, H, G = f.parentNode !== i, B = !zn(f.animated && f.toRect || r, n.animated && n.toRect || o, _), T = _ ? "top" : "left", x = Xt(n, "top", "top") || Xt(f, "top", "top"), P = x ? x.scrollTop : void 0;
+        we !== n && (H = o[T], Re = !1, Ye = !B && s.invertSwap || G), L = xn(e, n, o, _, B ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Ye, we === n);
+        var A;
+        if (L !== 0) {
+          var J = ee(f);
           do
-            J -= q, z = x.children[J];
-          while (z && (v(z, "display") === "none" || z === w));
+            J -= L, A = M.children[J];
+          while (A && (v(A, "display") === "none" || A === w));
         }
-        if (q === 0 || z === n)
-          return T(!1);
-        we = n, Me = q;
-        var ue = n.nextElementSibling, M = !1;
-        M = q === 1;
-        var pe = Xe(k, i, h, r, n, o, e, M);
-        if (pe !== !1)
-          return (pe === 1 || pe === -1) && (M = pe === 1), Ct = !0, setTimeout(Pn, 30), C(), M && !ue ? i.appendChild(h) : n.parentNode.insertBefore(h, M ? ue : n), $ && ui($, 0, N - $.scrollTop), x = h.parentNode, Y !== void 0 && !Be && (qe = Math.abs(Y - V(n)[E])), y(), T(!0);
+        if (L === 0 || A === n)
+          return c(!1);
+        we = n, Ve = L;
+        var ue = n.nextElementSibling, V = !1;
+        V = L === 1;
+        var me = We(N, i, f, r, n, o, e, V);
+        if (me !== !1)
+          return (me === 1 || me === -1) && (V = me === 1), Ot = !0, setTimeout(Pn, 30), y(), V && !ue ? i.appendChild(f) : n.parentNode.insertBefore(f, V ? ue : n), x && ui(x, 0, P - x.scrollTop), M = f.parentNode, H !== void 0 && !Ye && (Je = Math.abs(H - F(n)[T])), C(), c(!0);
       }
-      if (i.contains(h))
-        return T(!1);
+      if (i.contains(f))
+        return c(!1);
     }
     return !1;
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    I(document, "mousemove", this._onTouchMove), I(document, "touchmove", this._onTouchMove), I(document, "pointermove", this._onTouchMove), I(document, "dragover", ge), I(document, "mousemove", ge), I(document, "touchmove", ge);
+    O(document, "mousemove", this._onTouchMove), O(document, "touchmove", this._onTouchMove), O(document, "pointermove", this._onTouchMove), O(document, "dragover", ve), O(document, "mousemove", ve), O(document, "touchmove", ve);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    I(e, "mouseup", this._onDrop), I(e, "touchend", this._onDrop), I(e, "pointerup", this._onDrop), I(e, "touchcancel", this._onDrop), I(document, "selectstart", this);
+    O(e, "mouseup", this._onDrop), O(e, "touchend", this._onDrop), O(e, "pointerup", this._onDrop), O(e, "touchcancel", this._onDrop), O(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var i = this.el, n = this.options;
-    if (Q = ee(h), ce = ee(h, n.draggable), K("drop", this, {
+    if (Q = ee(f), ce = ee(f, n.draggable), U("drop", this, {
       evt: e
-    }), x = h && h.parentNode, Q = ee(h), ce = ee(h, n.draggable), b.eventCanceled) {
+    }), M = f && f.parentNode, Q = ee(f), ce = ee(f, n.draggable), b.eventCanceled) {
       this._nulling();
       return;
     }
-    _e = !1, Be = !1, Re = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), zt(this.cloneId), zt(this._dragStartId), this.nativeDraggable && (I(document, "drop", this), I(i, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Pe && v(document.body, "user-select", ""), v(h, "transform", ""), e && (ze && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), w && w.parentNode && w.parentNode.removeChild(w), (k === x || H && H.lastPutMode !== "clone") && P && P.parentNode && P.parentNode.removeChild(P), h && (this.nativeDraggable && I(h, "dragend", this), bt(h), h.style["will-change"] = "", ze && !_e && Z(h, H ? H.options.ghostClass : this.options.ghostClass, !1), Z(h, this.options.chosenClass, !1), X({
+    _e = !1, Ye = !1, Re = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), zt(this.cloneId), zt(this._dragStartId), this.nativeDraggable && (O(document, "drop", this), O(i, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), $e && v(document.body, "user-select", ""), v(f, "transform", ""), e && (ze && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), w && w.parentNode && w.parentNode.removeChild(w), (N === M || Y && Y.lastPutMode !== "clone") && $ && $.parentNode && $.parentNode.removeChild($), f && (this.nativeDraggable && O(f, "dragend", this), bt(f), f.style["will-change"] = "", ze && !_e && Z(f, Y ? Y.options.ghostClass : this.options.ghostClass, !1), Z(f, this.options.chosenClass, !1), j({
       sortable: this,
       name: "unchoose",
-      toEl: x,
+      toEl: M,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), k !== x ? (Q >= 0 && (X({
-      rootEl: x,
+    }), N !== M ? (Q >= 0 && (j({
+      rootEl: M,
       name: "add",
-      toEl: x,
-      fromEl: k,
+      toEl: M,
+      fromEl: N,
       originalEvent: e
-    }), X({
+    }), j({
       sortable: this,
       name: "remove",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    }), X({
-      rootEl: x,
+    }), j({
+      rootEl: M,
       name: "sort",
-      toEl: x,
-      fromEl: k,
+      toEl: M,
+      fromEl: N,
       originalEvent: e
-    }), X({
+    }), j({
       sortable: this,
       name: "sort",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    })), H && H.save()) : Q !== Ee && Q >= 0 && (X({
+    })), Y && Y.save()) : Q !== Ee && Q >= 0 && (j({
       sortable: this,
       name: "update",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    }), X({
+    }), j({
       sortable: this,
       name: "sort",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    })), b.active && ((Q == null || Q === -1) && (Q = Ee, ce = $e), X({
+    })), b.active && ((Q == null || Q === -1) && (Q = Ee, ce = xe), j({
       sortable: this,
       name: "end",
-      toEl: x,
+      toEl: M,
       originalEvent: e
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    K("nulling", this), k = h = x = w = ve = P = Ue = fe = me = te = ze = Q = ce = Ee = $e = we = Me = H = Le = b.dragged = b.ghost = b.clone = b.active = null, ot.forEach(function(e) {
+    U("nulling", this), N = f = M = w = be = $ = qe = fe = ge = te = ze = Q = ce = Ee = xe = we = Ve = Y = Be = b.dragged = b.ghost = b.clone = b.active = null, ot.forEach(function(e) {
       e.checked = !0;
     }), ot.length = mt = gt = 0;
   },
@@ -1716,7 +1734,7 @@ b.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Nn(e));
+        f && (this._onDragOver(e), Nn(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1729,7 +1747,7 @@ b.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], i, n = this.el.children, r = 0, o = n.length, l = this.options; r < o; r++)
-      i = n[r], ie(i, l.draggable, this.el, !1) && e.push(i.getAttribute(l.dataIdAttr) || Vn(i));
+      i = n[r], ie(i, l.draggable, this.el, !1) && e.push(i.getAttribute(l.dataIdAttr) || Rn(i));
     return e;
   },
   /**
@@ -1771,23 +1789,23 @@ b.prototype = /** @lends Sortable.prototype */
     var n = this.options;
     if (i === void 0)
       return n[e];
-    var r = Fe.modifyOption(this, e, i);
+    var r = He.modifyOption(this, e, i);
     typeof r < "u" ? n[e] = r : n[e] = i, e === "group" && pi(n);
   },
   /**
    * Destroy
    */
   destroy: function() {
-    K("destroy", this);
+    U("destroy", this);
     var e = this.el;
-    e[U] = null, I(e, "mousedown", this._onTapStart), I(e, "touchstart", this._onTapStart), I(e, "pointerdown", this._onTapStart), this.nativeDraggable && (I(e, "dragover", this), I(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(i) {
+    e[q] = null, O(e, "mousedown", this._onTapStart), O(e, "touchstart", this._onTapStart), O(e, "pointerdown", this._onTapStart), this.nativeDraggable && (O(e, "dragover", this), O(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(i) {
       i.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), rt.splice(rt.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!fe) {
-      if (K("hideClone", this), b.eventCanceled) return;
-      v(P, "display", "none"), this.options.removeCloneOnHide && P.parentNode && P.parentNode.removeChild(P), fe = !0;
+      if (U("hideClone", this), b.eventCanceled) return;
+      v($, "display", "none"), this.options.removeCloneOnHide && $.parentNode && $.parentNode.removeChild($), fe = !0;
     }
   },
   _showClone: function(e) {
@@ -1796,52 +1814,52 @@ b.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (fe) {
-      if (K("showClone", this), b.eventCanceled) return;
-      h.parentNode == k && !this.options.group.revertClone ? k.insertBefore(P, h) : ve ? k.insertBefore(P, ve) : k.appendChild(P), this.options.group.revertClone && this.animate(h, P), v(P, "display", ""), fe = !1;
+      if (U("showClone", this), b.eventCanceled) return;
+      f.parentNode == N && !this.options.group.revertClone ? N.insertBefore($, f) : be ? N.insertBefore($, be) : N.appendChild($), this.options.group.revertClone && this.animate(f, $), v($, "display", ""), fe = !1;
     }
   }
 };
 function Nn(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
-function Xe(t, e, i, n, r, o, l, s) {
-  var a, u = t[U], d = u.options.onMove, f;
-  return window.CustomEvent && !se && !Ve ? a = new CustomEvent("move", {
+function We(t, e, i, n, r, o, l, s) {
+  var a, u = t[q], d = u.options.onMove, h;
+  return window.CustomEvent && !se && !Fe ? a = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (a = document.createEvent("Event"), a.initEvent("move", !0, !0)), a.to = e, a.from = t, a.dragged = i, a.draggedRect = n, a.related = r || e, a.relatedRect = o || V(e), a.willInsertAfter = s, a.originalEvent = l, t.dispatchEvent(a), d && (f = d.call(u, a, l)), f;
+  }) : (a = document.createEvent("Event"), a.initEvent("move", !0, !0)), a.to = e, a.from = t, a.dragged = i, a.draggedRect = n, a.related = r || e, a.relatedRect = o || F(e), a.willInsertAfter = s, a.originalEvent = l, t.dispatchEvent(a), d && (h = d.call(u, a, l)), h;
 }
 function bt(t) {
   t.draggable = !1;
 }
 function Pn() {
-  Ct = !1;
+  Ot = !1;
 }
-function xn(t, e, i) {
-  var n = V(Ie(i.el, 0, i.options, !0)), r = ci(i.el, i.options, w), o = 10;
+function $n(t, e, i) {
+  var n = F(Ie(i.el, 0, i.options, !0)), r = ci(i.el, i.options, w), o = 10;
   return e ? t.clientX < r.left - o || t.clientY < n.top && t.clientX < n.right : t.clientY < r.top - o || t.clientY < n.bottom && t.clientX < n.left;
 }
-function $n(t, e, i) {
-  var n = V(Pt(i.el, i.options.draggable)), r = ci(i.el, i.options, w), o = 10;
+function Mn(t, e, i) {
+  var n = F(Pt(i.el, i.options.draggable)), r = ci(i.el, i.options, w), o = 10;
   return e ? t.clientX > r.right + o || t.clientY > n.bottom && t.clientX > n.left : t.clientY > r.bottom + o || t.clientX > n.right && t.clientY > n.top;
 }
-function Mn(t, e, i, n, r, o, l, s) {
-  var a = n ? t.clientY : t.clientX, u = n ? i.height : i.width, d = n ? i.top : i.left, f = n ? i.bottom : i.right, m = !1;
+function xn(t, e, i, n, r, o, l, s) {
+  var a = n ? t.clientY : t.clientX, u = n ? i.height : i.width, d = n ? i.top : i.left, h = n ? i.bottom : i.right, p = !1;
   if (!l) {
-    if (s && qe < u * r) {
-      if (!Re && (Me === 1 ? a > d + u * o / 2 : a < f - u * o / 2) && (Re = !0), Re)
-        m = !0;
-      else if (Me === 1 ? a < d + qe : a > f - qe)
-        return -Me;
-    } else if (a > d + u * (1 - r) / 2 && a < f - u * (1 - r) / 2)
-      return Rn(e);
+    if (s && Je < u * r) {
+      if (!Re && (Ve === 1 ? a > d + u * o / 2 : a < h - u * o / 2) && (Re = !0), Re)
+        p = !0;
+      else if (Ve === 1 ? a < d + Je : a > h - Je)
+        return -Ve;
+    } else if (a > d + u * (1 - r) / 2 && a < h - u * (1 - r) / 2)
+      return Vn(e);
   }
-  return m = m || l, m && (a < d + u * o / 2 || a > f - u * o / 2) ? a > d + u / 2 ? 1 : -1 : 0;
-}
-function Rn(t) {
-  return ee(h) < ee(t) ? 1 : -1;
+  return p = p || l, p && (a < d + u * o / 2 || a > h - u * o / 2) ? a > d + u / 2 ? 1 : -1 : 0;
 }
 function Vn(t) {
+  return ee(f) < ee(t) ? 1 : -1;
+}
+function Rn(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, i = e.length, n = 0; i--; )
     n += e.charCodeAt(i);
   return n.toString(36);
@@ -1853,18 +1871,18 @@ function Fn(t) {
     n.checked && ot.push(n);
   }
 }
-function Je(t) {
+function Ze(t) {
   return setTimeout(t, 0);
 }
 function zt(t) {
   return clearTimeout(t);
 }
-st && O(document, "touchmove", function(t) {
+st && z(document, "touchmove", function(t) {
   (b.active || _e) && t.cancelable && t.preventDefault();
 });
 b.utils = {
-  on: O,
-  off: I,
+  on: z,
+  off: O,
   css: v,
   find: ai,
   is: function(e, i) {
@@ -1876,14 +1894,14 @@ b.utils = {
   toggleClass: Z,
   clone: di,
   index: ee,
-  nextTick: Je,
+  nextTick: Ze,
   cancelNextTick: zt,
   detectDirection: hi,
   getChild: Ie,
-  expando: U
+  expando: q
 };
 b.get = function(t) {
-  return t[U];
+  return t[q];
 };
 b.mount = function() {
   for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
@@ -1891,7 +1909,7 @@ b.mount = function() {
   e[0].constructor === Array && (e = e[0]), e.forEach(function(n) {
     if (!n.prototype || !n.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
-    n.utils && (b.utils = re(re({}, b.utils), n.utils)), Fe.mount(n);
+    n.utils && (b.utils = re(re({}, b.utils), n.utils)), He.mount(n);
   });
 };
 b.create = function(t, e) {
@@ -1914,14 +1932,14 @@ function Hn() {
   return t.prototype = {
     dragStarted: function(i) {
       var n = i.originalEvent;
-      this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? O(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? O(document, "touchmove", this._handleFallbackAutoScroll) : O(document, "mousemove", this._handleFallbackAutoScroll);
+      this.sortable.nativeDraggable ? z(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? z(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? z(document, "touchmove", this._handleFallbackAutoScroll) : z(document, "mousemove", this._handleFallbackAutoScroll);
     },
     dragOverCompleted: function(i) {
       var n = i.originalEvent;
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? I(document, "dragover", this._handleAutoScroll) : (I(document, "pointermove", this._handleFallbackAutoScroll), I(document, "touchmove", this._handleFallbackAutoScroll), I(document, "mousemove", this._handleFallbackAutoScroll)), Ut(), Ze(), _n();
+      this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : (O(document, "pointermove", this._handleFallbackAutoScroll), O(document, "touchmove", this._handleFallbackAutoScroll), O(document, "mousemove", this._handleFallbackAutoScroll)), Ut(), Qe(), _n();
     },
     nulling: function() {
       lt = At = Ae = kt = ke = yt = wt = null, R.length = 0;
@@ -1931,19 +1949,19 @@ function Hn() {
     },
     _handleAutoScroll: function(i, n) {
       var r = this, o = (i.touches ? i.touches[0] : i).clientX, l = (i.touches ? i.touches[0] : i).clientY, s = document.elementFromPoint(o, l);
-      if (lt = i, n || this.options.forceAutoScrollFallback || Ve || se || Pe) {
+      if (lt = i, n || this.options.forceAutoScrollFallback || Fe || se || $e) {
         St(i, this.options, s, n);
-        var a = he(s, !0);
+        var a = pe(s, !0);
         kt && (!ke || o !== yt || l !== wt) && (ke && Ut(), ke = setInterval(function() {
-          var u = he(document.elementFromPoint(o, l), !0);
-          u !== a && (a = u, Ze()), St(i, r.options, u, n);
+          var u = pe(document.elementFromPoint(o, l), !0);
+          u !== a && (a = u, Qe()), St(i, r.options, u, n);
         }, 10), yt = o, wt = l);
       } else {
-        if (!this.options.bubbleScroll || he(s, !0) === ne()) {
-          Ze();
+        if (!this.options.bubbleScroll || pe(s, !0) === ne()) {
+          Qe();
           return;
         }
-        St(i, this.options, he(s, !1), !1);
+        St(i, this.options, pe(s, !1), !1);
       }
     }
   }, ae(t, {
@@ -1951,7 +1969,7 @@ function Hn() {
     initializeByDefault: !0
   });
 }
-function Ze() {
+function Qe() {
   R.forEach(function(t) {
     clearInterval(t.pid);
   }), R = [];
@@ -1962,23 +1980,23 @@ function Ut() {
 var St = si(function(t, e, i, n) {
   if (e.scroll) {
     var r = (t.touches ? t.touches[0] : t).clientX, o = (t.touches ? t.touches[0] : t).clientY, l = e.scrollSensitivity, s = e.scrollSpeed, a = ne(), u = !1, d;
-    At !== i && (At = i, Ze(), Ae = e.scroll, d = e.scrollFn, Ae === !0 && (Ae = he(i, !0)));
-    var f = 0, m = Ae;
+    At !== i && (At = i, Qe(), Ae = e.scroll, d = e.scrollFn, Ae === !0 && (Ae = pe(i, !0)));
+    var h = 0, p = Ae;
     do {
-      var _ = m, S = V(_), p = S.top, c = S.bottom, C = S.left, T = S.right, y = S.width, g = S.height, j = void 0, q = void 0, Y = _.scrollWidth, G = _.scrollHeight, F = v(_), E = _.scrollLeft, $ = _.scrollTop;
-      _ === a ? (j = y < Y && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), q = g < G && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (j = y < Y && (F.overflowX === "auto" || F.overflowX === "scroll"), q = g < G && (F.overflowY === "auto" || F.overflowY === "scroll"));
-      var N = j && (Math.abs(T - r) <= l && E + y < Y) - (Math.abs(C - r) <= l && !!E), z = q && (Math.abs(c - o) <= l && $ + g < G) - (Math.abs(p - o) <= l && !!$);
-      if (!R[f])
-        for (var J = 0; J <= f; J++)
+      var _ = p, S = F(_), m = S.top, I = S.bottom, y = S.left, c = S.right, C = S.width, g = S.height, E = void 0, L = void 0, H = _.scrollWidth, G = _.scrollHeight, B = v(_), T = _.scrollLeft, x = _.scrollTop;
+      _ === a ? (E = C < H && (B.overflowX === "auto" || B.overflowX === "scroll" || B.overflowX === "visible"), L = g < G && (B.overflowY === "auto" || B.overflowY === "scroll" || B.overflowY === "visible")) : (E = C < H && (B.overflowX === "auto" || B.overflowX === "scroll"), L = g < G && (B.overflowY === "auto" || B.overflowY === "scroll"));
+      var P = E && (Math.abs(c - r) <= l && T + C < H) - (Math.abs(y - r) <= l && !!T), A = L && (Math.abs(I - o) <= l && x + g < G) - (Math.abs(m - o) <= l && !!x);
+      if (!R[h])
+        for (var J = 0; J <= h; J++)
           R[J] || (R[J] = {});
-      (R[f].vx != N || R[f].vy != z || R[f].el !== _) && (R[f].el = _, R[f].vx = N, R[f].vy = z, clearInterval(R[f].pid), (N != 0 || z != 0) && (u = !0, R[f].pid = setInterval((function() {
+      (R[h].vx != P || R[h].vy != A || R[h].el !== _) && (R[h].el = _, R[h].vx = P, R[h].vy = A, clearInterval(R[h].pid), (P != 0 || A != 0) && (u = !0, R[h].pid = setInterval((function() {
         n && this.layer === 0 && b.active._onTouchMove(lt);
-        var ue = R[this.layer].vy ? R[this.layer].vy * s : 0, M = R[this.layer].vx ? R[this.layer].vx * s : 0;
-        typeof d == "function" && d.call(b.dragged.parentNode[U], M, ue, t, lt, R[this.layer].el) !== "continue" || ui(R[this.layer].el, M, ue);
+        var ue = R[this.layer].vy ? R[this.layer].vy * s : 0, V = R[this.layer].vx ? R[this.layer].vx * s : 0;
+        typeof d == "function" && d.call(b.dragged.parentNode[q], V, ue, t, lt, R[this.layer].el) !== "continue" || ui(R[this.layer].el, V, ue);
       }).bind({
-        layer: f
-      }), 24))), f++;
-    } while (e.bubbleScroll && m !== a && (m = he(m, !1)));
+        layer: h
+      }), 24))), h++;
+    } while (e.bubbleScroll && p !== a && (p = pe(p, !1)));
     kt = u;
   }
 }, 30), vi = function(e) {
@@ -1986,16 +2004,16 @@ var St = si(function(t, e, i, n) {
   if (i) {
     var u = n || o;
     s();
-    var d = i.changedTouches && i.changedTouches.length ? i.changedTouches[0] : i, f = document.elementFromPoint(d.clientX, d.clientY);
-    a(), u && !u.el.contains(f) && (l("spill"), this.onSpill({
+    var d = i.changedTouches && i.changedTouches.length ? i.changedTouches[0] : i, h = document.elementFromPoint(d.clientX, d.clientY);
+    a(), u && !u.el.contains(h) && (l("spill"), this.onSpill({
       dragEl: r,
       putSortable: n
     }));
   }
 };
-function xt() {
+function $t() {
 }
-xt.prototype = {
+$t.prototype = {
   startIndex: null,
   dragStart: function(e) {
     var i = e.oldDraggableIndex;
@@ -2009,38 +2027,38 @@ xt.prototype = {
   },
   drop: vi
 };
-ae(xt, {
+ae($t, {
   pluginName: "revertOnSpill"
 });
-function $t() {
+function Mt() {
 }
-$t.prototype = {
+Mt.prototype = {
   onSpill: function(e) {
     var i = e.dragEl, n = e.putSortable, r = n || this.sortable;
     r.captureAnimationState(), i.parentNode && i.parentNode.removeChild(i), r.animateAll();
   },
   drop: vi
 };
-ae($t, {
+ae(Mt, {
   pluginName: "removeOnSpill"
 });
 b.mount(new Hn());
-b.mount($t, xt);
+b.mount(Mt, $t);
 const Ln = (t, e, i, n) => {
   const r = Zt(t, "dragSort");
   let o = null, l = Ne(0);
-  Vt(
+  Rt(
     r,
     (u) => {
-      Qe(() => {
+      et(() => {
         u ? s() : a();
       });
     },
     {
       immediate: !0
     }
-  ), Vt(n, (u, d) => {
-    Qe(() => {
+  ), Rt(n, (u, d) => {
+    et(() => {
       r.value ? s() : a();
     });
   });
@@ -2053,10 +2071,10 @@ const Ln = (t, e, i, n) => {
       //过渡动画时间
       //拖拽结束时事件
       onEnd: (d) => {
-        const f = JSON.parse(JSON.stringify(n.value)), m = JSON.parse(JSON.stringify(n.value));
-        m.splice(d.oldIndex, 1)[0];
-        const _ = f[d.oldIndex];
-        m.splice(d.newIndex, 0, _), e("update:modelValue", m), l.value = Date.now(), e("sortEnd", f, m, d.oldIndex, d.newIndex);
+        const h = JSON.parse(JSON.stringify(n.value)), p = JSON.parse(JSON.stringify(n.value));
+        p.splice(d.oldIndex, 1)[0];
+        const _ = h[d.oldIndex];
+        p.splice(d.newIndex, 0, _), e("update:modelValue", p), l.value = Date.now(), e("sortEnd", h, p, d.oldIndex, d.newIndex);
       }
     });
   }, a = () => {
@@ -2067,43 +2085,57 @@ const Ln = (t, e, i, n) => {
 }, Bn = {
   key: 0,
   class: "selected-number-header"
-}, Yn = { class: "selected-num" }, Xn = { class: "name" }, Wn = { class: "name" }, jn = ["infinite-scroll-disabled"], Gn = { class: "selected-group" }, Kn = { class: "name" }, Un = /* @__PURE__ */ $i({
+}, Yn = { class: "selected-num" }, Xn = ["onClick"], Wn = { class: "name" }, jn = ["onClick"], Kn = { class: "name" }, Gn = ["infinite-scroll-disabled"], Un = { class: "selected-group" }, qn = ["onClick"], Jn = { class: "name" }, Zn = /* @__PURE__ */ Mi({
   __name: "Index",
   props: {
     width: { default: "100%" },
     height: { default: "100%" },
     modelValue: {},
-    labelKey: { default: "name" },
+    selectdValue: { default: "" },
     valueKey: { default: "id" },
+    labelKey: { default: "name" },
     customStyle: {},
     dragSort: { type: Boolean },
     isView: { type: Boolean },
+    closeable: { type: Boolean, default: !0 },
+    clearable: { type: Boolean, default: !0 },
     customTitle: { default: "" },
+    selectedNum: {},
     props: { default: { disabled: "disabled" } },
     virtual: { type: Boolean, default: !0 },
     itemHeight: { default: 32 },
-    selectedNum: {},
     infiniteScroll: {},
     infiniteDisabled: { type: Boolean, default: !0 },
     hideHeader: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "item-remove", "remove-all", "sortEnd", "update:infiniteDisabled"],
+  emits: ["update:modelValue", "update:selectdValue", "select-item", "item-remove", "remove-all", "sortEnd", "update:infiniteDisabled"],
   setup(t, { expose: e, emit: i }) {
-    Mi((c) => ({
-      "29d5747a": o.value
+    xi((c) => ({
+      "84e4fb44": o.value
     }));
-    const n = t, r = i, o = tt(() => n.itemHeight + "px"), l = tt(() => n.dragSort || n.infiniteScroll ? !1 : n.virtual), { selectListRef: s, $list: a, disabledFlag: u, itemGroups: d, selectedLabel: f, itemRemove: m, removeAll: _, infiniteLoad: S } = mn(n, r);
+    const n = t, r = i, o = Pe(() => n.itemHeight + "px"), l = Pe(() => n.dragSort || n.infiniteScroll ? !1 : n.virtual), {
+      selectListRef: s,
+      $list: a,
+      disabledFlag: u,
+      itemGroups: d,
+      selectedLabel: h,
+      itemRemove: p,
+      removeAll: _,
+      innerSelectdValue: S,
+      selectItem: m,
+      infiniteLoad: I
+    } = mn(n, r);
     Ln(n, r, a, d);
-    const p = Ne(!0);
+    const y = Ne(!0);
     return Jt(() => {
-      p.value = !1, setTimeout(() => {
-        p.value = !0;
+      y.value = !1, setTimeout(() => {
+        y.value = !0;
       }, 300);
     }), e({
-      infiniteLoad: S
+      infiniteLoad: I
     }), (c, C) => {
-      const T = Ei;
-      return A(), L(
+      const g = Ei;
+      return k(), X(
         "div",
         {
           ref_key: "selectListRef",
@@ -2112,82 +2144,84 @@ const Ln = (t, e, i, n) => {
           style: qt({ width: c.width, height: c.height, ...c.customStyle })
         },
         [
-          c.hideHeader ? W("v-if", !0) : (A(), L("div", Bn, [
-            Oe(
-              "div",
-              Yn,
-              Ce(D(f)),
-              1
-              /* TEXT */
-            ),
-            c.isView ? W("v-if", !0) : (A(), oe(D(Ri), {
-              key: 0,
-              "btn-type": "primary-text",
-              block: "",
-              onClick: D(_),
-              disabled: !D(d) || !D(d).length
-            }, {
-              default: et(() => [
-                He(
-                  Ce(D(We)("das-select-list-removeAll").value),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["onClick", "disabled"]))
-          ])),
-          W(" 普通 "),
-          !c.infiniteScroll && !l.value ? Se((A(), L(
+          he(c.$slots, "header", {}, () => [
+            c.hideHeader ? K("v-if", !0) : (k(), X("div", Bn, [
+              Ce(
+                "div",
+                Yn,
+                Oe(D(h)),
+                1
+                /* TEXT */
+              ),
+              !c.isView && c.clearable ? (k(), oe(D(Vi), {
+                key: 0,
+                "btn-type": "primary-text",
+                block: "",
+                onClick: D(_),
+                disabled: !D(d) || !D(d).length
+              }, {
+                default: tt(() => [
+                  Le(
+                    Oe(D(je)("das-select-list-removeAll").value),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick", "disabled"])) : K("v-if", !0)
+            ]))
+          ], !0),
+          K(" 普通 "),
+          !c.infiniteScroll && !l.value ? Se((k(), X(
             "div",
             {
-              key: 1,
+              key: 0,
               ref_key: "$list",
               ref: a,
               class: de(["selected-container", { "hide-header": c.hideHeader }])
             },
             [
-              (A(!0), L(
+              (k(!0), X(
                 _t,
                 null,
-                Et(D(d), (y, g) => (A(), L(
-                  "div",
-                  {
-                    class: de(["selected-item", { disabled: !c.isView && D(u)(y), enable: !c.isView && !D(u)(y) }]),
-                    key: y[c.valueKey] + g
-                  },
-                  [
-                    c.dragSort ? (A(), oe(D(Fi), {
-                      key: 0,
-                      class: "drag-icon",
-                      size: "medium",
-                      style: { "margin-right": "8px" }
-                    })) : W("v-if", !0),
-                    Oe("div", Xn, [
-                      be(c.$slots, "default", { item: y }, () => [
-                        Se((A(), L("div", null, [
-                          He(
-                            Ce(y[c.labelKey]),
-                            1
-                            /* TEXT */
-                          )
-                        ])), [
-                          [D(dt)]
-                        ])
-                      ], !0)
-                    ]),
-                    c.isView ? W("v-if", !0) : (A(), oe(D(ct), {
-                      key: 1,
-                      size: "small",
-                      class: "close-icon",
-                      "icon-color": D(ut)("--das-ui-color-secondary"),
-                      onClick: (j) => D(m)(y)
-                    }, null, 8, ["icon-color", "onClick"]))
-                  ],
-                  2
-                  /* CLASS */
-                ))),
+                Et(D(d), (E, L) => (k(), X("div", {
+                  class: de({
+                    "selected-item": !0,
+                    disabled: !c.isView && D(u)(E),
+                    enable: !c.isView && !D(u)(E),
+                    active: D(S) === E[c.valueKey]
+                  }),
+                  key: E[c.valueKey] + L,
+                  onClick: (H) => D(m)(E)
+                }, [
+                  c.dragSort ? (k(), oe(D(Fi), {
+                    key: 0,
+                    class: "drag-icon",
+                    size: "medium",
+                    style: { "margin-right": "8px" }
+                  })) : K("v-if", !0),
+                  Ce("div", Wn, [
+                    he(c.$slots, "default", { item: E }, () => [
+                      Se((k(), X("div", null, [
+                        Le(
+                          Oe(E[c.labelKey]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [D(dt)]
+                      ])
+                    ], !0)
+                  ]),
+                  !c.isView && c.closeable ? (k(), oe(D(ct), {
+                    key: 1,
+                    size: "small",
+                    class: "close-icon",
+                    "icon-color": D(ut)("--das-ui-color-secondary"),
+                    onClick: (H) => D(p)(E)
+                  }, null, 8, ["icon-color", "onClick"])) : K("v-if", !0)
+                ], 10, Xn))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -2195,139 +2229,139 @@ const Ln = (t, e, i, n) => {
             2
             /* CLASS */
           )), [
-            [D(Vi), { usePrevOverlay: !0 }]
-          ]) : W("v-if", !0),
-          W(" 虚拟滚动 "),
-          !c.dragSort && l.value ? (A(), L(
+            [D(Ri), { usePrevOverlay: !0 }]
+          ]) : K("v-if", !0),
+          K(" 虚拟滚动 "),
+          !c.dragSort && l.value ? (k(), X(
             "div",
             {
-              key: 2,
+              key: 1,
               ref_key: "$list",
               ref: a,
               class: de(["selected-container", { "hide-header": c.hideHeader }])
             },
             [
-              p.value && D(d).length > 0 ? (A(), oe(D(Nt), {
+              y.value && D(d).length > 0 ? (k(), oe(D(Nt), {
                 key: D(d).length,
                 items: D(d),
                 "item-size": c.itemHeight,
                 "key-field": c.valueKey,
                 class: "virtual-list"
               }, {
-                default: et(({ item: y, index: g }) => [
-                  (A(), L(
-                    "div",
-                    {
-                      class: de(["selected-item", { disabled: !c.isView && D(u)(y), enable: !c.isView && !D(u)(y) }]),
-                      key: y[c.valueKey]
-                    },
-                    [
-                      Oe("div", Wn, [
-                        be(c.$slots, "default", { item: y }, () => [
-                          Se((A(), L("div", null, [
-                            He(
-                              Ce(y[c.labelKey]),
-                              1
-                              /* TEXT */
-                            )
-                          ])), [
-                            [D(dt)]
-                          ])
-                        ], !0)
-                      ]),
-                      c.isView ? W("v-if", !0) : (A(), oe(D(ct), {
-                        key: 0,
-                        size: "small",
-                        class: "close-icon",
-                        "icon-color": D(ut)("--das-ui-color-secondary"),
-                        onClick: (j) => D(m)(y)
-                      }, null, 8, ["icon-color", "onClick"]))
-                    ],
-                    2
-                    /* CLASS */
-                  ))
+                default: tt(({ item: E, index: L }) => [
+                  (k(), X("div", {
+                    class: de({
+                      "selected-item": !0,
+                      disabled: !c.isView && D(u)(E),
+                      enable: !c.isView && !D(u)(E),
+                      active: D(S) === E[c.valueKey]
+                    }),
+                    key: E[c.valueKey],
+                    onClick: (H) => D(m)(E)
+                  }, [
+                    Ce("div", Kn, [
+                      he(c.$slots, "default", { item: E }, () => [
+                        Se((k(), X("div", null, [
+                          Le(
+                            Oe(E[c.labelKey]),
+                            1
+                            /* TEXT */
+                          )
+                        ])), [
+                          [D(dt)]
+                        ])
+                      ], !0)
+                    ]),
+                    !c.isView && c.closeable ? (k(), oe(D(ct), {
+                      key: 0,
+                      size: "small",
+                      class: "close-icon",
+                      "icon-color": D(ut)("--das-ui-color-secondary"),
+                      onClick: (H) => D(p)(E)
+                    }, null, 8, ["icon-color", "onClick"])) : K("v-if", !0)
+                  ], 10, jn))
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 8, ["items", "item-size", "key-field"])) : W("v-if", !0)
+              }, 8, ["items", "item-size", "key-field"])) : K("v-if", !0)
             ],
             2
             /* CLASS */
-          )) : W("v-if", !0),
-          W(" 分页加载 "),
-          !c.dragSort && c.infiniteScroll ? Se((A(), L("div", {
-            key: 3,
+          )) : K("v-if", !0),
+          K(" 分页加载 "),
+          !c.dragSort && c.infiniteScroll ? Se((k(), X("div", {
+            key: 2,
             ref_key: "$list",
             ref: a,
             class: de(["selected-container selected-page-container", { "hide-header": c.hideHeader }]),
             "infinite-scroll-disabled": c.infiniteDisabled,
             style: { overflow: "overlay" }
           }, [
-            Oe("div", Gn, [
-              (A(!0), L(
+            Ce("div", Un, [
+              (k(!0), X(
                 _t,
                 null,
-                Et(D(d), (y) => (A(), L(
-                  "div",
-                  {
-                    class: de(["selected-item", { disabled: !c.isView && D(u)(y), enable: !c.isView && !D(u)(y) }]),
-                    key: y[c.valueKey]
-                  },
-                  [
-                    Oe("div", Kn, [
-                      be(c.$slots, "default", { item: y }, () => [
-                        Se((A(), L("div", null, [
-                          He(
-                            Ce(y[c.labelKey]),
-                            1
-                            /* TEXT */
-                          )
-                        ])), [
-                          [D(dt)]
-                        ])
-                      ], !0)
-                    ]),
-                    c.isView ? W("v-if", !0) : (A(), oe(D(ct), {
-                      key: 0,
-                      size: "small",
-                      class: "close-icon",
-                      "icon-color": D(ut)("--das-ui-color-secondary"),
-                      onClick: (g) => D(m)(y)
-                    }, null, 8, ["icon-color", "onClick"]))
-                  ],
-                  2
-                  /* CLASS */
-                ))),
+                Et(D(d), (E) => (k(), X("div", {
+                  class: de({
+                    "selected-item": !0,
+                    disabled: !c.isView && D(u)(E),
+                    enable: !c.isView && !D(u)(E),
+                    active: D(S) === E[c.valueKey]
+                  }),
+                  key: E[c.valueKey],
+                  onClick: (L) => D(m)(E)
+                }, [
+                  Ce("div", Jn, [
+                    he(c.$slots, "default", { item: E }, () => [
+                      Se((k(), X("div", null, [
+                        Le(
+                          Oe(E[c.labelKey]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [D(dt)]
+                      ])
+                    ], !0)
+                  ]),
+                  !c.isView && c.closeable ? (k(), oe(D(ct), {
+                    key: 0,
+                    size: "small",
+                    class: "close-icon",
+                    "icon-color": D(ut)("--das-ui-color-secondary"),
+                    onClick: (L) => D(p)(E)
+                  }, null, 8, ["icon-color", "onClick"])) : K("v-if", !0)
+                ], 10, qn))),
                 128
                 /* KEYED_FRAGMENT */
               ))
             ])
-          ], 10, jn)), [
-            [T, D(S)]
-          ]) : W("v-if", !0)
+          ], 10, Gn)), [
+            [g, D(I)]
+          ]) : K("v-if", !0)
         ],
         4
         /* STYLE */
       );
     };
   }
-}), qn = (t, e) => {
+}), Qn = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [n, r] of e)
     i[n] = r;
   return i;
-}, Jn = /* @__PURE__ */ qn(Un, [["__scopeId", "data-v-4f2b9d39"]]), Zn = {
+}, er = /* @__PURE__ */ Qn(Zn, [["__scopeId", "data-v-395a3033"]]), tr = {
   "das-select-list-removeAll": { "zh-CN": "清空", en: "Clear", _appCode: "framework" },
   "das-select-list-selected": { "zh-CN": "已选", en: "Selected", _appCode: "framework" },
   "das-select-list-parentheses-left": { "zh-CN": "（", en: "(", _appCode: "framework" },
   "das-select-list-parentheses-right": { "zh-CN": "）", en: ")", _appCode: "framework" }
-}, Qn = {
+}, ir = {
   "--das-ui-select-list-hover-bg": { light: "#F2F2F2" },
   "--das-ui-select-list-close-btn-hover": { light: "#5582F3" }
-}, vr = wi(Jn);
-Si(Zn);
-_i(Qn);
+}, wr = wi(er);
+Si(tr);
+_i(ir);
 export {
-  vr as DasSelectList,
-  vr as default
+  wr as DasSelectList,
+  wr as default
 };