@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.60

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

@@ -1,21 +1,21 @@
 import '@das-fed/ui/packages/components/select-list/style.css';
-import { withInstall as yi } from "@das-fed/utils/with-install/index";
-import { i18n as We, setI18nRule as wi } from "@das-fed/web/packages/i18n/index";
-import { getVar as ut, setThemeRule as Si } from "@das-fed/web/packages/theme/index";
-import { ElInfiniteScroll as _i } from "element-plus/es";
+import { withInstall as wi } from "@das-fed/utils/with-install/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 Ei, popScopeId as Di, nextTick as Qe, openBlock as A, createBlock as oe, withScopeId as Ii, markRaw as Ti, shallowReactive as Oi, resolveComponent as Ci, resolveDirective as zi, withDirectives as Se, createElementBlock as L, normalizeClass as de, renderSlot as be, createCommentVNode as Q, resolveDynamicComponent as Rt, normalizeStyle as qt, withCtx as et, Fragment as _t, renderList as Et, mergeProps as Ai, toHandlers as Ni, createVNode as Pi, ref as Pe, computed as tt, onMounted as Jt, onBeforeUnmount as ki, watch as Vt, defineComponent as xi, useCssVars as $i, createElementVNode as Oe, toDisplayString as Ce, unref as D, createTextVNode as He } from "vue";
-import { vDasTooltip as dt } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasButton as Mi } 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 Vi } from "@das-fed/ui/packages/icons/drag/index";
-import { useModelValue as Zt } from "@das-fed/utils/vue";
-import { SizeWatcher as Fi } from "@das-fed/utils/size-watcher";
+import { pushScopeId as Di, popScopeId as Ii, nextTick as et, withScopeId as Ti, createBlock as oe, openBlock as z, markRaw as Ci, shallowReactive as Oi, resolveComponent as Ai, resolveDirective as zi, withDirectives as Se, createElementBlock as X, normalizeClass as ce, createCommentVNode as G, createVNode as ki, renderSlot as he, resolveDynamicComponent as Ft, normalizeStyle as Jt, withCtx as tt, Fragment as _t, renderList as Et, mergeProps as Pi, toHandlers as Ni, ref as Pe, computed as Ne, onMounted as Zt, onBeforeUnmount as $i, watch as Rt, defineComponent as Mi, useCssVars as xi, createElementVNode as Ce, toDisplayString as Oe, unref as E, createTextVNode as Le } from "vue";
+import { vDasTooltip as ct } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasButton as Vi } from "@das-fed/ui/packages/components/button/index";
+import { vOverlay as Fi } from "@das-fed/ui/packages/components/overlay/index";
+import { DasIconClose2 as dt } from "@das-fed/ui/packages/icons/close-2/index";
+import { DasIconDrag as Ri } from "@das-fed/ui/packages/icons/drag/index";
+import { useModelValue as Qt } from "@das-fed/utils/vue";
+import { SizeWatcher as Hi } from "@das-fed/utils/size-watcher";
 import "@das-fed/ui/packages/global/theme";
 import "@das-fed/ui/packages/global/style";
-function Hi() {
+function Li() {
   var t = window.navigator.userAgent, e = t.indexOf("MSIE ");
   if (e > 0)
     return parseInt(t.substring(e + 5, t.indexOf(".", e)), 10);
@@ -27,9 +27,9 @@ function Hi() {
   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 = Hi() !== -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,19 +74,19 @@ 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);
     }
   }
 };
-const Li = /* @__PURE__ */ Ii("data-v-b329ee4c");
-Ei("data-v-b329ee4c");
-const Bi = {
+const Bi = /* @__PURE__ */ Ti("data-v-b329ee4c");
+Di("data-v-b329ee4c");
+const Yi = {
   class: "resize-observer",
   tabindex: "-1"
 };
-Di();
-const Yi = /* @__PURE__ */ Li((t, e, i, n, r, o) => (A(), oe("div", Bi)));
-at.render = Yi;
+Ii();
+const Xi = /* @__PURE__ */ Bi((t, e, i, n, r, o) => (z(), oe("div", Yi)));
+at.render = Xi;
 at.__scopeId = "data-v-b329ee4c";
 at.__file = "src/components/ResizeObserver.vue";
 function Ge(t) {
@@ -97,29 +97,29 @@ function Ge(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, Ge(t);
 }
-function Xi(t, e) {
+function Wi(t, e) {
   if (!(t instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Wi(t, e) {
+function ji(t, e) {
   for (var i = 0; i < e.length; i++) {
     var n = e[i];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
   }
 }
-function ji(t, e, i) {
-  return e && Wi(t.prototype, e), t;
+function Ki(t, e, i) {
+  return e && ji(t.prototype, e), t;
 }
-function Ft(t) {
-  return Gi(t) || Ki(t) || Ui(t) || qi();
+function Ht(t) {
+  return Gi(t) || Ui(t) || qi(t) || Ji();
 }
 function Gi(t) {
   if (Array.isArray(t)) return It(t);
 }
-function Ki(t) {
+function Ui(t) {
   if (typeof Symbol < "u" && Symbol.iterator in Object(t)) return Array.from(t);
 }
-function Ui(t, e) {
+function qi(t, e) {
   if (t) {
     if (typeof t == "string") return It(t, e);
     var i = Object.prototype.toString.call(t).slice(8, -1);
@@ -132,24 +132,24 @@ function It(t, e) {
   for (var i = 0, n = new Array(e); i < e; i++) n[i] = t[i];
   return n;
 }
-function qi() {
+function Ji() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Ji(t) {
+function Zi(t) {
   var e;
   return typeof t == "function" ? e = {
     callback: t
   } : e = t, e;
 }
-function Zi(t, e) {
+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];
-    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() {
-        t.apply(void 0, [a].concat(Ft(o))), n = 0;
+    for (var u = arguments.length, c = new Array(u > 1 ? u - 1 : 0), h = 1; h < u; h++)
+      c[h - 1] = arguments[h];
+    if (o = c, !(n && a === r)) {
+      var g = i.leading;
+      typeof g == "function" && (g = g(a, r)), (!n || a !== r) && g && t.apply(void 0, [a].concat(Ht(o))), r = a, clearTimeout(n), n = setTimeout(function() {
+        t.apply(void 0, [a].concat(Ht(o))), n = 0;
       }, e);
     }
   };
@@ -157,30 +157,30 @@ function Zi(t, e) {
     clearTimeout(n), n = null;
   }, l;
 }
-function Qt(t, e) {
+function ei(t, e) {
   if (t === e) return !0;
   if (Ge(t) === "object") {
     for (var i in t)
-      if (!Qt(t[i], e[i]))
+      if (!ei(t[i], e[i]))
         return !1;
     return !0;
   }
   return !1;
 }
-var Qi = /* @__PURE__ */ function() {
+var en = /* @__PURE__ */ function() {
   function t(e, i, n) {
-    Xi(this, t), this.el = e, this.observer = null, this.frozen = !1, this.createObserver(i, n);
+    Wi(this, t), this.el = e, this.observer = null, this.frozen = !1, this.createObserver(i, n);
   }
-  return ji(t, [{
+  return Ki(t, [{
     key: "createObserver",
     value: function(i, n) {
       var r = this;
       if (this.observer && this.destroyObserver(), !this.frozen) {
-        if (this.options = Ji(i), this.callback = function(s, a) {
+        if (this.options = Zi(i), this.callback = function(s, a) {
           r.options.callback(s, a), s && r.options.once && (r.frozen = !0, r.destroyObserver());
         }, this.callback && this.options.throttle) {
           var o = this.options.throttleOptions || {}, l = o.leading;
-          this.callback = Zi(this.callback, this.options.throttle, {
+          this.callback = Qi(this.callback, this.options.throttle, {
             leading: function(a) {
               return l === "both" || l === "visible" && a || l === "hidden" && !a;
             }
@@ -189,17 +189,17 @@ var Qi = /* @__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);
           }
           if (r.callback) {
-            var d = a.isIntersecting && a.intersectionRatio >= r.threshold;
-            if (d === r.oldResult) return;
-            r.oldResult = d, r.callback(d, a);
+            var c = a.isIntersecting && a.intersectionRatio >= r.threshold;
+            if (c === r.oldResult) return;
+            r.oldResult = c, r.callback(c, a);
           }
-        }, this.options.intersection), Qe(function() {
+        }, this.options.intersection), et(function() {
           r.observer && r.observer.observe(r.el);
         });
       }
@@ -216,51 +216,51 @@ var Qi = /* @__PURE__ */ function() {
     }
   }]), t;
 }();
-function ei(t, e, i) {
+function ti(t, e, i) {
   var n = e.value;
   if (n && !(typeof IntersectionObserver > "u")) {
-    var r = new Qi(t, n, i);
+    var r = new en(t, n, i);
     t._vue_visibilityState = r;
   }
 }
-function en(t, e, i) {
+function tn(t, e, i) {
   var n = e.value, r = e.oldValue;
-  if (!Qt(n, r)) {
+  if (!ei(n, r)) {
     var o = t._vue_visibilityState;
     if (!n) {
-      ti(t);
+      ii(t);
       return;
     }
-    o ? o.createObserver(n, i) : ei(t, {
+    o ? o.createObserver(n, i) : ti(t, {
       value: n
     }, i);
   }
 }
-function ti(t) {
+function ii(t) {
   var e = t._vue_visibilityState;
   e && (e.destroyObserver(), delete t._vue_visibilityState);
 }
-var tn = {
-  beforeMount: ei,
-  updated: en,
-  unmounted: ti
-}, nn = {
+var nn = {
+  beforeMount: ti,
+  updated: tn,
+  unmounted: ii
+}, rn = {
   itemsLimit: 1e3
-}, rn = /(auto|scroll)/;
-function ii(t, e) {
-  return t.parentNode === null ? e : ii(t.parentNode, e.concat([t]));
+}, on = /(auto|scroll)/;
+function ni(t, e) {
+  return t.parentNode === null ? e : ni(t.parentNode, e.concat([t]));
 }
 var ft = function(e, i) {
   return getComputedStyle(e, null).getPropertyValue(i);
-}, on = function(e) {
-  return ft(e, "overflow") + ft(e, "overflow-y") + ft(e, "overflow-x");
 }, ln = function(e) {
-  return rn.test(on(e));
+  return ft(e, "overflow") + ft(e, "overflow-y") + ft(e, "overflow-x");
+}, an = function(e) {
+  return on.test(ln(e));
 };
-function Ht(t) {
+function Lt(t) {
   if (t instanceof HTMLElement || t instanceof SVGElement) {
-    for (var e = ii(t.parentNode, []), i = 0; i < e.length; i += 1)
-      if (ln(e[i]))
+    for (var e = ni(t.parentNode, []), i = 0; i < e.length; i += 1)
+      if (an(e[i]))
         return e[i];
     return document.scrollingElement || document.documentElement;
   }
@@ -273,7 +273,7 @@ function Tt(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, Tt(t);
 }
-var an = {
+var sn = {
   items: {
     type: Array,
     required: !0
@@ -298,19 +298,19 @@ var an = {
     default: "div"
   }
 };
-function 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 un = Object.defineProperty({}, "passive", {
+    var cn = Object.defineProperty({}, "passive", {
       get: function() {
-        Ot = !0;
+        Ct = !0;
       }
     });
-    window.addEventListener("test", null, un);
+    window.addEventListener("test", null, cn);
   } catch {
   }
 }
@@ -321,10 +321,10 @@ var Pt = {
     ResizeObserver: at
   },
   directives: {
-    ObserveVisibility: tn
+    ObserveVisibility: nn
   },
   props: {
-    ...an,
+    ...sn,
     itemSize: {
       type: Number,
       default: null
@@ -419,7 +419,7 @@ var Pt = {
       }
       return [];
     },
-    simpleArray: sn,
+    simpleArray: un,
     itemIndexByKey() {
       const { keyField: t, items: e } = this, i = {};
       for (let n = 0, r = e.length; n < r; n++)
@@ -466,7 +466,7 @@ var Pt = {
   },
   methods: {
     addView(t, e, i, n, r) {
-      const o = Ti({
+      const o = Ci({
         id: dn++,
         index: e,
         used: !0,
@@ -506,76 +506,76 @@ var Pt = {
       })) : 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, c = this.sizes, h = this.$_views, g = this.$_unusedViews, D = this.pool, _ = this.itemIndexByKey;
+      let v, T, $, p, d;
       if (!u)
-        p = c = T = y = C = 0;
+        v = T = p = d = $ = 0;
       else if (this.$_prerender)
-        p = T = 0, c = y = Math.min(this.prerender, a.length), C = null;
+        v = p = 0, T = d = Math.min(this.prerender, a.length), $ = null;
       else {
-        const E = this.getScroll();
+        const I = this.getScroll();
         if (e) {
-          let z = E.start - this.$_lastUpdateScrollPosition;
-          if (z < 0 && (z = -z), i === null && z < o || z < i)
+          let A = I.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 += $;
+        this.$_lastUpdateScrollPosition = I.start;
+        const x = this.buffer;
+        I.start -= x, I.end += x;
         let P = 0;
-        if (this.$refs.before && (P = this.$refs.before.scrollHeight, E.start -= P), this.$refs.after) {
-          const z = this.$refs.after.scrollHeight;
-          E.end += z;
+        if (this.$refs.before && (P = this.$refs.before.scrollHeight, I.start -= P), this.$refs.after) {
+          const A = this.$refs.after.scrollHeight;
+          I.end += A;
         }
         if (i === null) {
-          let z, U = 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 ? U = M : M < u - 1 && d[M + 1].accumulator > E.start && (ue = M), M = ~~((U + 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 && P + d[T].accumulator < E.start; T++) ;
-          for (y = T; y < u && P + d[y].accumulator < E.end; y++) ;
+            me = V, A = c[V].accumulator, A < I.start ? J = V : V < u - 1 && c[V + 1].accumulator > I.start && (ue = V), V = ~~((J + ue) / 2);
+          while (V !== me);
+          for (V < 0 && (V = 0), v = V, $ = c[u - 1].accumulator, T = V; T < u && c[T].accumulator < I.end; T++) ;
+          for (T === -1 ? T = a.length - 1 : (T++, T > u && (T = u)), p = v; p < u && P + c[p].accumulator < I.start; p++) ;
+          for (d = p; d < u && P + c[d].accumulator < I.end; d++) ;
         } 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 - P) / i * n)), y = Math.floor((E.end - P) / i * n), p < 0 && (p = 0), c > u && (c = u), T < 0 && (T = 0), y > u && (y = u), C = Math.ceil(u / n) * i;
+          v = ~~(I.start / i * n);
+          const A = v % n;
+          v -= A, T = Math.ceil(I.end / i * n), p = Math.max(0, Math.floor((I.start - P) / i * n)), d = Math.floor((I.end - P) / i * n), v < 0 && (v = 0), T > u && (T = u), p < 0 && (p = 0), d > u && (d = u), $ = Math.ceil(u / n) * i;
         }
       }
-      c - p > nn.itemsLimit && this.itemsLimitError(), this.totalSize = C;
-      let g;
-      const W = p <= this.$_endIndex && c >= this.$_startIndex;
+      T - v > rn.itemsLimit && this.itemsLimitError(), this.totalSize = $;
+      let m;
+      const W = v <= this.$_endIndex && T >= this.$_startIndex;
       if (W)
-        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 K = W ? null : /* @__PURE__ */ new Map();
-      let Y, j, 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) {
-          g && this.unuseView(g);
+        for (let I = 0, x = D.length; I < x; I++)
+          m = D[I], m.nr.used && (t && (m.nr.index = _[m.item[s]]), (m.nr.index == null || m.nr.index < v || m.nr.index >= T) && this.unuseView(m));
+      const w = W ? null : /* @__PURE__ */ new Map();
+      let F, L, B;
+      for (let I = v; I < T; I++) {
+        F = a[I];
+        const x = s ? F[s] : F;
+        if (x == null)
+          throw new Error(`Key is ${x} on item (keyField is '${s}')`);
+        if (m = h.get(x), !i && !c[I].size) {
+          m && this.unuseView(m);
           continue;
         }
-        j = Y[l];
-        let P = m.get(j), z = !1;
-        if (!g)
-          W ? P && P.length ? g = P.pop() : g = this.addView(_, E, Y, $, j) : (F = K.get(j) || 0, (!P || F >= P.length) && (g = this.addView(_, E, Y, $, j), this.unuseView(g, !0), P = m.get(j)), g = P[F], K.set(j, F + 1)), f.delete(g.nr.key), g.nr.used = !0, g.nr.index = E, g.nr.key = $, g.nr.type = j, f.set($, g), z = !0;
-        else if (!g.nr.used && (g.nr.used = !0, z = !0, P)) {
-          const U = P.indexOf(g);
-          U !== -1 && P.splice(U, 1);
+        L = F[l];
+        let P = g.get(L), A = !1;
+        if (!m)
+          W ? P && P.length ? m = P.pop() : m = this.addView(D, I, F, x, L) : (B = w.get(L) || 0, (!P || B >= P.length) && (m = this.addView(D, I, F, x, L), this.unuseView(m, !0), P = g.get(L)), m = P[B], w.set(L, B + 1)), h.delete(m.nr.key), m.nr.used = !0, m.nr.index = I, m.nr.key = x, m.nr.type = L, h.set(x, m), A = !0;
+        else if (!m.nr.used && (m.nr.used = !0, A = !0, P)) {
+          const J = P.indexOf(m);
+          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);
+        m.item = F, A && (I === a.length - 1 && this.$emit("scroll-end"), I === 0 && this.$emit("scroll-start")), i === null ? (m.position = c[I - 1].accumulator, m.offset = 0) : (m.position = Math.floor(I / n) * i, m.offset = I % 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), {
+      return this.$_startIndex = v, this.$_endIndex = T, this.emitUpdate && this.$emit("update", v, T, p, d), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
         continuous: W
       };
     },
     getListenerTarget() {
-      let t = Ht(this.$el);
+      let t = Lt(this.$el);
       return window.document && (t === window.document.documentElement || t === window.document.body) && (t = window), t;
     },
     getScroll() {
@@ -601,7 +601,7 @@ var Pt = {
       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);
     },
@@ -617,7 +617,7 @@ var Pt = {
       const e = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
       let i, n, r;
       if (this.pageMode) {
-        const o = Ht(this.$el), l = o.tagName === "HTML" ? 0 : o[e.scroll], s = o.getBoundingClientRect(), u = this.$el.getBoundingClientRect()[e.start] - s[e.start];
+        const o = Lt(this.$el), l = o.tagName === "HTML" ? 0 : o[e.scroll], s = o.getBoundingClientRect(), u = this.$el.getBoundingClientRect()[e.start] - s[e.start];
         i = o, n = e.scroll, r = t + l + u;
       } else
         i = this.$el, n = e.scroll, r = t;
@@ -632,21 +632,21 @@ var Pt = {
     }
   }
 };
-const cn = {
+const fn = {
   key: 0,
   ref: "before",
   class: "vue-recycle-scroller__slot"
-}, fn = {
+}, hn = {
   key: 1,
   ref: "after",
   class: "vue-recycle-scroller__slot"
 };
-function hn(t, e, i, n, r, o) {
-  const l = Ci("ResizeObserver"), s = zi("observe-visibility");
-  return Se((A(), L(
+function pn(t, e, i, n, r, o) {
+  const l = Ai("ResizeObserver"), s = zi("observe-visibility");
+  return Se((z(), X(
     "div",
     {
-      class: de(["vue-recycle-scroller", {
+      class: ce(["vue-recycle-scroller", {
         ready: r.ready,
         "page-mode": i.pageMode,
         [`direction-${t.direction}`]: !0
@@ -654,25 +654,25 @@ function hn(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 ? (z(), X(
         "div",
-        cn,
+        fn,
         [
-          be(t.$slots, "before")
+          he(t.$slots, "before")
         ],
         512
         /* NEED_PATCH */
-      )) : Q("v-if", !0),
-      (A(), oe(Rt(i.listTag), {
+      )) : G("v-if", !0),
+      (z(), oe(Ft(i.listTag), {
         ref: "wrapper",
-        style: qt({ [t.direction === "vertical" ? "minHeight" : "minWidth"]: r.totalSize + "px" }),
-        class: de(["vue-recycle-scroller__item-wrapper", i.listClass])
+        style: Jt({ [t.direction === "vertical" ? "minHeight" : "minWidth"]: r.totalSize + "px" }),
+        class: ce(["vue-recycle-scroller__item-wrapper", i.listClass])
       }, {
-        default: et(() => [
-          (A(!0), L(
+        default: tt(() => [
+          (z(!0), X(
             _t,
             null,
-            Et(r.pool, (a) => (A(), oe(Rt(i.itemTag), Ai({
+            Et(r.pool, (a) => (z(), oe(Ft(i.itemTag), Pi({
               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 hn(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,21 +706,21 @@ function hn(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 ? (z(), X(
         "div",
-        fn,
+        hn,
         [
-          be(t.$slots, "after")
+          he(t.$slots, "after")
         ],
         512
         /* NEED_PATCH */
-      )) : Q("v-if", !0),
-      Pi(l, { onNotify: o.handleResize }, null, 8, ["onNotify"])
+      )) : G("v-if", !0),
+      ki(l, { onNotify: o.handleResize }, null, 8, ["onNotify"])
     ],
     34
     /* CLASS, HYDRATE_EVENTS */
@@ -728,55 +728,85 @@ function hn(t, e, i, n, r, o) {
     [s, o.handleVisibilityChange]
   ]);
 }
-Pt.render = hn;
+Pt.render = pn;
 Pt.__file = "src/components/RecycleScroller.vue";
-const pn = (t, e) => {
-  const i = Pe(), n = Pe(), 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) => {
-    let c = !1;
-    return typeof s.value.disabled == "string" ? c = p[s.value.disabled] : c = s.value.disabled(p) ?? !1, c;
+const mn = (t, e) => {
+  const i = Pe(), n = Pe(), r = Qt(t, "modelValue"), o = t.valueKey, l = Ne(() => 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 = Ne(() => ({ disabled: "disabled", ...t.props })), a = (p) => {
+    if (t.closeable === void 0)
+      return !0;
+    if (typeof t.closeable == "boolean")
+      return t.closeable;
+    if (typeof t.closeable == "function") {
+      const d = t.closeable(p);
+      if (typeof d == "boolean")
+        return d;
+    }
+    return !1;
   }, 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 = () => {
+    let d = !1;
+    return typeof s.value.disabled == "string" ? d = p[s.value.disabled] : d = s.value.disabled(p) ?? !1, d;
+  }, c = Ne({
+    get: () => t.selectdValue,
+    set: (p) => {
+      e("update:selectdValue", p);
+    }
+  }), h = (p) => {
+    t.isView || u(p) || (c.value = p[o], e("select-item", p));
+  }, g = (p) => {
+    const d = r.value.filter((m) => m[o] !== p[o]);
+    e("item-remove", p), e("update:modelValue", d);
+  }, D = () => {
+    const p = r.value.filter((m) => !u(m) && a(m)), d = r.value.filter((m) => u(m) || !a(m));
+    e("remove-all", p), e("update:modelValue", d);
+  }, _ = () => {
     t.infiniteScroll && t.infiniteScroll().then((p) => {
       if (p && p.length) {
-        let c = [];
-        c = p, c = c.filter(
-          (T) => !r.value.map((y) => y[t.valueKey]).includes(T[t.valueKey])
+        let d = [];
+        d = p, d = d.filter(
+          (W) => !r.value.map((w) => w[t.valueKey]).includes(W[t.valueKey])
         );
-        const C = r.value.concat(c);
-        e("update:modelValue", C);
+        const m = r.value.concat(d);
+        e("update:modelValue", m);
       }
     });
   };
-  let m = 0;
-  const _ = (p) => {
-    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 = Pe();
-  return Jt(() => {
-    var c;
+  let v = 0;
+  const T = (p) => {
+    var m;
+    const d = ((m = n.value) == null ? void 0 : m.offsetHeight) || 0;
+    v !== 0 && p === 0 && _(), v = p, p !== 0 && p - d < 10 && _();
+  }, $ = Pe();
+  return Zt(() => {
+    var d;
     if (t.infiniteDisabled) return;
-    const p = (c = n.value) == null ? void 0 : c.querySelector(".selected-group");
-    S.value = Fi((C) => {
-      _(C.height);
+    const p = (d = n.value) == null ? void 0 : d.querySelector(".selected-group");
+    $.value = Hi((m) => {
+      T(m.height);
     }, p);
-  }), ki(() => {
+  }), $i(() => {
     var p;
-    (p = S.value) == null || p.disconnect();
-  }), { selectListRef: i, $list: n, disabledFlag: a, itemGroups: r, selectedLabel: l, itemRemove: u, removeAll: d, infiniteLoad: f };
+    (p = $.value) == null || p.disconnect();
+  }), {
+    selectListRef: i,
+    $list: n,
+    disabledFlag: u,
+    itemGroups: r,
+    selectedLabel: l,
+    itemRemove: g,
+    removeAll: D,
+    innerSelectdValue: c,
+    selectItem: h,
+    infiniteLoad: _,
+    closeableFn: a
+  };
 };
 /**!
- * Sortable 1.15.2
+ * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function Lt(t, e) {
+function Bt(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
@@ -789,23 +819,23 @@ function Lt(t, e) {
 function re(t) {
   for (var e = 1; e < arguments.length; e++) {
     var i = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Lt(Object(i), !0).forEach(function(n) {
-      mn(t, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : Lt(Object(i)).forEach(function(n) {
+    e % 2 ? Bt(Object(i), !0).forEach(function(n) {
+      gn(t, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : Bt(Object(i)).forEach(function(n) {
       Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(i, n));
     });
   }
   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 mn(t, e, i) {
+function gn(t, e, i) {
   return e in t ? Object.defineProperty(t, e, {
     value: i,
     enumerable: !0,
@@ -823,16 +853,16 @@ function ae() {
     return t;
   }, ae.apply(this, arguments);
 }
-function gn(t, e) {
+function vn(t, e) {
   if (t == null) return {};
   var i = {}, n = Object.keys(t), r, o;
   for (o = 0; o < n.length; o++)
     r = n[o], !(e.indexOf(r) >= 0) && (i[r] = t[r]);
   return i;
 }
-function vn(t, e) {
+function bn(t, e) {
   if (t == null) return {};
-  var i = gn(t, e), n, r;
+  var i = vn(t, e), n, r;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(t);
     for (r = 0; r < o.length; r++)
@@ -840,19 +870,19 @@ function vn(t, e) {
   }
   return i;
 }
-var bn = "1.15.2";
+var yn = "1.15.6";
 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), ke = 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), Re = le(/Edge/i), Yt = le(/firefox/i), $e = le(/safari/i) && !le(/chrome/i) && !le(/android/i), Nt = le(/iP(ad|od|hone)/i), ri = le(/chrome/i) && le(/android/i), oi = {
   capture: !1,
   passive: !1
 };
 function O(t, e, i) {
   t.addEventListener(e, i, !se && oi);
 }
-function I(t, e, i) {
+function C(t, e, i) {
   t.removeEventListener(e, i, !se && oi);
 }
 function it(t, e) {
@@ -871,7 +901,7 @@ function it(t, e) {
     return !1;
   }
 }
-function yn(t) {
+function li(t) {
   return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
 }
 function ie(t, e, i, n) {
@@ -881,21 +911,21 @@ function ie(t, e, i, n) {
       if (e != null && (e[0] === ">" ? t.parentNode === i && it(t, e) : it(t, e)) || n && t === i)
         return t;
       if (t === i) break;
-    } while (t = yn(t));
+    } while (t = li(t));
   }
   return null;
 }
-var Yt = /\s+/g;
-function q(t, e, i) {
+var Xt = /\s+/g;
+function Z(t, e, i) {
   if (t && e)
     if (t.classList)
       t.classList[i ? "add" : "remove"](e);
     else {
-      var n = (" " + t.className + " ").replace(Yt, " ").replace(" " + e + " ", " ");
-      t.className = (n + (i ? " " + e : "")).replace(Yt, " ");
+      var n = (" " + t.className + " ").replace(Xt, " ").replace(" " + e + " ", " ");
+      t.className = (n + (i ? " " + e : "")).replace(Xt, " ");
     }
 }
-function v(t, e, i) {
+function b(t, e, i) {
   var n = t && t.style;
   if (n) {
     if (i === void 0)
@@ -909,13 +939,13 @@ function De(t, e) {
     i = t;
   else
     do {
-      var n = v(t, "transform");
+      var n = b(t, "transform");
       n && n !== "none" && (i = n + " " + i);
     } while (!e && (t = t.parentNode));
   var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   return r && new r(i);
 }
-function li(t, e, i) {
+function ai(t, e, i) {
   if (t) {
     var n = t.getElementsByTagName(e), r = 0, o = n.length;
     if (i)
@@ -929,43 +959,43 @@ function ne() {
   var t = document.scrollingElement;
   return t || document.documentElement;
 }
-function V(t, e, i, n, r) {
+function H(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, c, h;
+    if (t !== window && t.parentNode && t !== ne() ? (o = t.getBoundingClientRect(), l = o.top, s = o.left, a = o.bottom, u = o.right, c = o.height, h = o.width) : (l = 0, s = 0, a = window.innerHeight, u = window.innerWidth, c = 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;
+        if (r && r.getBoundingClientRect && (b(r, "transform") !== "none" || i && b(r, "position") !== "static")) {
+          var g = r.getBoundingClientRect();
+          l -= g.top + parseInt(b(r, "border-top-width")), s -= g.left + parseInt(b(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 D = De(r || t), _ = D && D.a, v = D && D.d;
+      D && (l /= v, s /= _, h /= _, c /= v, a = l + c, u = s + h);
     }
     return {
       top: l,
       left: s,
       bottom: a,
       right: u,
-      width: f,
-      height: d
+      width: h,
+      height: c
     };
   }
 }
-function Xt(t, e, i) {
-  for (var n = he(t, !0), r = V(t)[e]; n; ) {
-    var o = V(n)[i], l = void 0;
+function Wt(t, e, i) {
+  for (var n = pe(t, !0), r = H(t)[e]; n; ) {
+    var o = H(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;
 }
 function Ie(t, e, i, n) {
   for (var r = 0, o = 0, l = t.children; o < l.length; ) {
-    if (l[o].style.display !== "none" && l[o] !== b.ghost && (n || l[o] !== b.dragged) && ie(l[o], i.draggable, t, !1)) {
+    if (l[o].style.display !== "none" && l[o] !== y.ghost && (n || l[o] !== y.dragged) && ie(l[o], i.draggable, t, !1)) {
       if (r === e)
         return l[o];
       r++;
@@ -974,8 +1004,8 @@ function Ie(t, e, i, n) {
   }
   return null;
 }
-function kt(t, e) {
-  for (var i = t.lastElementChild; i && (i === b.ghost || v(i, "display") === "none" || e && !it(i, e)); )
+function $t(t, e) {
+  for (var i = t.lastElementChild; i && (i === y.ghost || b(i, "display") === "none" || e && !it(i, e)); )
     i = i.previousElementSibling;
   return i || null;
 }
@@ -984,10 +1014,10 @@ function ee(t, e) {
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== b.clone && (!e || it(t, e)) && i++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== y.clone && (!e || it(t, e)) && i++;
   return i;
 }
-function Wt(t) {
+function jt(t) {
   var e = 0, i = 0, n = ne();
   if (t)
     do {
@@ -1004,12 +1034,12 @@ 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
     if (i.clientWidth < i.scrollWidth || i.clientHeight < i.scrollHeight) {
-      var r = v(i);
+      var r = b(i);
       if (i.clientWidth < i.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || i.clientHeight < i.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
         if (!i.getBoundingClientRect || i === document.body) return ne();
         if (n || e) return i;
@@ -1028,24 +1058,24 @@ 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;
-function ai(t, e) {
+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 si(t, e, i) {
+function ui(t, e, i) {
   t.scrollLeft += e, t.scrollTop += i;
 }
-function ui(t) {
+function ci(t) {
   var e = window.Polymer, i = window.jQuery || window.Zepto;
   return e && e.dom ? e.dom(t).cloneNode(!0) : i ? i(t).clone(!0)[0] : t.cloneNode(!0);
 }
@@ -1054,12 +1084,12 @@ function di(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 = H(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 Z = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+var q = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
 function En() {
   var t = [], e;
   return {
@@ -1067,10 +1097,10 @@ function En() {
       if (t = [], !!this.options.animation) {
         var n = [].slice.call(this.el.children);
         n.forEach(function(r) {
-          if (!(v(r, "display") === "none" || r === b.ghost)) {
+          if (!(b(r, "display") === "none" || r === y.ghost)) {
             t.push({
               target: r,
-              rect: V(r)
+              rect: H(r)
             });
             var o = re({}, t[t.length - 1].rect);
             if (r.thisAnimationDuration) {
@@ -1098,9 +1128,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, c = u.fromRect, h = H(u), g = u.prevFromRect, D = u.prevToRect, _ = s.rect, v = De(u, !0);
+        v && (h.top -= v.f, h.left -= v.e), u.toRect = h, u.thisAnimationDuration && ht(g, h) && !ht(c, h) && // Make sure animatingRect is on line between toRect & fromRect
+        (_.top - h.top) / (_.left - h.left) === (c.top - h.top) / (c.left - h.left) && (a = In(_, g, D, r.options)), ht(h, c) || (u.prevFromRect = c, u.prevToRect = h, a || (a = r.options.animation), r.animate(u, _, 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() {
@@ -1109,10 +1139,10 @@ 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() {
-          v(n, "transition", ""), v(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+        b(n, "transition", ""), b(n, "transform", "");
+        var s = De(this.el), a = s && s.a, u = s && s.d, c = (r.left - o.left) / (a || 1), h = (r.top - o.top) / (u || 1);
+        n.animatingX = !!c, n.animatingY = !!h, b(n, "transform", "translate3d(" + c + "px," + h + "px,0)"), this.forRepaintDummy = Dn(n), b(n, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), b(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+          b(n, "transition", ""), b(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, l);
       }
     }
@@ -1126,7 +1156,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,40 +1207,40 @@ 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[Z], !!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, c = t.oldDraggableIndex, h = t.newDraggableIndex, g = t.originalEvent, D = t.putSortable, _ = t.extraEventProperties;
+  if (e = e || i && i[q], !!e) {
+    var v, T = e.options, $ = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !se && !Re ? v = 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);
+    }) : (v = document.createEvent("Event"), v.initEvent(n, !0, !0)), v.to = l || i, v.from = s || i, v.item = r || i, v.clone = o, v.oldIndex = a, v.newIndex = u, v.oldDraggableIndex = c, v.newDraggableIndex = h, v.originalEvent = g, v.pullMode = D ? D.lastPutMode : void 0;
+    var p = re(re({}, _), He.getEventProperties(n, e));
+    for (var d in p)
+      v[d] = p[d];
+    i && i.dispatchEvent(v), T[$] && T[$].call(e, v);
   }
 }
-var On = ["evt"], G = function(e, i) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, o = vn(n, On);
-  Fe.pluginEvent.bind(b)(e, i, re({
-    dragEl: h,
-    parentEl: x,
-    ghostEl: w,
-    rootEl: N,
-    nextEl: ve,
-    lastDownEl: Ue,
-    cloneEl: k,
+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(y)(e, i, re({
+    dragEl: f,
+    parentEl: M,
+    ghostEl: S,
+    rootEl: k,
+    nextEl: be,
+    lastDownEl: qe,
+    cloneEl: N,
     cloneHidden: fe,
-    dragStarted: ze,
-    putSortable: H,
-    activeSortable: b.active,
+    dragStarted: Ae,
+    putSortable: Y,
+    activeSortable: y.active,
     originalEvent: r,
     oldIndex: Ee,
-    oldDraggableIndex: $e,
-    newIndex: J,
-    newDraggableIndex: ce,
-    hideGhostForTarget: pi,
-    unhideGhostForTarget: mi,
+    oldDraggableIndex: xe,
+    newIndex: Q,
+    newDraggableIndex: de,
+    hideGhostForTarget: mi,
+    unhideGhostForTarget: gi,
     cloneNowHidden: function() {
       fe = !0;
     },
@@ -1218,7 +1248,7 @@ var On = ["evt"], G = function(e, i) {
       fe = !1;
     },
     dispatchSortableEvent: function(s) {
-      X({
+      K({
         sortable: i,
         name: s,
         originalEvent: r
@@ -1226,96 +1256,96 @@ var On = ["evt"], G = function(e, i) {
     }
   }, o));
 };
-function X(t) {
+function K(t) {
   Tn(re({
-    putSortable: H,
-    cloneEl: k,
-    targetEl: h,
-    rootEl: N,
+    putSortable: Y,
+    cloneEl: N,
+    targetEl: f,
+    rootEl: k,
     oldIndex: Ee,
-    oldDraggableIndex: $e,
-    newIndex: J,
-    newDraggableIndex: ce
+    oldDraggableIndex: xe,
+    newIndex: Q,
+    newDraggableIndex: de
   }, t));
 }
-var h, x, w, N, ve, Ue, k, fe, Ee, J, $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"), ci = function() {
+var f, M, S, k, be, qe, N, fe, Ee, Q, xe, de, Be, Y, _e = !1, nt = !1, rt = [], ge, te, mt, gt, Kt, Gt, Ae, we, Ve, Fe = !1, Ye = !1, Je, j, vt = [], Ot = !1, ot = [], st = typeof document < "u", Xe = Nt, Ut = Re || se ? "cssFloat" : "float", On = st && !ri && !Nt && "draggable" in document.createElement("div"), fi = function() {
   if (st) {
     if (se)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
-}(), fi = 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;
+}(), hi = function(e, i) {
+  var n = b(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 && b(o), a = l && b(l), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + H(o).width, c = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + H(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";
-}, zn = function(e, i, n) {
+  return o && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= r && n[Ut] === "none" || l && n[Ut] === "none" && u + c > r) ? "vertical" : "horizontal";
+}, An = 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) {
+}, zn = function(e, i) {
   var n;
   return rt.some(function(r) {
-    var o = r[Z].options.emptyInsertThreshold;
-    if (!(!o || kt(r))) {
-      var l = V(r), s = e >= l.left - o && e <= l.right + o, a = i >= l.top - o && i <= l.bottom + o;
+    var o = r[q].options.emptyInsertThreshold;
+    if (!(!o || $t(r))) {
+      var l = H(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;
     }
   }), n;
-}, hi = function(e) {
+}, 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))
+    return function(s, a, u, c) {
+      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;
       if (l && o === "clone")
         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;
+        return i(o(s, a, u, c), l)(s, a, u, c);
+      var g = (l ? s : a).options.group.name;
+      return o === !0 || typeof o == "string" && o === g || o.join && o.indexOf(g) > -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;
-}, pi = function() {
-  !ci && w && v(w, "display", "none");
 }, mi = function() {
-  !ci && w && v(w, "display", "");
+  !fi && S && b(S, "display", "none");
+}, gi = function() {
+  !fi && S && b(S, "display", "");
 };
 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);
+    var i = zn(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[Z]._onDragOver(n);
+      n.target = n.rootEl = i, n.preventDefault = void 0, n.stopPropagation = void 0, i[q]._onDragOver(n);
     }
   }
-}, Nn = function(e) {
-  h && h.parentNode[Z]._isOutsideThisEl(e.target);
+}, kn = function(e) {
+  f && f.parentNode[q]._isOutsideThisEl(e.target);
 };
-function b(t, e) {
+function y(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[Z] = this;
+  this.el = t, this.options = e = ae({}, e), t[q] = this;
   var i = {
     group: null,
     sort: !0,
@@ -1331,7 +1361,7 @@ function b(t, e) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return fi(t, this.options);
+      return hi(t, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -1358,58 +1388,59 @@ function b(t, e) {
       x: 0,
       y: 0
     },
-    supportPointer: b.supportPointer !== !1 && "PointerEvent" in window && !ke,
+    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
+    supportPointer: y.supportPointer !== !1 && "PointerEvent" in window && (!$e || Nt),
     emptyInsertThreshold: 5
   };
-  Fe.initializePlugins(this, t, i);
+  He.initializePlugins(this, t, i);
   for (var n in i)
     !(n in e) && (e[n] = i[n]);
-  hi(e);
+  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 ? 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());
 }
-b.prototype = /** @lends Sortable.prototype */
+y.prototype = /** @lends Sortable.prototype */
 {
-  constructor: b,
+  constructor: y,
   _isOutsideThisEl: function(e) {
     !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 && ke && 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 (d.call(this, e, a, this)) {
-            X({
+      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, c = r.filter;
+      if (Rn(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 c == "function") {
+          if (c.call(this, e, a, this)) {
+            K({
               sortable: i,
               rootEl: u,
               name: "filter",
               targetEl: a,
               toEl: n,
               fromEl: n
-            }), G("filter", i, {
+            }), U("filter", i, {
               evt: e
-            }), o && e.cancelable && e.preventDefault();
+            }), o && 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 (c && (c = c.split(",").some(function(h) {
+          if (h = ie(u, h.trim(), n, !1), h)
+            return K({
               sortable: i,
-              rootEl: f,
+              rootEl: h,
               name: "filter",
               targetEl: a,
               fromEl: n,
               toEl: n
-            }), G("filter", i, {
+            }), U("filter", i, {
               evt: e
             }), !0;
-        }), d)) {
-          o && e.cancelable && e.preventDefault();
+        }), c)) {
+          o && e.preventDefault();
           return;
         }
         r.handle && !ie(u, r.handle, n, !1) || this._prepareDragStart(e, s, a);
@@ -1418,34 +1449,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 (N = 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 = H(n);
+      if (k = o, f = n, M = f.parentNode, be = f.nextSibling, qe = n, Be = l.group, y.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 (G("delayEnded", r, {
+      }, Kt = ge.clientX - u.left, Gt = 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) {
+        }), y.eventCanceled) {
           r._onDrop();
           return;
         }
-        r._disableDelayedDragEvents(), !Bt && r.nativeDraggable && (h.draggable = !0), r._triggerDragStart(e, i), X({
+        r._disableDelayedDragEvents(), !Yt && r.nativeDraggable && (f.draggable = !0), r._triggerDragStart(e, i), K({
           sortable: r,
           name: "choose",
           originalEvent: e
-        }), q(h, l.chosenClass, !0);
-      }, l.ignore.split(",").forEach(function(d) {
-        li(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), G("delayStart", this, {
+        }), Z(f, l.chosenClass, !0);
+      }, l.ignore.split(",").forEach(function(c) {
+        ai(f, c.trim(), bt);
+      }), O(s, "dragover", ve), O(s, "mousemove", ve), O(s, "touchmove", ve), l.supportPointer ? (O(s, "pointerup", r._onDrop), !this.nativeDraggable && O(s, "pointercancel", r._onDrop)) : (O(s, "mouseup", r._onDrop), O(s, "touchend", r._onDrop), O(s, "touchcancel", r._onDrop)), Yt && this.nativeDraggable && (this.options.touchStartThreshold = 4, f.draggable = !0), U("delayStart", this, {
         evt: e
-      }), l.delay && (!l.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Ve || se))) {
-        if (b.eventCanceled) {
+      }), l.delay && (!l.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Re || se))) {
+        if (y.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);
+        l.supportPointer ? (O(s, "pointerup", r._disableDelayedDrag), O(s, "pointercancel", r._disableDelayedDrag)) : (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);
       } else
         a();
     }
@@ -1455,28 +1486,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);
+    C(e, "mouseup", this._disableDelayedDrag), C(e, "touchend", this._disableDelayedDrag), C(e, "touchcancel", this._disableDelayedDrag), C(e, "pointerup", this._disableDelayedDrag), C(e, "pointercancel", this._disableDelayedDrag), C(e, "mousemove", this._delayedDragTouchMoveHandler), C(e, "touchmove", this._delayedDragTouchMoveHandler), C(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(N, "dragstart", this._onDragStart));
+    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(f, "dragend", this), O(k, "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, N && h) {
-      G("dragStarted", this, {
+    if (_e = !1, k && f) {
+      U("dragStarted", this, {
         evt: i
-      }), this.nativeDraggable && O(document, "dragover", Nn);
+      }), this.nativeDraggable && O(document, "dragover", kn);
       var n = this.options;
-      !e && q(h, n.dragClass, !1), q(h, n.ghostClass, !0), b.active = this, e && this._appendGhost(), X({
+      !e && Z(f, n.dragClass, !1), Z(f, n.ghostClass, !0), y.active = this, e && this._appendGhost(), K({
         sortable: this,
         name: "start",
         originalEvent: i
@@ -1486,14 +1517,14 @@ b.prototype = /** @lends Sortable.prototype */
   },
   _emulateDragOver: function() {
     if (te) {
-      this._lastX = te.clientX, this._lastY = te.clientY, pi();
+      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[Z]._isOutsideThisEl(e), i)
+      if (f.parentNode[q]._isOutsideThisEl(e), i)
         do {
-          if (i[Z]) {
+          if (i[q]) {
             var n = void 0;
-            if (n = i[Z]._onDragOver({
+            if (n = i[q]._onDragOver({
               clientX: te.clientX,
               clientY: te.clientY,
               target: e,
@@ -1502,209 +1533,209 @@ b.prototype = /** @lends Sortable.prototype */
               break;
           }
           e = i;
-        } while (i = i.parentNode);
-      mi();
+        } while (i = li(i));
+      gi();
     }
   },
   _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 (!b.active && !_e) {
+    if (ge) {
+      var i = this.options, n = i.fallbackTolerance, r = i.fallbackOffset, o = e.touches ? e.touches[0] : e, l = S && De(S, !0), s = S && l && l.a, a = S && l && l.d, u = Xe && j && jt(j), c = (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 (!y.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 = {
+      if (S) {
+        l ? (l.e += c - (mt || 0), l.f += h - (gt || 0)) : l = {
           a: 1,
           b: 0,
           c: 0,
           d: 1,
-          e: d,
-          f
+          e: c,
+          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 g = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
+        b(S, "webkitTransform", g), b(S, "mozTransform", g), b(S, "msTransform", g), b(S, "transform", g), mt = c, gt = h, te = o;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
-    if (!w) {
-      var e = this.options.fallbackOnBody ? document.body : N, 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);
+    if (!S) {
+      var e = this.options.fallbackOnBody ? document.body : k, i = H(f, !0, Xe, !0, e), n = this.options;
+      if (Xe) {
+        for (j = e; b(j, "position") === "static" && b(j, "transform") === "none" && j !== document; )
+          j = j.parentNode;
+        j !== document.body && j !== document.documentElement ? (j === document && (j = ne()), i.top += j.scrollTop, i.left += j.scrollLeft) : j = ne(), vt = jt(j);
       }
-      w = h.cloneNode(!0), q(w, n.ghostClass, !1), q(w, n.fallbackClass, !0), q(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 + "%");
+      S = f.cloneNode(!0), Z(S, n.ghostClass, !1), Z(S, n.fallbackClass, !0), Z(S, n.dragClass, !0), b(S, "transition", ""), b(S, "transform", ""), b(S, "box-sizing", "border-box"), b(S, "margin", 0), b(S, "top", i.top), b(S, "left", i.left), b(S, "width", i.width), b(S, "height", i.height), b(S, "opacity", "0.8"), b(S, "position", Xe ? "absolute" : "fixed"), b(S, "zIndex", "100000"), b(S, "pointerEvents", "none"), y.ghost = S, e.appendChild(S), b(S, "transform-origin", Kt / parseInt(S.style.width) * 100 + "% " + Gt / parseInt(S.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, i) {
     var n = this, r = e.dataTransfer, o = n.options;
-    if (G("dragStart", this, {
+    if (U("dragStart", this, {
       evt: e
-    }), b.eventCanceled) {
+    }), y.eventCanceled) {
       this._onDrop();
       return;
     }
-    G("setupClone", this), b.eventCanceled || (k = ui(h), k.removeAttribute("id"), k.draggable = !1, k.style["will-change"] = "", this._hideClone(), q(k, this.options.chosenClass, !1), b.clone = k), n.cloneId = Je(function() {
-      G("clone", n), !b.eventCanceled && (n.options.removeCloneOnHide || N.insertBefore(k, h), n._hideClone(), X({
+    U("setupClone", this), y.eventCanceled || (N = ci(f), N.removeAttribute("id"), N.draggable = !1, N.style["will-change"] = "", this._hideClone(), Z(N, this.options.chosenClass, !1), y.clone = N), n.cloneId = Ze(function() {
+      U("clone", n), !y.eventCanceled && (n.options.removeCloneOnHide || k.insertBefore(N, f), n._hideClone(), K({
         sortable: n,
         name: "clone"
       }));
-    }), !i && q(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, ke && v(document.body, "user-select", "none");
+    }), !i && Z(f, o.dragClass, !0), i ? (nt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (C(document, "mouseup", n._onDrop), C(document, "touchend", n._onDrop), C(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", o.setData && o.setData.call(n, r, f)), O(document, "drop", n), b(f, "transform", "translateZ(0)")), _e = !0, n._dragStartId = Ze(n._dragStarted.bind(n, i, e)), O(document, "selectstart", n), Ae = !0, window.getSelection().removeAllRanges(), $e && b(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, vi) {
-      G(Te, S, re({
+    var i = this.el, n = e.target, r, o, l, s = this.options, a = s.group, u = y.active, c = Be === a, h = s.sort, g = Y || u, D, _ = this, v = !1;
+    if (Ot) return;
+    function T(Te, bi) {
+      U(Te, _, re({
         evt: e,
-        isOwner: d,
-        axis: _ ? "vertical" : "horizontal",
+        isOwner: c,
+        axis: D ? "vertical" : "horizontal",
         revert: l,
         dragRect: r,
         targetRect: o,
-        canSort: f,
-        fromSortable: m,
+        canSort: h,
+        fromSortable: g,
         target: n,
-        completed: T,
-        onMove: function(Mt, bi) {
-          return Xe(N, i, h, r, Mt, V(Mt), e, bi);
+        completed: p,
+        onMove: function(Vt, yi) {
+          return We(k, i, f, r, Vt, H(Vt), e, yi);
         },
-        changed: y
-      }, vi));
+        changed: d
+      }, bi));
     }
-    function C() {
-      c("dragOverAnimationCapture"), S.captureAnimationState(), S !== m && m.captureAnimationState();
+    function $() {
+      T("dragOverAnimationCapture"), _.captureAnimationState(), _ !== g && g.captureAnimationState();
     }
-    function T(Te) {
-      return c("dragOverCompleted", {
+    function p(Te) {
+      return T("dragOverCompleted", {
         insertion: Te
-      }), Te && (d ? u._hideClone() : u._showClone(S), S !== m && (q(h, H ? H.options.ghostClass : u.options.ghostClass, !1), q(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[Z]._isOutsideThisEl(e.target), !Te && ge(e)), !s.dragoverBubble && e.stopPropagation && e.stopPropagation(), p = !0;
+      }), Te && (c ? u._hideClone() : u._showClone(_), _ !== g && (Z(f, Y ? Y.options.ghostClass : u.options.ghostClass, !1), Z(f, s.ghostClass, !0)), Y !== _ && _ !== y.active ? Y = _ : _ === y.active && Y && (Y = null), g === _ && (_._ignoreWhileAnimating = n), _.animateAll(function() {
+        T("dragOverAnimationComplete"), _._ignoreWhileAnimating = null;
+      }), _ !== g && (g.animateAll(), g._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(), v = !0;
     }
-    function y() {
-      J = ee(h), ce = ee(h, s.draggable), X({
-        sortable: S,
+    function d() {
+      Q = ee(f), de = ee(f, s.draggable), K({
+        sortable: _,
         name: "change",
         toEl: i,
-        newIndex: J,
-        newDraggableIndex: ce,
+        newIndex: Q,
+        newDraggableIndex: de,
         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 !== N) : 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), T("dragOver"), y.eventCanceled) return v;
+    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || _._ignoreWhileAnimating === n)
+      return p(!1);
+    if (nt = !1, u && !s.disabled && (c ? h || (l = M !== k) : Y === this || (this.lastPutMode = Be.checkPull(this, u, f, e)) && a.checkPut(this, u, f, e))) {
+      if (D = this._getDirection(e, n) === "vertical", r = H(f), T("dragOverValid"), y.eventCanceled) return v;
       if (l)
-        return x = N, C(), this._hideClone(), c("revert"), b.eventCanceled || (ve ? N.insertBefore(h, ve) : N.appendChild(h)), T(!0);
-      var g = kt(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(N, 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)) {
+        return M = k, $(), this._hideClone(), T("revert"), y.eventCanceled || (be ? k.insertBefore(f, be) : k.appendChild(f)), p(!0);
+      var m = $t(i, s.draggable);
+      if (!m || Mn(e, D, this) && !m.animated) {
+        if (m === f)
+          return p(!1);
+        if (m && i === e.target && (n = m), n && (o = H(n)), We(k, i, f, r, n, o, e, !!n) !== !1)
+          return $(), m && m.nextSibling ? i.insertBefore(f, m.nextSibling) : i.appendChild(f), M = i, d(), p(!0);
+      } else if (m && $n(e, D, this)) {
         var W = Ie(i, 0, s, !0);
-        if (W === h)
-          return T(!1);
-        if (n = W, o = V(n), Xe(N, i, h, r, n, o, e, !1) !== !1)
-          return C(), i.insertBefore(h, W), x = i, y(), T(!0);
+        if (W === f)
+          return p(!1);
+        if (n = W, o = H(n), We(k, i, f, r, n, o, e, !1) !== !1)
+          return $(), i.insertBefore(f, W), M = i, d(), p(!0);
       } else if (n.parentNode === i) {
-        o = V(n);
-        var K = 0, Y, j = 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"), P = $ ? $.scrollTop : void 0;
-        we !== n && (Y = o[E], Re = !1, Be = !F && s.invertSwap || j), K = Mn(e, n, o, _, F ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Be, we === n);
-        var z;
-        if (K !== 0) {
-          var U = ee(h);
+        o = H(n);
+        var w = 0, F, L = f.parentNode !== i, B = !An(f.animated && f.toRect || r, n.animated && n.toRect || o, D), I = D ? "top" : "left", x = Wt(n, "top", "top") || Wt(f, "top", "top"), P = x ? x.scrollTop : void 0;
+        we !== n && (F = o[I], Fe = !1, Ye = !B && s.invertSwap || L), w = xn(e, n, o, D, B ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Ye, we === n);
+        var A;
+        if (w !== 0) {
+          var J = ee(f);
           do
-            U -= K, z = x.children[U];
-          while (z && (v(z, "display") === "none" || z === w));
+            J -= w, A = M.children[J];
+          while (A && (b(A, "display") === "none" || A === S));
         }
-        if (K === 0 || z === n)
-          return T(!1);
-        we = n, Me = K;
-        var ue = n.nextElementSibling, M = !1;
-        M = K === 1;
-        var pe = Xe(N, i, h, r, n, o, e, M);
-        if (pe !== !1)
-          return (pe === 1 || pe === -1) && (M = pe === 1), Ct = !0, setTimeout(kn, 30), C(), M && !ue ? i.appendChild(h) : n.parentNode.insertBefore(h, M ? ue : n), $ && si($, 0, P - $.scrollTop), x = h.parentNode, Y !== void 0 && !Be && (qe = Math.abs(Y - V(n)[E])), y(), T(!0);
+        if (w === 0 || A === n)
+          return p(!1);
+        we = n, Ve = w;
+        var ue = n.nextElementSibling, V = !1;
+        V = w === 1;
+        var me = We(k, i, f, r, n, o, e, V);
+        if (me !== !1)
+          return (me === 1 || me === -1) && (V = me === 1), Ot = !0, setTimeout(Nn, 30), $(), V && !ue ? i.appendChild(f) : n.parentNode.insertBefore(f, V ? ue : n), x && ui(x, 0, P - x.scrollTop), M = f.parentNode, F !== void 0 && !Ye && (Je = Math.abs(F - H(n)[I])), d(), p(!0);
       }
-      if (i.contains(h))
-        return T(!1);
+      if (i.contains(f))
+        return p(!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);
+    C(document, "mousemove", this._onTouchMove), C(document, "touchmove", this._onTouchMove), C(document, "pointermove", this._onTouchMove), C(document, "dragover", ve), C(document, "mousemove", ve), C(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);
+    C(e, "mouseup", this._onDrop), C(e, "touchend", this._onDrop), C(e, "pointerup", this._onDrop), C(e, "pointercancel", this._onDrop), C(e, "touchcancel", this._onDrop), C(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var i = this.el, n = this.options;
-    if (J = ee(h), ce = ee(h, n.draggable), G("drop", this, {
+    if (Q = ee(f), de = ee(f, n.draggable), U("drop", this, {
       evt: e
-    }), x = h && h.parentNode, J = ee(h), ce = ee(h, n.draggable), b.eventCanceled) {
+    }), M = f && f.parentNode, Q = ee(f), de = ee(f, n.draggable), y.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(), ke && 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), (N === x || H && H.lastPutMode !== "clone") && k && k.parentNode && k.parentNode.removeChild(k), h && (this.nativeDraggable && I(h, "dragend", this), bt(h), h.style["will-change"] = "", ze && !_e && q(h, H ? H.options.ghostClass : this.options.ghostClass, !1), q(h, this.options.chosenClass, !1), X({
+    _e = !1, Ye = !1, Fe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), At(this.cloneId), At(this._dragStartId), this.nativeDraggable && (C(document, "drop", this), C(i, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), $e && b(document.body, "user-select", ""), b(f, "transform", ""), e && (Ae && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), S && S.parentNode && S.parentNode.removeChild(S), (k === M || Y && Y.lastPutMode !== "clone") && N && N.parentNode && N.parentNode.removeChild(N), f && (this.nativeDraggable && C(f, "dragend", this), bt(f), f.style["will-change"] = "", Ae && !_e && Z(f, Y ? Y.options.ghostClass : this.options.ghostClass, !1), Z(f, this.options.chosenClass, !1), K({
       sortable: this,
       name: "unchoose",
-      toEl: x,
+      toEl: M,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), N !== x ? (J >= 0 && (X({
-      rootEl: x,
+    }), k !== M ? (Q >= 0 && (K({
+      rootEl: M,
       name: "add",
-      toEl: x,
-      fromEl: N,
+      toEl: M,
+      fromEl: k,
       originalEvent: e
-    }), X({
+    }), K({
       sortable: this,
       name: "remove",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    }), X({
-      rootEl: x,
+    }), K({
+      rootEl: M,
       name: "sort",
-      toEl: x,
-      fromEl: N,
+      toEl: M,
+      fromEl: k,
       originalEvent: e
-    }), X({
+    }), K({
       sortable: this,
       name: "sort",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    })), H && H.save()) : J !== Ee && J >= 0 && (X({
+    })), Y && Y.save()) : Q !== Ee && Q >= 0 && (K({
       sortable: this,
       name: "update",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    }), X({
+    }), K({
       sortable: this,
       name: "sort",
-      toEl: x,
+      toEl: M,
       originalEvent: e
-    })), b.active && ((J == null || J === -1) && (J = Ee, ce = $e), X({
+    })), y.active && ((Q == null || Q === -1) && (Q = Ee, de = xe), K({
       sortable: this,
       name: "end",
-      toEl: x,
+      toEl: M,
       originalEvent: e
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    G("nulling", this), N = h = x = w = ve = k = Ue = fe = me = te = ze = J = ce = Ee = $e = we = Me = H = Le = b.dragged = b.ghost = b.clone = b.active = null, ot.forEach(function(e) {
+    U("nulling", this), k = f = M = S = be = N = qe = fe = ge = te = Ae = Q = de = Ee = xe = we = Ve = Y = Be = y.dragged = y.ghost = y.clone = y.active = null, ot.forEach(function(e) {
       e.checked = !0;
     }), ot.length = mt = gt = 0;
   },
@@ -1716,7 +1747,7 @@ b.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Pn(e));
+        f && (this._onDragOver(e), Pn(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -1729,7 +1760,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) || Fn(i));
     return e;
   },
   /**
@@ -1771,23 +1802,23 @@ b.prototype = /** @lends Sortable.prototype */
     var n = this.options;
     if (i === void 0)
       return n[e];
-    var r = Fe.modifyOption(this, e, i);
-    typeof r < "u" ? n[e] = r : n[e] = i, e === "group" && hi(n);
+    var r = He.modifyOption(this, e, i);
+    typeof r < "u" ? n[e] = r : n[e] = i, e === "group" && pi(n);
   },
   /**
    * Destroy
    */
   destroy: function() {
-    G("destroy", this);
+    U("destroy", this);
     var e = this.el;
-    e[Z] = 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, C(e, "mousedown", this._onTapStart), C(e, "touchstart", this._onTapStart), C(e, "pointerdown", this._onTapStart), this.nativeDraggable && (C(e, "dragover", this), C(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(i) {
       i.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), rt.splice(rt.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!fe) {
-      if (G("hideClone", this), b.eventCanceled) return;
-      v(k, "display", "none"), this.options.removeCloneOnHide && k.parentNode && k.parentNode.removeChild(k), fe = !0;
+      if (U("hideClone", this), y.eventCanceled) return;
+      b(N, "display", "none"), this.options.removeCloneOnHide && N.parentNode && N.parentNode.removeChild(N), fe = !0;
     }
   },
   _showClone: function(e) {
@@ -1796,108 +1827,109 @@ b.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (fe) {
-      if (G("showClone", this), b.eventCanceled) return;
-      h.parentNode == N && !this.options.group.revertClone ? N.insertBefore(k, h) : ve ? N.insertBefore(k, ve) : N.appendChild(k), this.options.group.revertClone && this.animate(h, k), v(k, "display", ""), fe = !1;
+      if (U("showClone", this), y.eventCanceled) return;
+      f.parentNode == k && !this.options.group.revertClone ? k.insertBefore(N, f) : be ? k.insertBefore(N, be) : k.appendChild(N), this.options.group.revertClone && this.animate(f, N), b(N, "display", ""), fe = !1;
     }
   }
 };
 function Pn(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[Z], 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], c = u.options.onMove, h;
+  return window.CustomEvent && !se && !Re ? 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 || H(e), a.willInsertAfter = s, a.originalEvent = l, t.dispatchEvent(a), c && (h = c.call(u, a, l)), h;
 }
 function bt(t) {
   t.draggable = !1;
 }
-function kn() {
-  Ct = !1;
+function Nn() {
+  Ot = !1;
 }
-function xn(t, e, i) {
-  var n = V(Ie(i.el, 0, i.options, !0)), r = di(i.el, i.options, w), o = 10;
+function $n(t, e, i) {
+  var n = H(Ie(i.el, 0, i.options, !0)), r = di(i.el, i.options, S), 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(kt(i.el, i.options.draggable)), r = di(i.el, i.options, w), o = 10;
+function Mn(t, e, i) {
+  var n = H($t(i.el, i.options.draggable)), r = di(i.el, i.options, S), 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, c = n ? i.top : i.left, h = n ? i.bottom : i.right, g = !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 (!Fe && (Ve === 1 ? a > c + u * o / 2 : a < h - u * o / 2) && (Fe = !0), Fe)
+        g = !0;
+      else if (Ve === 1 ? a < c + Je : a > h - Je)
+        return -Ve;
+    } else if (a > c + 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 g = g || l, g && (a < c + u * o / 2 || a > h - u * o / 2) ? a > c + u / 2 ? 1 : -1 : 0;
 }
 function Vn(t) {
+  return ee(f) < ee(t) ? 1 : -1;
+}
+function Fn(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);
 }
-function Fn(t) {
+function Rn(t) {
   ot.length = 0;
   for (var e = t.getElementsByTagName("input"), i = e.length; i--; ) {
     var n = e[i];
     n.checked && ot.push(n);
   }
 }
-function Je(t) {
+function Ze(t) {
   return setTimeout(t, 0);
 }
-function zt(t) {
+function At(t) {
   return clearTimeout(t);
 }
 st && O(document, "touchmove", function(t) {
-  (b.active || _e) && t.cancelable && t.preventDefault();
+  (y.active || _e) && t.cancelable && t.preventDefault();
 });
-b.utils = {
+y.utils = {
   on: O,
-  off: I,
-  css: v,
-  find: li,
+  off: C,
+  css: b,
+  find: ai,
   is: function(e, i) {
     return !!ie(e, i, e, !1);
   },
   extend: Sn,
-  throttle: ai,
+  throttle: si,
   closest: ie,
-  toggleClass: q,
-  clone: ui,
+  toggleClass: Z,
+  clone: ci,
   index: ee,
-  nextTick: Je,
-  cancelNextTick: zt,
-  detectDirection: fi,
-  getChild: Ie
+  nextTick: Ze,
+  cancelNextTick: At,
+  detectDirection: hi,
+  getChild: Ie,
+  expando: q
 };
-b.get = function(t) {
-  return t[Z];
+y.get = function(t) {
+  return t[q];
 };
-b.mount = function() {
+y.mount = function() {
   for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
     e[i] = arguments[i];
   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 && (y.utils = re(re({}, y.utils), n.utils)), He.mount(n);
   });
 };
-b.create = function(t, e) {
-  return new b(t, e);
+y.create = function(t, e) {
+  return new y(t, e);
 };
-b.version = bn;
-var R = [], Ae, At, Nt = !1, yt, wt, lt, Ne;
+y.version = yn;
+var R = [], ze, zt, kt = !1, yt, wt, lt, ke;
 function Hn() {
   function t() {
     this.defaults = {
@@ -1920,29 +1952,29 @@ function Hn() {
       !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 ? C(document, "dragover", this._handleAutoScroll) : (C(document, "pointermove", this._handleFallbackAutoScroll), C(document, "touchmove", this._handleFallbackAutoScroll), C(document, "mousemove", this._handleFallbackAutoScroll)), qt(), Qe(), _n();
     },
     nulling: function() {
-      lt = At = Ae = Nt = Ne = yt = wt = null, R.length = 0;
+      lt = zt = ze = kt = ke = yt = wt = null, R.length = 0;
     },
     _handleFallbackAutoScroll: function(i) {
       this._handleAutoScroll(i, !0);
     },
     _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 || ke) {
+      if (lt = i, n || this.options.forceAutoScrollFallback || Re || se || $e) {
         St(i, this.options, s, n);
-        var a = he(s, !0);
-        Nt && (!Ne || o !== yt || l !== wt) && (Ne && Ut(), Ne = setInterval(function() {
-          var u = he(document.elementFromPoint(o, l), !0);
-          u !== a && (a = u, Ze()), St(i, r.options, u, n);
+        var a = pe(s, !0);
+        kt && (!ke || o !== yt || l !== wt) && (ke && qt(), ke = setInterval(function() {
+          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, {
@@ -1950,51 +1982,51 @@ function Hn() {
     initializeByDefault: !0
   });
 }
-function Ze() {
+function Qe() {
   R.forEach(function(t) {
     clearInterval(t.pid);
   }), R = [];
 }
-function Ut() {
-  clearInterval(Ne);
+function qt() {
+  clearInterval(ke);
 }
-var St = ai(function(t, e, i, n) {
+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;
+    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, c;
+    zt !== i && (zt = i, Qe(), ze = e.scroll, c = e.scrollFn, ze === !0 && (ze = pe(i, !0)));
+    var h = 0, g = ze;
     do {
-      var _ = m, S = V(_), p = S.top, c = S.bottom, C = S.left, T = S.right, y = S.width, g = S.height, W = void 0, K = void 0, Y = _.scrollWidth, j = _.scrollHeight, F = v(_), E = _.scrollLeft, $ = _.scrollTop;
-      _ === a ? (W = y < Y && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), K = g < j && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (W = y < Y && (F.overflowX === "auto" || F.overflowX === "scroll"), K = g < j && (F.overflowY === "auto" || F.overflowY === "scroll"));
-      var P = W && (Math.abs(T - r) <= l && E + y < Y) - (Math.abs(C - r) <= l && !!E), z = K && (Math.abs(c - o) <= l && $ + g < j) - (Math.abs(p - o) <= l && !!$);
-      if (!R[f])
-        for (var U = 0; U <= f; U++)
-          R[U] || (R[U] = {});
-      (R[f].vx != P || R[f].vy != z || R[f].el !== _) && (R[f].el = _, R[f].vx = P, R[f].vy = z, clearInterval(R[f].pid), (P != 0 || z != 0) && (u = !0, R[f].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[Z], M, ue, t, lt, R[this.layer].el) !== "continue" || si(R[this.layer].el, M, ue);
+      var D = g, _ = H(D), v = _.top, T = _.bottom, $ = _.left, p = _.right, d = _.width, m = _.height, W = void 0, w = void 0, F = D.scrollWidth, L = D.scrollHeight, B = b(D), I = D.scrollLeft, x = D.scrollTop;
+      D === a ? (W = d < F && (B.overflowX === "auto" || B.overflowX === "scroll" || B.overflowX === "visible"), w = m < L && (B.overflowY === "auto" || B.overflowY === "scroll" || B.overflowY === "visible")) : (W = d < F && (B.overflowX === "auto" || B.overflowX === "scroll"), w = m < L && (B.overflowY === "auto" || B.overflowY === "scroll"));
+      var P = W && (Math.abs(p - r) <= l && I + d < F) - (Math.abs($ - r) <= l && !!I), A = w && (Math.abs(T - o) <= l && x + m < L) - (Math.abs(v - o) <= l && !!x);
+      if (!R[h])
+        for (var J = 0; J <= h; J++)
+          R[J] || (R[J] = {});
+      (R[h].vx != P || R[h].vy != A || R[h].el !== D) && (R[h].el = D, 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 && y.active._onTouchMove(lt);
+        var ue = R[this.layer].vy ? R[this.layer].vy * s : 0, V = R[this.layer].vx ? R[this.layer].vx * s : 0;
+        typeof c == "function" && c.call(y.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)));
-    Nt = u;
+        layer: h
+      }), 24))), h++;
+    } while (e.bubbleScroll && g !== a && (g = pe(g, !1)));
+    kt = u;
   }
-}, 30), gi = function(e) {
+}, 30), vi = function(e) {
   var i = e.originalEvent, n = e.putSortable, r = e.dragEl, o = e.activeSortable, l = e.dispatchSortableEvent, s = e.hideGhostForTarget, a = e.unhideGhostForTarget;
   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 c = i.changedTouches && i.changedTouches.length ? i.changedTouches[0] : i, h = document.elementFromPoint(c.clientX, c.clientY);
+    a(), u && !u.el.contains(h) && (l("spill"), this.onSpill({
       dragEl: r,
       putSortable: n
     }));
   }
 };
-function xt() {
+function Mt() {
 }
-xt.prototype = {
+Mt.prototype = {
   startIndex: null,
   dragStart: function(e) {
     var i = e.oldDraggableIndex;
@@ -2006,56 +2038,56 @@ xt.prototype = {
     var r = Ie(this.sortable.el, this.startIndex, this.options);
     r ? this.sortable.el.insertBefore(i, r) : this.sortable.el.appendChild(i), this.sortable.animateAll(), n && n.animateAll();
   },
-  drop: gi
+  drop: vi
 };
-ae(xt, {
+ae(Mt, {
   pluginName: "revertOnSpill"
 });
-function $t() {
+function xt() {
 }
-$t.prototype = {
+xt.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: gi
+  drop: vi
 };
-ae($t, {
+ae(xt, {
   pluginName: "removeOnSpill"
 });
-b.mount(new Hn());
-b.mount($t, xt);
+y.mount(new Hn());
+y.mount(xt, Mt);
 const Ln = (t, e, i, n) => {
-  const r = Zt(t, "dragSort");
+  const r = Qt(t, "dragSort");
   let o = null, l = Pe(0);
-  Vt(
+  Rt(
     r,
     (u) => {
-      Qe(() => {
+      et(() => {
         u ? s() : a();
       });
     },
     {
       immediate: !0
     }
-  ), Vt(n, (u, d) => {
-    Qe(() => {
+  ), Rt(n, (u, c) => {
+    et(() => {
       r.value ? s() : a();
     });
   });
   const s = () => {
     const u = i.value;
-    u.style.cursor = "move", o = b.create(u, {
+    u.style.cursor = "move", o = y.create(u, {
       draggable: ".selected-item.enable",
       //指定样式类的元素才允许拖动
       animation: 300,
       //过渡动画时间
       //拖拽结束时事件
-      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);
+      onEnd: (c) => {
+        const h = JSON.parse(JSON.stringify(n.value)), g = JSON.parse(JSON.stringify(n.value));
+        g.splice(c.oldIndex, 1)[0];
+        const D = h[c.oldIndex];
+        g.splice(c.newIndex, 0, D), e("update:modelValue", g), l.value = Date.now(), e("sortEnd", h, g, c.oldIndex, c.newIndex);
       }
     });
   }, a = () => {
@@ -2066,192 +2098,286 @@ 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__ */ xi({
+}, 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, Function], 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 }) {
-    $i((c) => ({
-      "9fdfd546": o.value
+    xi((d) => ({
+      "29d24cb2": 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 } = pn(n, r);
-    Ln(n, r, a, d);
+    const n = t, r = i, o = Ne(() => n.itemHeight + "px"), l = Ne(() => n.dragSort || n.infiniteScroll ? !1 : n.virtual), {
+      selectListRef: s,
+      $list: a,
+      disabledFlag: u,
+      itemGroups: c,
+      selectedLabel: h,
+      itemRemove: g,
+      removeAll: D,
+      innerSelectdValue: _,
+      selectItem: v,
+      infiniteLoad: T,
+      closeableFn: $
+    } = mn(n, r);
+    Ln(n, r, a, c);
     const p = Pe(!0);
-    return Jt(() => {
+    return Zt(() => {
       p.value = !1, setTimeout(() => {
         p.value = !0;
       }, 300);
     }), e({
-      infiniteLoad: S
-    }), (c, C) => {
-      const T = _i;
-      return A(), L("div", {
-        ref_key: "selectListRef",
-        ref: s,
-        class: "das-ui-select-list",
-        style: qt({ width: c.width, height: c.height, ...c.customStyle })
-      }, [
-        c.hideHeader ? Q("", !0) : (A(), L("div", Bn, [
-          Oe("div", Yn, Ce(D(f)), 1),
-          c.isView ? Q("", !0) : (A(), oe(D(Mi), {
-            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)
-            ]),
-            _: 1
-          }, 8, ["onClick", "disabled"]))
-        ])),
-        !c.infiniteScroll && !l.value ? Se((A(), L("div", {
-          key: 1,
-          ref_key: "$list",
-          ref: a,
-          class: de(["selected-container", { "hide-header": c.hideHeader }])
-        }, [
-          (A(!0), L(_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(Vi), {
+      infiniteLoad: T
+    }), (d, m) => {
+      const W = Ei;
+      return z(), X(
+        "div",
+        {
+          ref_key: "selectListRef",
+          ref: s,
+          class: "das-ui-select-list",
+          style: Jt({ width: d.width, height: d.height, ...d.customStyle })
+        },
+        [
+          he(d.$slots, "header", {}, () => [
+            d.hideHeader ? G("v-if", !0) : (z(), X("div", Bn, [
+              Ce(
+                "div",
+                Yn,
+                Oe(E(h)),
+                1
+                /* TEXT */
+              ),
+              !d.isView && d.clearable ? (z(), oe(E(Vi), {
+                key: 0,
+                "btn-type": "primary-text",
+                block: "",
+                onClick: E(D),
+                disabled: !E(c) || !E(c).length
+              }, {
+                default: tt(() => [
+                  Le(
+                    Oe(E(je)("das-select-list-removeAll").value),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick", "disabled"])) : G("v-if", !0)
+            ]))
+          ], !0),
+          G(" 普通 "),
+          !d.infiniteScroll && !l.value ? Se((z(), X(
+            "div",
+            {
               key: 0,
-              class: "drag-icon",
-              size: "medium",
-              style: { "margin-right": "8px" }
-            })) : Q("", !0),
-            Oe("div", Xn, [
-              be(c.$slots, "default", { item: y }, () => [
-                Se((A(), L("div", null, [
-                  He(Ce(y[c.labelKey]), 1)
-                ])), [
-                  [D(dt)]
-                ])
-              ], !0)
-            ]),
-            c.isView ? Q("", !0) : (A(), oe(D(ct), {
+              ref_key: "$list",
+              ref: a,
+              class: ce(["selected-container", { "hide-header": d.hideHeader }])
+            },
+            [
+              (z(!0), X(
+                _t,
+                null,
+                Et(E(c), (w, F) => (z(), X("div", {
+                  class: ce({
+                    "selected-item": !0,
+                    disabled: !d.isView && E(u)(w),
+                    enable: !d.isView && !E(u)(w),
+                    active: E(_) === w[d.valueKey]
+                  }),
+                  key: w[d.valueKey] + F,
+                  onClick: (L) => E(v)(w)
+                }, [
+                  d.dragSort ? (z(), oe(E(Ri), {
+                    key: 0,
+                    class: "drag-icon",
+                    size: "medium",
+                    style: { "margin-right": "8px" }
+                  })) : G("v-if", !0),
+                  Ce("div", Wn, [
+                    he(d.$slots, "default", { item: w }, () => [
+                      Se((z(), X("div", null, [
+                        Le(
+                          Oe(w[d.labelKey]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [E(ct)]
+                      ])
+                    ], !0)
+                  ]),
+                  !d.isView && E($)(w) ? (z(), oe(E(dt), {
+                    key: 1,
+                    size: "small",
+                    class: "close-icon",
+                    "icon-color": E(ut)("--das-ui-color-secondary"),
+                    onClick: (L) => E(g)(w)
+                  }, null, 8, ["icon-color", "onClick"])) : G("v-if", !0)
+                ], 10, Xn))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          )), [
+            [E(Fi), { usePrevOverlay: !0 }]
+          ]) : G("v-if", !0),
+          G(" 虚拟滚动 "),
+          !d.dragSort && l.value ? (z(), X(
+            "div",
+            {
               key: 1,
-              size: "small",
-              class: "close-icon",
-              "icon-color": D(ut)("--das-ui-color-secondary"),
-              onClick: (W) => D(m)(y)
-            }, null, 8, ["icon-color", "onClick"]))
-          ], 2))), 128))
-        ], 2)), [
-          [D(Ri), { usePrevOverlay: !0 }]
-        ]) : Q("", !0),
-        !c.dragSort && l.value ? (A(), L("div", {
-          key: 2,
-          ref_key: "$list",
-          ref: a,
-          class: de(["selected-container", { "hide-header": c.hideHeader }])
-        }, [
-          p.value && D(d).length > 0 ? (A(), oe(D(Pt), {
-            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)
-                    ])), [
-                      [D(dt)]
-                    ])
-                  ], !0)
+              ref_key: "$list",
+              ref: a,
+              class: ce(["selected-container", { "hide-header": d.hideHeader }])
+            },
+            [
+              p.value && E(c).length > 0 ? (z(), oe(E(Pt), {
+                key: E(c).length,
+                items: E(c),
+                "item-size": d.itemHeight,
+                "key-field": d.valueKey,
+                class: "virtual-list"
+              }, {
+                default: tt(({ item: w, index: F }) => [
+                  (z(), X("div", {
+                    class: ce({
+                      "selected-item": !0,
+                      disabled: !d.isView && E(u)(w),
+                      enable: !d.isView && !E(u)(w),
+                      active: E(_) === w[d.valueKey]
+                    }),
+                    key: w[d.valueKey],
+                    onClick: (L) => E(v)(w)
+                  }, [
+                    Ce("div", Kn, [
+                      he(d.$slots, "default", { item: w }, () => [
+                        Se((z(), X("div", null, [
+                          Le(
+                            Oe(w[d.labelKey]),
+                            1
+                            /* TEXT */
+                          )
+                        ])), [
+                          [E(ct)]
+                        ])
+                      ], !0)
+                    ]),
+                    !d.isView && E($)(w) ? (z(), oe(E(dt), {
+                      key: 0,
+                      size: "small",
+                      class: "close-icon",
+                      "icon-color": E(ut)("--das-ui-color-secondary"),
+                      onClick: (L) => E(g)(w)
+                    }, null, 8, ["icon-color", "onClick"])) : G("v-if", !0)
+                  ], 10, jn))
                 ]),
-                c.isView ? Q("", !0) : (A(), oe(D(ct), {
-                  key: 0,
-                  size: "small",
-                  class: "close-icon",
-                  "icon-color": D(ut)("--das-ui-color-secondary"),
-                  onClick: (W) => D(m)(y)
-                }, null, 8, ["icon-color", "onClick"]))
-              ], 2))
-            ]),
-            _: 3
-          }, 8, ["items", "item-size", "key-field"])) : Q("", !0)
-        ], 2)) : Q("", !0),
-        !c.dragSort && c.infiniteScroll ? Se((A(), L("div", {
-          key: 3,
-          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(_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)
-                  ])), [
-                    [D(dt)]
-                  ])
-                ], !0)
-              ]),
-              c.isView ? Q("", !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))), 128))
-          ])
-        ], 10, jn)), [
-          [T, D(S)]
-        ]) : Q("", !0)
-      ], 4);
+                _: 3
+                /* FORWARDED */
+              }, 8, ["items", "item-size", "key-field"])) : G("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          )) : G("v-if", !0),
+          G(" 分页加载 "),
+          !d.dragSort && d.infiniteScroll ? Se((z(), X("div", {
+            key: 2,
+            ref_key: "$list",
+            ref: a,
+            class: ce(["selected-container selected-page-container", { "hide-header": d.hideHeader }]),
+            "infinite-scroll-disabled": d.infiniteDisabled,
+            style: { overflow: "overlay" }
+          }, [
+            Ce("div", Un, [
+              (z(!0), X(
+                _t,
+                null,
+                Et(E(c), (w) => (z(), X("div", {
+                  class: ce({
+                    "selected-item": !0,
+                    disabled: !d.isView && E(u)(w),
+                    enable: !d.isView && !E(u)(w),
+                    active: E(_) === w[d.valueKey]
+                  }),
+                  key: w[d.valueKey],
+                  onClick: (F) => E(v)(w)
+                }, [
+                  Ce("div", Jn, [
+                    he(d.$slots, "default", { item: w }, () => [
+                      Se((z(), X("div", null, [
+                        Le(
+                          Oe(w[d.labelKey]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [E(ct)]
+                      ])
+                    ], !0)
+                  ]),
+                  !d.isView && E($)(w) ? (z(), oe(E(dt), {
+                    key: 0,
+                    size: "small",
+                    class: "close-icon",
+                    "icon-color": E(ut)("--das-ui-color-secondary"),
+                    onClick: (F) => E(g)(w)
+                  }, null, 8, ["icon-color", "onClick"])) : G("v-if", !0)
+                ], 10, qn))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ], 10, Gn)), [
+            [W, E(T)]
+          ]) : G("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-f1ab7a71"]]), Zn = {
-  "das-select-list-removeAll": { "zh-CN": "清空", en: "test" },
-  "das-select-list-selected": { "zh-CN": "已选", en: "test" },
-  "das-select-list-parentheses-left": { "zh-CN": "（", en: "test" },
-  "das-select-list-parentheses-right": { "zh-CN": "）", en: "test" }
-}, Qn = {
+}, er = /* @__PURE__ */ Qn(Zn, [["__scopeId", "data-v-ef9fb494"]]), 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" }
+}, ir = {
   "--das-ui-select-list-hover-bg": { light: "#F2F2F2" },
-  "--das-ui-select-list-close-btn-hover": { light: "#5582F3" }
-}, vr = yi(Jn);
-wi(Zn);
-Si(Qn);
+  "--das-ui-select-list-close-btn-hover": { light: "#5582F3" },
+  "--das-ui-select-list-active-bg-color": "#E3EBFF",
+  "--das-ui-select-list-active-font-color": "#5582F3"
+}, wr = wi(er);
+Si(tr);
+_i(ir);
 export {
-  vr as DasSelectList,
-  vr as default
+  wr as DasSelectList,
+  wr as default
 };