@web-utils/component 4.0.0 → 4.0.2

package/vue-tree-select/index.mjs

@@ -1,101 +1,90 @@
-var Le = Object.defineProperty, Me = Object.defineProperties;
-var Te = Object.getOwnPropertyDescriptors;
-var J = Object.getOwnPropertySymbols;
-var De = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
-var Z = (e, t, s) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, _ = (e, t) => {
-  for (var s in t || (t = {}))
-    De.call(t, s) && Z(e, s, t[s]);
-  if (J)
-    for (var s of J(t))
-      xe.call(t, s) && Z(e, s, t[s]);
-  return e;
-}, C = (e, t) => Me(e, Te(t));
-import Re, { h as r } from "vue";
-import { noop as $e, identity as Ie, last as ee, once as Ae, debounce as Ve } from "lodash-es";
-import { isPromise as ae } from "@web-utils/core";
-import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const N = process.env.NODE_ENV === "production" ? (
+import ye, { h as r } from "vue";
+import { noop as be, identity as Ne, last as Y, once as Ee, debounce as we } from "lodash-es";
+import { isPromise as se } from "@web-utils/core";
+import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { _ as R } from "../chunks/helper.BiMLcEEk.mjs";
+const _ = process.env.NODE_ENV === "production" ? (
   /* istanbul ignore next */
-  $e
+  be
 ) : function(t, s) {
   if (!t()) {
     const n = ["[Vue-TreeSelect Warning]"].concat(s());
     console.error(...n);
   }
 };
-function w(e) {
+function N(e) {
   return function(s, ...n) {
     s.type === "mousedown" && s.button === 0 && e.call(this, s, ...n);
   };
 }
-function Be(e, t) {
+function Ce(e, t) {
   const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = t.offsetHeight / 3;
   n.bottom + i > s.bottom ? e.scrollTop = Math.min(t.offsetTop + t.clientHeight - e.offsetHeight + i, e.scrollHeight) : n.top - i < s.top && (e.scrollTop = Math.max(t.offsetTop - i, 0));
 }
-function ce(e, t) {
+function ne(e, t) {
   const s = e.indexOf(t);
   s !== -1 && e.splice(s, 1);
 }
-let Y;
-const A = [], ze = 100;
-function Fe() {
-  Y = setInterval(() => {
-    A.forEach(ue);
-  }, ze);
+let Q;
+const D = [], Le = 100;
+function Te() {
+  Q = setInterval(() => {
+    D.forEach(ie);
+  }, Le);
 }
-function ke() {
-  clearInterval(Y), Y = null;
+function Me() {
+  clearInterval(Q), Q = null;
 }
-function ue(e) {
-  const { $el: t, listener: s, lastWidth: n, lastHeight: i } = e, l = t.offsetWidth, a = t.offsetHeight;
-  (n !== l || i !== a) && (e.lastWidth = l, e.lastHeight = a, s({ width: l, height: a }));
+function ie(e) {
+  const { $el: t, listener: s, lastWidth: n, lastHeight: i } = e, o = t.offsetWidth, l = t.offsetHeight;
+  (n !== o || i !== l) && (e.lastWidth = o, e.lastHeight = l, s({ width: o, height: l }));
 }
-function He(e, t) {
+function De(e, t) {
   const s = {
     $el: e,
     listener: t,
     lastWidth: null,
     lastHeight: null
   }, n = () => {
-    ce(A, s), A.length || ke();
+    ne(D, s), D.length || Me();
   };
-  return A.push(s), ue(s), Fe(), n;
+  return D.push(s), ie(s), Te(), n;
 }
-function Pe(e, t) {
-  const s = document.createElement("_"), n = s.appendChild(document.createElement("_")), i = s.appendChild(document.createElement("_")), l = n.appendChild(document.createElement("_"));
-  let a, c;
-  return n.style.cssText = s.style.cssText = "height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:0s;width:100%;z-index:-1", l.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", l.style.width = l.style.height = "200%", e.appendChild(s), h(), g;
-  function h() {
-    o();
-    const p = e.offsetWidth, f = e.offsetHeight;
-    (p !== a || f !== c) && (a = p, c = f, i.style.width = `${p * 2}px`, i.style.height = `${f * 2}px`, s.scrollLeft = s.scrollWidth, s.scrollTop = s.scrollHeight, n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight, t({ width: p, height: f })), n.addEventListener("scroll", h), s.addEventListener("scroll", h);
+function Re(e, t) {
+  const s = document.createElement("_"), n = s.appendChild(document.createElement("_")), i = s.appendChild(document.createElement("_")), o = n.appendChild(document.createElement("_"));
+  let l, u;
+  return n.style.cssText = s.style.cssText = "height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:0s;width:100%;z-index:-1", o.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", o.style.width = o.style.height = "200%", e.appendChild(s), f(), g;
+  function f() {
+    h();
+    const p = e.offsetWidth, y = e.offsetHeight;
+    (p !== l || y !== u) && (l = p, u = y, i.style.width = `${p * 2}px`, i.style.height = `${y * 2}px`, s.scrollLeft = s.scrollWidth, s.scrollTop = s.scrollHeight, n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight, t({ width: p, height: y })), n.addEventListener("scroll", f), s.addEventListener("scroll", f);
   }
-  function o() {
-    n.removeEventListener("scroll", h), s.removeEventListener("scroll", h);
+  function h() {
+    n.removeEventListener("scroll", f), s.removeEventListener("scroll", f);
   }
   function g() {
-    o(), e.removeChild(s);
+    h(), e.removeChild(s);
   }
 }
-function he(e, t) {
+function re(e, t) {
   const s = document.documentMode === 9;
   let n = !0;
-  const a = (s ? He : Pe)(e, (...c) => n || t(...c));
-  return n = !1, a;
+  const l = (s ? De : Re)(e, (...u) => n || t(...u));
+  return n = !1, l;
 }
-function We(e) {
+function xe(e) {
   const t = [];
   let s = e.parentNode;
   for (; s && s.nodeName !== "BODY" && s.nodeType === document.ELEMENT_NODE; )
-    je(s) && t.push(s), s = s.parentNode;
+    $e(s) && t.push(s), s = s.parentNode;
   return t.push(window), t;
 }
-function je(e) {
+function $e(e) {
   const { overflow: t, overflowX: s, overflowY: n } = getComputedStyle(e);
   return /(auto|scroll|overlay)/.test(t + n + s);
 }
-function de(e, t) {
-  const s = We(e);
+function oe(e, t) {
+  const s = xe(e);
   return window.addEventListener("resize", t, { passive: !0 }), s.forEach((n) => {
     n.addEventListener("scroll", t, { passive: !0 });
   }), function() {
@@ -104,53 +93,53 @@ function de(e, t) {
     });
   };
 }
-function pe(e) {
+function le(e) {
   return Number.isNaN(e);
 }
 const S = () => /* @__PURE__ */ Object.create(null);
-function fe(e) {
+function ae(e) {
   return e == null || typeof e != "object" ? !1 : Object.getPrototypeOf(e) === Object.prototype;
 }
-function Qe(e, t, s) {
-  fe(s) ? (e[t] || (e[t] = {}), X(e[t], s)) : e[t] = s;
+function Ie(e, t, s) {
+  ae(s) ? (e[t] || (e[t] = {}), K(e[t], s)) : e[t] = s;
 }
-function X(e, t) {
-  if (fe(t)) {
+function K(e, t) {
+  if (ae(t)) {
     const s = Object.keys(t);
     for (let n = 0, i = s.length; n < i; n++)
-      Qe(e, s[n], t[s[n]]);
+      Ie(e, s[n], t[s[n]]);
   }
   return e;
 }
-function E(e, t) {
+function O(e, t) {
   return e.indexOf(t) !== -1;
 }
-function me(e, t, s) {
+function ce(e, t, s) {
   for (let n = 0, i = e.length; n < i; n++)
     if (t.call(s, e[n], n, e)) return e[n];
 }
-function z(e, t) {
+function A(e, t) {
   if (e.length !== t.length) return !0;
   for (let s = 0; s < e.length; s++)
     if (e[s] !== t[s]) return !0;
   return !1;
 }
-function qe(e, t) {
+function Ae(e, t) {
   const s = t.length, n = e.length;
   if (n > s)
     return !1;
   if (n === s)
     return e === t;
-  e: for (let i = 0, l = 0; i < n; i++) {
-    const a = e.charCodeAt(i);
-    for (; l < s; )
-      if (t.charCodeAt(l++) === a)
+  e: for (let i = 0, o = 0; i < n; i++) {
+    const l = e.charCodeAt(i);
+    for (; o < s; )
+      if (t.charCodeAt(o++) === l)
         continue e;
     return !1;
   }
   return !0;
 }
-const b = null, G = 0, ge = 1, ve = 2, L = "ALL_CHILDREN", D = "ALL_DESCENDANTS", x = "LEAF_CHILDREN", R = "LEAF_DESCENDANTS", Ke = "LOAD_ROOT_OPTIONS", Ue = "LOAD_CHILDREN_OPTIONS", Ye = "ASYNC_SEARCH", F = "ALL", I = "BRANCH_PRIORITY", k = "LEAF_PRIORITY", H = "ALL_WITH_INDETERMINATE", te = "ORDER_SELECTED", se = "LEVEL", ne = "INDEX", m = {
+const b = null, q = 0, ue = 1, he = 2, E = "ALL_CHILDREN", w = "ALL_DESCENDANTS", C = "LEAF_CHILDREN", L = "LEAF_DESCENDANTS", Ve = "LOAD_ROOT_OPTIONS", Be = "LOAD_CHILDREN_OPTIONS", ze = "ASYNC_SEARCH", V = "ALL", M = "BRANCH_PRIORITY", B = "LEAF_PRIORITY", z = "ALL_WITH_INDETERMINATE", X = "ORDER_SELECTED", G = "LEVEL", J = "INDEX", d = {
   BACKSPACE: 8,
   ENTER: 13,
   ESCAPE: 27,
@@ -161,14 +150,14 @@ const b = null, G = 0, ge = 1, ve = 2, L = "ALL_CHILDREN", D = "ALL_DESCENDANTS"
   ARROW_RIGHT: 39,
   ARROW_DOWN: 40,
   DELETE: 46
-}, Xe = process.env.NODE_ENV === "testing" ? (
+}, Fe = process.env.NODE_ENV === "testing" ? (
   /* to speed up unit testing */
   10
 ) : (
   /* istanbul ignore next */
   200
-), ie = 5, re = 40;
-function Se(e, t) {
+), Z = 5, ee = 40;
+function de(e, t) {
   let s = 0;
   do {
     if (e.level < s) return -1;
@@ -177,28 +166,28 @@ function Se(e, t) {
     s++;
   } while (!0);
 }
-function Ge(e, t) {
-  return e.level === t.level ? Se(e, t) : e.level - t.level;
+function ke(e, t) {
+  return e.level === t.level ? de(e, t) : e.level - t.level;
 }
-function P() {
+function F() {
   return {
     isLoaded: !1,
     isLoading: !1,
     loadingError: ""
   };
 }
-function Je(e) {
-  return typeof e == "string" ? e : typeof e == "number" && !pe(e) ? `${e}` : "";
+function He(e) {
+  return typeof e == "string" ? e : typeof e == "number" && !le(e) ? `${e}` : "";
 }
-function oe(e, t, s) {
-  return e ? qe(t, s) : E(s, t);
+function te(e, t, s) {
+  return e ? Ae(t, s) : O(s, t);
 }
-function W(e) {
+function k(e) {
   return e.message || /* istanbul ignore next */
   String(e);
 }
-let Ze = 0;
-const et = {
+let Pe = 0;
+const We = {
   provide() {
     return {
       // Enable access to the instance of root component of vue-treeselect
@@ -429,7 +418,7 @@ const et = {
      */
     instanceId: {
       // Add two trailing "$" to distinguish from explictly specified ids.
-      default: () => `${Ze++}$$`,
+      default: () => `${Pe++}$$`,
       type: [String, Number]
     },
     /**
@@ -525,7 +514,7 @@ const et = {
      */
     normalizer: {
       type: Function,
-      default: Ie
+      default: Ne
     },
     /**
      * By default (`auto`), the menu will open below the control. If there is not
@@ -543,7 +532,7 @@ const et = {
       type: String,
       default: "auto",
       validator(e) {
-        return E(["auto", "top", "bottom", "above", "below"], e);
+        return O(["auto", "top", "bottom", "above", "below"], e);
       }
     },
     /**
@@ -633,9 +622,9 @@ const et = {
      */
     showCountOf: {
       type: String,
-      default: L,
+      default: E,
       validator(e) {
-        return E([L, D, x, R], e);
+        return O([E, w, C, L], e);
       }
     },
     /**
@@ -654,9 +643,9 @@ const et = {
      */
     sortValueBy: {
       type: String,
-      default: te,
+      default: X,
       validator(e) {
-        return E([te, se, ne], e);
+        return O([X, G, J], e);
       }
     },
     /**
@@ -684,9 +673,9 @@ const et = {
      */
     valueConsistsOf: {
       type: String,
-      default: I,
+      default: M,
       validator(e) {
-        return E([F, I, k, H], e);
+        return O([V, M, B, z], e);
       }
     },
     /**
@@ -740,7 +729,7 @@ const et = {
         selectedNodeMap: S()
       },
       // States of root options.
-      rootOptionsStates: P(),
+      rootOptionsStates: F(),
       localSearch: {
         // Has user entered any query to search local options?
         active: !1,
@@ -767,27 +756,27 @@ const et = {
      */
     internalValue() {
       let e;
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === F)
+      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === V)
         e = this.forest.selectedNodeIds.slice();
-      else if (this.valueConsistsOf === I)
+      else if (this.valueConsistsOf === M)
         e = this.forest.selectedNodeIds.filter((t) => {
           const s = this.getNode(t);
           return s.isRootNode ? !0 : !this.isSelected(s.parentNode);
         });
-      else if (this.valueConsistsOf === k)
+      else if (this.valueConsistsOf === B)
         e = this.forest.selectedNodeIds.filter((t) => {
           const s = this.getNode(t);
           return s.isLeaf ? !0 : s.children.length === 0;
         });
-      else if (this.valueConsistsOf === H) {
+      else if (this.valueConsistsOf === z) {
         const t = [];
         e = this.forest.selectedNodeIds.slice(), this.selectedNodes.forEach((s) => {
           s.ancestors.forEach((n) => {
-            E(t, n.id) || E(e, n.id) || t.push(n.id);
+            O(t, n.id) || O(e, n.id) || t.push(n.id);
           });
         }), e.push(...t);
       }
-      return this.sortValueBy === se ? e.sort((t, s) => Ge(this.getNode(t), this.getNode(s))) : this.sortValueBy === ne && e.sort((t, s) => Se(this.getNode(t), this.getNode(s))), e;
+      return this.sortValueBy === G ? e.sort((t, s) => ke(this.getNode(t), this.getNode(s))) : this.sortValueBy === J && e.sort((t, s) => de(this.getNode(t), this.getNode(s))), e;
     },
     /**
      * Has any option been selected?
@@ -857,7 +846,7 @@ const et = {
       this.initialize();
     },
     internalValue(e, t) {
-      z(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
+      A(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
     },
     matchKeys() {
       this.initialize();
@@ -877,22 +866,22 @@ const et = {
     },
     value() {
       const e = this.extractCheckedNodeIdsFromValue();
-      z(e, this.internalValue) && this.fixSelectedNodeIds(e);
+      A(e, this.internalValue) && this.fixSelectedNodeIds(e);
     }
   },
   methods: {
     verifyProps() {
-      N(
+      _(
         () => this.async ? this.searchable : !0,
         () => 'For async search mode, the value of "searchable" prop must be true.'
-      ), this.options == null && !this.loadOptions && N(
+      ), this.options == null && !this.loadOptions && _(
         () => !1,
         () => 'Are you meant to dynamically load options? You need to use "loadOptions" prop.'
-      ), this.flat && N(
+      ), this.flat && _(
         () => this.multiple,
         () => 'You are using flat mode. But you forgot to add "multiple=true"?'
       ), this.flat || ["autoSelectAncestors", "autoSelectDescendants", "autoDeselectAncestors", "autoDeselectDescendants"].forEach((t) => {
-        N(
+        _(
           () => !this[t],
           () => `"${t}" only applies to flat mode.`
         );
@@ -919,7 +908,7 @@ const et = {
       return this.multiple ? e : e[0];
     },
     getNode(e) {
-      return N(
+      return _(
         () => e != null,
         () => `Invalid node id: ${e}`
       ), e == null ? null : e in this.forest.nodeMap ? this.forest.nodeMap[e] : this.createFallbackNode(e);
@@ -950,44 +939,45 @@ const et = {
       if (this.valueFormat === "id")
         return t;
       const s = this.multiple ? Array.isArray(this.value) ? this.value : [] : this.value ? [this.value] : [];
-      return me(s, (i) => i && this.enhancedNormalizer(i).id === e) || t;
+      return ce(s, (i) => i && this.enhancedNormalizer(i).id === e) || t;
     },
     fixSelectedNodeIds(e) {
       let t = [];
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === F)
+      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === V)
         t = e;
-      else if (this.valueConsistsOf === I)
+      else if (this.valueConsistsOf === M)
         e.forEach((n) => {
           t.push(n);
           const i = this.getNode(n);
-          i.isBranch && this.traverseDescendantsBFS(i, (l) => {
-            t.push(l.id);
+          i.isBranch && this.traverseDescendantsBFS(i, (o) => {
+            t.push(o.id);
           });
         });
-      else if (this.valueConsistsOf === k) {
+      else if (this.valueConsistsOf === B) {
         const n = S(), i = e.slice();
         for (; i.length; ) {
-          const l = i.shift(), a = this.getNode(l);
-          t.push(l), !a.isRootNode && (a.parentNode.id in n || (n[a.parentNode.id] = a.parentNode.children.length), --n[a.parentNode.id] === 0 && i.push(a.parentNode.id));
+          const o = i.shift(), l = this.getNode(o);
+          t.push(o), !l.isRootNode && (l.parentNode.id in n || (n[l.parentNode.id] = l.parentNode.children.length), --n[l.parentNode.id] === 0 && i.push(l.parentNode.id));
         }
-      } else if (this.valueConsistsOf === H) {
-        const n = S(), i = e.filter((l) => {
-          const a = this.getNode(l);
-          return a.isLeaf || a.children.length === 0;
+      } else if (this.valueConsistsOf === z) {
+        const n = S(), i = e.filter((o) => {
+          const l = this.getNode(o);
+          return l.isLeaf || l.children.length === 0;
         });
         for (; i.length; ) {
-          const l = i.shift(), a = this.getNode(l);
-          t.push(l), !a.isRootNode && (a.parentNode.id in n || (n[a.parentNode.id] = a.parentNode.children.length), --n[a.parentNode.id] === 0 && i.push(a.parentNode.id));
+          const o = i.shift(), l = this.getNode(o);
+          t.push(o), !l.isRootNode && (l.parentNode.id in n || (n[l.parentNode.id] = l.parentNode.children.length), --n[l.parentNode.id] === 0 && i.push(l.parentNode.id));
         }
       }
-      z(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
+      A(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
     },
     keepDataOfSelectedNodes(e) {
       this.forest.selectedNodeIds.forEach((t) => {
         if (!e[t]) return;
-        const s = C(_({}, e[t]), {
+        const s = {
+          ...e[t],
           isFallbackNode: !0
-        });
+        };
         this.$set(this.forest.nodeMap, t, s);
       });
     },
@@ -1035,7 +1025,7 @@ const et = {
     blurInput() {
       this.getInput().blur();
     },
-    handleMouseDown: w(function(t) {
+    handleMouseDown: N(function(t) {
       if (t.preventDefault(), t.stopPropagation(), this.disabled) return;
       this.getValueContainer().$el.contains(t.target) && !this.menu.isOpen && (this.openOnClick || this.trigger.isFocused) && this.openMenu(), this._blurOnSelect ? this.blurInput() : this.focusInput(), this.resetFlags();
     }),
@@ -1048,15 +1038,15 @@ const et = {
         return this.localSearch.active = !1, t();
       this.localSearch.active = !0, this.localSearch.noResults = !0, this.traverseAllNodesDFS((i) => {
         i.isBranch && (i.isExpandedOnSearch = !1, i.showAllChildrenOnSearch = !1, i.isMatched = !1, i.hasMatchedDescendants = !1, this.$set(this.localSearch.countMap, i.id, {
-          [L]: 0,
-          [D]: 0,
-          [x]: 0,
-          [R]: 0
+          [E]: 0,
+          [w]: 0,
+          [C]: 0,
+          [L]: 0
         }));
       });
       const s = e.trim().toLocaleLowerCase(), n = s.replace(/\s+/g, " ").split(" ");
       this.traverseAllNodesDFS((i) => {
-        this.searchNested && n.length > 1 ? i.isMatched = n.every((l) => oe(!1, l, i.nestedSearchLabel)) : i.isMatched = this.matchKeys.some((l) => oe(!this.disableFuzzyMatching, s, i.lowerCased[l])), i.isMatched && (this.localSearch.noResults = !1, i.ancestors.forEach((l) => this.localSearch.countMap[l.id][D]++), i.isLeaf && i.ancestors.forEach((l) => this.localSearch.countMap[l.id][R]++), i.parentNode !== b && (this.localSearch.countMap[i.parentNode.id][L] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][x] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== b && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
+        this.searchNested && n.length > 1 ? i.isMatched = n.every((o) => te(!1, o, i.nestedSearchLabel)) : i.isMatched = this.matchKeys.some((o) => te(!this.disableFuzzyMatching, s, i.lowerCased[o])), i.isMatched && (this.localSearch.noResults = !1, i.ancestors.forEach((o) => this.localSearch.countMap[o.id][w]++), i.isLeaf && i.ancestors.forEach((o) => this.localSearch.countMap[o.id][L]++), i.parentNode !== b && (this.localSearch.countMap[i.parentNode.id][E] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][C] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== b && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
       }), t();
     },
     handleRemoteSearch() {
@@ -1066,7 +1056,7 @@ const et = {
       if ((e === "" || this.cacheOptions) && t.isLoaded)
         return s();
       this.callLoadOptionsProp({
-        action: Ye,
+        action: ze,
         args: { searchQuery: e },
         isPending() {
           return t.isLoading;
@@ -1078,7 +1068,7 @@ const et = {
           t.isLoaded = !0, t.options = n, this.trigger.searchQuery === e && s();
         },
         fail: (n) => {
-          t.loadingError = W(n);
+          t.loadingError = k(n);
         },
         end: () => {
           t.isLoading = !1;
@@ -1086,9 +1076,10 @@ const et = {
       });
     },
     getRemoteSearchEntry() {
-      const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || C(_({}, P()), {
+      const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || {
+        ...F(),
         options: []
-      });
+      };
       if (this.$watch(
         () => t.options,
         () => {
@@ -1123,8 +1114,8 @@ const et = {
       const s = this.menu.current;
       if (s != null && s in this.forest.nodeMap && (this.forest.nodeMap[s].isHighlighted = !1), this.menu.current = e.id, e.isHighlighted = !0, this.menu.isOpen && t) {
         const n = () => {
-          const i = this.getMenu(), l = i.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
-          l && Be(i, l);
+          const i = this.getMenu(), o = i.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
+          o && Ce(i, o);
         };
         this.getMenu() ? n() : this.$nextTick(n);
       }
@@ -1152,7 +1143,7 @@ const et = {
     },
     highlightLastOption() {
       if (!this.hasVisibleOptions) return;
-      const e = ee(this.visibleOptionIds);
+      const e = Y(this.visibleOptionIds);
       this.setCurrentHighlightedOption(this.getNode(e));
     },
     resetSearchQuery() {
@@ -1178,56 +1169,61 @@ const et = {
       }), this.forest.selectedNodeMap = e;
       const t = S();
       this.multiple && (this.traverseAllNodesByIndex((s) => {
-        t[s.id] = G;
+        t[s.id] = q;
       }), this.selectedNodes.forEach((s) => {
-        t[s.id] = ve, !this.flat && !this.disableBranchNodes && s.ancestors.forEach((n) => {
-          this.isSelected(n) || (t[n.id] = ge);
+        t[s.id] = he, !this.flat && !this.disableBranchNodes && s.ancestors.forEach((n) => {
+          this.isSelected(n) || (t[n.id] = ue);
         });
       })), this.forest.checkedStateMap = t;
     },
     enhancedNormalizer(e) {
-      return _(_({}, e), this.normalizer(e, this.getInstanceId()));
+      return {
+        ...e,
+        ...this.normalizer(e, this.getInstanceId())
+      };
     },
     normalize(e, t, s) {
-      let n = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, l], a) => {
+      let n = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, o], l) => {
         this.checkDuplication(i), this.verifyNodeShape(i);
-        const { id: c, label: h, children: o, isDefaultExpanded: g } = i, p = e === b, f = p ? 0 : e.level + 1, M = Array.isArray(o) || o === null, T = !M, y = !!i.isDisabled || !this.flat && !p && e.isDisabled, we = !!i.isNew, B = this.matchKeys.reduce(
-          (d, $) => C(_({}, d), {
-            [$]: Je(i[$]).toLocaleLowerCase()
+        const { id: u, label: f, children: h, isDefaultExpanded: g } = i, p = e === b, y = p ? 0 : e.level + 1, x = Array.isArray(h) || h === null, $ = !x, U = !!i.isDisabled || !this.flat && !p && e.isDisabled, _e = !!i.isNew, I = this.matchKeys.reduce(
+          (c, T) => ({
+            ...c,
+            [T]: He(i[T]).toLocaleLowerCase()
           }),
           {}
-        ), Ce = p ? B.label : `${e.nestedSearchLabel} ${B.label}`, u = this.$set(this.forest.nodeMap, c, S());
-        if (this.$set(u, "id", c), this.$set(u, "label", h), this.$set(u, "level", f), this.$set(u, "ancestors", p ? [] : [e].concat(e.ancestors)), this.$set(u, "index", (p ? [] : e.index).concat(a)), this.$set(u, "parentNode", e), this.$set(u, "lowerCased", B), this.$set(u, "nestedSearchLabel", Ce), this.$set(u, "isDisabled", y), this.$set(u, "isNew", we), this.$set(u, "isMatched", !1), this.$set(u, "isHighlighted", !1), this.$set(u, "isBranch", M), this.$set(u, "isLeaf", T), this.$set(u, "isRootNode", p), this.$set(u, "raw", l), M) {
-          const d = Array.isArray(o);
-          this.$set(u, "childrenStates", C(_({}, P()), {
-            isLoaded: d
-          })), this.$set(u, "isExpanded", typeof g == "boolean" ? g : f < this.defaultExpandLevel), this.$set(u, "hasMatchedDescendants", !1), this.$set(u, "hasDisabledDescendants", !1), this.$set(u, "isExpandedOnSearch", !1), this.$set(u, "showAllChildrenOnSearch", !1), this.$set(u, "count", {
-            [L]: 0,
-            [D]: 0,
-            [x]: 0,
-            [R]: 0
-          }), this.$set(u, "children", d ? this.normalize(u, o, s) : []), g === !0 && u.ancestors.forEach(($) => {
-            $.isExpanded = !0;
-          }), !d && typeof this.loadOptions != "function" ? N(
+        ), Oe = p ? I.label : `${e.nestedSearchLabel} ${I.label}`, a = this.$set(this.forest.nodeMap, u, S());
+        if (this.$set(a, "id", u), this.$set(a, "label", f), this.$set(a, "level", y), this.$set(a, "ancestors", p ? [] : [e].concat(e.ancestors)), this.$set(a, "index", (p ? [] : e.index).concat(l)), this.$set(a, "parentNode", e), this.$set(a, "lowerCased", I), this.$set(a, "nestedSearchLabel", Oe), this.$set(a, "isDisabled", U), this.$set(a, "isNew", _e), this.$set(a, "isMatched", !1), this.$set(a, "isHighlighted", !1), this.$set(a, "isBranch", x), this.$set(a, "isLeaf", $), this.$set(a, "isRootNode", p), this.$set(a, "raw", o), x) {
+          const c = Array.isArray(h);
+          this.$set(a, "childrenStates", {
+            ...F(),
+            isLoaded: c
+          }), this.$set(a, "isExpanded", typeof g == "boolean" ? g : y < this.defaultExpandLevel), this.$set(a, "hasMatchedDescendants", !1), this.$set(a, "hasDisabledDescendants", !1), this.$set(a, "isExpandedOnSearch", !1), this.$set(a, "showAllChildrenOnSearch", !1), this.$set(a, "count", {
+            [E]: 0,
+            [w]: 0,
+            [C]: 0,
+            [L]: 0
+          }), this.$set(a, "children", c ? this.normalize(a, h, s) : []), g === !0 && a.ancestors.forEach((T) => {
+            T.isExpanded = !0;
+          }), !c && typeof this.loadOptions != "function" ? _(
             () => !1,
             () => 'Unloaded branch node detected. "loadOptions" prop is required to load its children.'
-          ) : !d && u.isExpanded && this.loadChildrenOptions(u);
+          ) : !c && a.isExpanded && this.loadChildrenOptions(a);
         }
-        if (u.ancestors.forEach((d) => d.count[D]++), T && u.ancestors.forEach((d) => d.count[R]++), p || (e.count[L] += 1, T && (e.count[x] += 1), y && (e.hasDisabledDescendants = !0)), s && s[c]) {
-          const d = s[c];
-          u.isMatched = d.isMatched, u.showAllChildrenOnSearch = d.showAllChildrenOnSearch, u.isHighlighted = d.isHighlighted, d.isBranch && u.isBranch && (u.isExpanded = d.isExpanded, u.isExpandedOnSearch = d.isExpandedOnSearch, d.childrenStates.isLoaded && !u.childrenStates.isLoaded ? u.isExpanded = !1 : u.childrenStates = _({}, d.childrenStates));
+        if (a.ancestors.forEach((c) => c.count[w]++), $ && a.ancestors.forEach((c) => c.count[L]++), p || (e.count[E] += 1, $ && (e.count[C] += 1), U && (e.hasDisabledDescendants = !0)), s && s[u]) {
+          const c = s[u];
+          a.isMatched = c.isMatched, a.showAllChildrenOnSearch = c.showAllChildrenOnSearch, a.isHighlighted = c.isHighlighted, c.isBranch && a.isBranch && (a.isExpanded = c.isExpanded, a.isExpandedOnSearch = c.isExpandedOnSearch, c.childrenStates.isLoaded && !a.childrenStates.isLoaded ? a.isExpanded = !1 : a.childrenStates = { ...c.childrenStates });
         }
-        return u;
+        return a;
       });
       if (this.branchNodesFirst) {
-        const i = n.filter((a) => a.isBranch), l = n.filter((a) => a.isLeaf);
-        n = i.concat(l);
+        const i = n.filter((l) => l.isBranch), o = n.filter((l) => l.isLeaf);
+        n = i.concat(o);
       }
       return n;
     },
     loadRootOptions() {
       this.callLoadOptionsProp({
-        action: Ke,
+        action: Ve,
         isPending: () => this.rootOptionsStates.isLoading,
         start: () => {
           this.rootOptionsStates.isLoading = !0, this.rootOptionsStates.loadingError = "";
@@ -1238,7 +1234,7 @@ const et = {
           });
         },
         fail: (e) => {
-          this.rootOptionsStates.loadingError = W(e);
+          this.rootOptionsStates.loadingError = k(e);
         },
         end: () => {
           this.rootOptionsStates.isLoading = !1;
@@ -1248,7 +1244,7 @@ const et = {
     loadChildrenOptions(e) {
       const { id: t, raw: s } = e;
       this.callLoadOptionsProp({
-        action: Ue,
+        action: Be,
         args: {
           // We always pass the raw node instead of the normalized node to any
           // callback provided by the user of this component.
@@ -1264,45 +1260,45 @@ const et = {
           this.getNode(t).childrenStates.isLoaded = !0;
         },
         fail: (n) => {
-          this.getNode(t).childrenStates.loadingError = W(n);
+          this.getNode(t).childrenStates.loadingError = k(n);
         },
         end: () => {
           this.getNode(t).childrenStates.isLoading = !1;
         }
       });
     },
-    callLoadOptionsProp({ action: e, args: t, isPending: s, start: n, succeed: i, fail: l, end: a }) {
+    callLoadOptionsProp({ action: e, args: t, isPending: s, start: n, succeed: i, fail: o, end: l }) {
       if (!this.loadOptions || s())
         return;
       n();
-      const c = Ae((o, g) => {
-        o ? l(o) : i(g), a();
-      }), h = this.loadOptions(C(_({
+      const u = Ee((h, g) => {
+        h ? o(h) : i(g), l();
+      }), f = this.loadOptions({
         id: this.getInstanceId(),
         instanceId: this.getInstanceId(),
-        action: e
-      }, t), {
-        callback: c
-      }));
-      ae(h) && h.then(
+        action: e,
+        ...t,
+        callback: u
+      });
+      se(f) && f.then(
         () => {
-          c();
+          u();
         },
-        (o) => {
-          c(o);
+        (h) => {
+          u(h);
         }
-      ).catch((o) => {
-        console.error(o);
+      ).catch((h) => {
+        console.error(h);
       });
     },
     checkDuplication(e) {
-      N(
+      _(
         () => !(e.id in this.forest.nodeMap && !this.forest.nodeMap[e.id].isFallbackNode),
         () => `Detected duplicate presence of node id ${JSON.stringify(e.id)}. Their labels are "${this.forest.nodeMap[e.id].label}" and "${e.label}" respectively.`
       );
     },
     verifyNodeShape(e) {
-      N(
+      _(
         () => !(e.children === void 0 && e.isBranch === !0),
         () => "Are you meant to declare an unloaded branch node? `isBranch: true` is no longer supported, please use `children: null` instead."
       );
@@ -1311,7 +1307,7 @@ const et = {
       if (this.disabled || e.isDisabled)
         return;
       this.single && this.clear();
-      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === G : !this.isSelected(e);
+      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === q : !this.isSelected(e);
       t ? this._selectNode(e) : this._deselectNode(e), this.buildForestState(), t ? this.$emit("select", e.raw, this.getInstanceId()) : this.$emit("deselect", e.raw, this.getInstanceId()), this.localSearch.active && t && (this.single || this.clearOnSelect) && this.resetSearchQuery(), this.single && this.closeOnSelect && (this.closeMenu(), this.searchable && (this._blurOnSelect = !0));
     },
     clear() {
@@ -1368,12 +1364,12 @@ const et = {
       this.forest.selectedNodeIds.push(e.id), this.forest.selectedNodeMap[e.id] = !0;
     },
     removeValue(e) {
-      ce(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
+      ne(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
     },
     removeLastValue() {
       if (!this.hasValue) return;
       if (this.single) return this.clear();
-      const e = ee(this.internalValue), t = this.getNode(e);
+      const e = Y(this.internalValue), t = this.getNode(e);
       this.select(t);
     },
     saveMenuScrollPosition() {
@@ -1395,10 +1391,10 @@ const et = {
     this.toggleClickOutsideEvent(!1);
   }
 };
-function tt(e) {
-  return typeof e == "string" ? e : e != null && !pe(e) ? JSON.stringify(e) : "";
+function je(e) {
+  return typeof e == "string" ? e : e != null && !le(e) ? JSON.stringify(e) : "";
 }
-const st = {
+const Qe = {
   name: "VueTreeSelectHiddenFields",
   functional: !0,
   inject: ["instance"],
@@ -1407,8 +1403,8 @@ const st = {
       instance: s
     } = t.injections;
     if (!s.name || s.disabled || !s.hasValue) return null;
-    let n = s.internalValue.map(tt);
-    return s.multiple && s.joinValues && (n = [n.join(s.delimiter)]), n.map((i, l) => r("input", {
+    let n = s.internalValue.map(je);
+    return s.multiple && s.joinValues && (n = [n.join(s.delimiter)]), n.map((i, o) => r("input", {
       attrs: {
         type: "hidden",
         name: s.name
@@ -1416,61 +1412,23 @@ const st = {
       domProps: {
         value: i
       },
-      key: `hidden-field-${l}`
+      key: `hidden-field-${o}`
     }));
   }
-}, nt = null, it = null;
-var rt = /* @__PURE__ */ v(
-  st,
-  nt,
-  it,
+}, Ke = null, qe = null;
+var Ue = /* @__PURE__ */ m(
+  Qe,
+  Ke,
+  qe,
   !1,
   null,
   null
 );
-const ot = rt.exports;
-function lt(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var j, le;
-function at() {
-  if (le) return j;
-  le = 1;
-  function e() {
-    return e = Object.assign ? Object.assign.bind() : function(a) {
-      for (var c, h = 1; h < arguments.length; h++) for (var o in c = arguments[h], c) Object.prototype.hasOwnProperty.call(c, o) && (a[o] = c[o]);
-      return a;
-    }, e.apply(this, arguments);
-  }
-  var t = ["attrs", "props", "domProps"], s = ["class", "style", "directives"], n = ["on", "nativeOn"], i = function(a) {
-    return a.reduce(function(c, h) {
-      for (var o in h) if (!c[o]) c[o] = h[o];
-      else if (t.indexOf(o) !== -1) c[o] = e({}, c[o], h[o]);
-      else if (s.indexOf(o) !== -1) {
-        var g = c[o] instanceof Array ? c[o] : [c[o]], p = h[o] instanceof Array ? h[o] : [h[o]];
-        c[o] = [].concat(g, p);
-      } else if (n.indexOf(o) !== -1)
-        for (var f in h[o]) if (c[o][f]) {
-          var M = c[o][f] instanceof Array ? c[o][f] : [c[o][f]], T = h[o][f] instanceof Array ? h[o][f] : [h[o][f]];
-          c[o][f] = [].concat(M, T);
-        } else c[o][f] = h[o][f];
-      else if (o === "hook") for (var y in h[o]) c[o][y] = c[o][y] ? l(c[o][y], h[o][y]) : h[o][y];
-      else c[o] = h[o];
-      return c;
-    }, {});
-  }, l = function(a, c) {
-    return function() {
-      a && a.apply(this, arguments), c && c.apply(this, arguments);
-    };
-  };
-  return j = i, j;
-}
-var ct = at();
-const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.ARROW_UP, m.ARROW_RIGHT, m.ARROW_DOWN], ht = {
+const Ye = Ue.exports, Xe = [d.ENTER, d.END, d.HOME, d.ARROW_LEFT, d.ARROW_UP, d.ARROW_RIGHT, d.ARROW_DOWN], Ge = {
   name: "VueTreeSelectInput",
   inject: ["instance"],
   data: () => ({
-    inputWidth: ie,
+    inputWidth: Z,
     value: ""
   }),
   computed: {
@@ -1495,7 +1453,7 @@ const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.
     }
   },
   created() {
-    this.debouncedCallback = Ve(this.updateSearchQuery, Xe, {
+    this.debouncedCallback = we(this.updateSearchQuery, Fe, {
       leading: !0,
       trailing: !0
     });
@@ -1548,51 +1506,51 @@ const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.
         e.keyCode
       );
       if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
-        if (!t.menu.isOpen && E(ut, s))
+        if (!t.menu.isOpen && O(Xe, s))
           return e.preventDefault(), t.openMenu();
         switch (s) {
-          case m.BACKSPACE: {
+          case d.BACKSPACE: {
             t.backspaceRemoves && !this.value.length && t.removeLastValue();
             break;
           }
-          case m.ENTER: {
+          case d.ENTER: {
             if (e.preventDefault(), t.menu.current === null) return;
             const n = t.getNode(t.menu.current);
             if (n.isBranch && t.disableBranchNodes) return;
             t.select(n);
             break;
           }
-          case m.ESCAPE: {
+          case d.ESCAPE: {
             this.value.length ? this.clear() : t.menu.isOpen && t.closeMenu();
             break;
           }
-          case m.END: {
+          case d.END: {
             e.preventDefault(), t.highlightLastOption();
             break;
           }
-          case m.HOME: {
+          case d.HOME: {
             e.preventDefault(), t.highlightFirstOption();
             break;
           }
-          case m.ARROW_LEFT: {
+          case d.ARROW_LEFT: {
             const n = t.getNode(t.menu.current);
             n.isBranch && t.shouldExpand(n) ? (e.preventDefault(), t.toggleExpanded(n)) : !n.isRootNode && (n.isLeaf || n.isBranch && !t.shouldExpand(n)) && (e.preventDefault(), t.setCurrentHighlightedOption(n.parentNode));
             break;
           }
-          case m.ARROW_UP: {
+          case d.ARROW_UP: {
             e.preventDefault(), t.highlightPrevOption();
             break;
           }
-          case m.ARROW_RIGHT: {
+          case d.ARROW_RIGHT: {
             const n = t.getNode(t.menu.current);
             n.isBranch && !t.shouldExpand(n) && (e.preventDefault(), t.toggleExpanded(n));
             break;
           }
-          case m.ARROW_DOWN: {
+          case d.ARROW_DOWN: {
             e.preventDefault(), t.highlightNextOption();
             break;
           }
-          case m.DELETE: {
+          case d.DELETE: {
             t.deleteRemoves && !this.value.length && t.removeLastValue();
             break;
           }
@@ -1608,18 +1566,18 @@ const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.
       const {
         instance: e
       } = this, t = {}, s = [];
-      return e.searchable && !e.disabled && (s.push(this.renderInput()), this.needAutoSize && s.push(this.renderSizer())), e.searchable || X(t, {
+      return e.searchable && !e.disabled && (s.push(this.renderInput()), this.needAutoSize && s.push(this.renderSizer())), e.searchable || K(t, {
         on: {
           focus: this.onFocus,
           blur: this.onBlur,
           keydown: this.onKeyDown
         },
         ref: "input"
-      }), !e.searchable && !e.disabled && X(t, {
+      }), !e.searchable && !e.disabled && K(t, {
         attrs: {
           tabIndex: e.tabIndex
         }
-      }), r("div", V([{
+      }), r("div", R([{
         class: "vue-treeselect__input-container"
       }, t]), [s]);
     },
@@ -1656,7 +1614,7 @@ const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.
       }, [this.value]);
     },
     updateInputWidth() {
-      this.inputWidth = Math.max(ie, this.$refs.sizer.scrollWidth + 15);
+      this.inputWidth = Math.max(Z, this.$refs.sizer.scrollWidth + 15);
     },
     updateSearchQuery() {
       const {
@@ -1668,16 +1626,16 @@ const V = /* @__PURE__ */ lt(ct), ut = [m.ENTER, m.END, m.HOME, m.ARROW_LEFT, m.
   render() {
     return this.renderInputContainer();
   }
-}, dt = null, pt = null;
-var ft = /* @__PURE__ */ v(
-  ht,
-  dt,
-  pt,
+}, Je = null, Ze = null;
+var et = /* @__PURE__ */ m(
+  Ge,
+  Je,
+  Ze,
   !1,
   null,
   null
 );
-const _e = ft.exports, mt = {
+const pe = et.exports, tt = {
   name: "VueTreeSelectPlaceholder",
   inject: ["instance"],
   render() {
@@ -1692,16 +1650,16 @@ const _e = ft.exports, mt = {
       class: t
     }, [e.placeholder]);
   }
-}, gt = null, vt = null;
-var St = /* @__PURE__ */ v(
-  mt,
-  gt,
-  vt,
+}, st = null, nt = null;
+var it = /* @__PURE__ */ m(
+  tt,
+  st,
+  nt,
   !1,
   null,
   null
 );
-const Oe = St.exports, _t = {
+const fe = it.exports, rt = {
   name: "VueTreeSelectSingleValue",
   inject: ["instance"],
   methods: {
@@ -1723,34 +1681,34 @@ const Oe = St.exports, _t = {
     } = this, s = e.hasValue && !e.trigger.searchQuery;
     return t([s && r("div", {
       class: "vue-treeselect__single-value"
-    }, [this.renderSingleValueLabel()]), r(Oe), r(_e, {
+    }, [this.renderSingleValueLabel()]), r(fe), r(pe, {
       ref: "input"
     })]);
   }
-}, Ot = null, yt = null;
-var Nt = /* @__PURE__ */ v(
-  _t,
-  Ot,
-  yt,
+}, ot = null, lt = null;
+var at = /* @__PURE__ */ m(
+  rt,
+  ot,
+  lt,
   !1,
   null,
   null
 );
-const Et = Nt.exports, bt = {
+const ct = at.exports, ut = {
   name: "VueTreeSelectDelete"
 };
-var wt = function() {
+var ht = function() {
   var t = this, s = t._self._c;
   return s("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 348.333 348.333" } }, [s("path", { attrs: { d: "M336.559 68.611L231.016 174.165l105.543 105.549c15.699 15.705 15.699 41.145 0 56.85-7.844 7.844-18.128 11.769-28.407 11.769-10.296 0-20.581-3.919-28.419-11.769L174.167 231.003 68.609 336.563c-7.843 7.844-18.128 11.769-28.416 11.769-10.285 0-20.563-3.919-28.413-11.769-15.699-15.698-15.699-41.139 0-56.85l105.54-105.549L11.774 68.611c-15.699-15.699-15.699-41.145 0-56.844 15.696-15.687 41.127-15.687 56.829 0l105.563 105.554L279.721 11.767c15.705-15.687 41.139-15.687 56.832 0 15.705 15.699 15.705 41.145.006 56.844z" } })]);
-}, Ct = [], Lt = /* @__PURE__ */ v(
-  bt,
-  wt,
-  Ct,
+}, dt = [], pt = /* @__PURE__ */ m(
+  ut,
+  ht,
+  dt,
   !1,
   null,
   null
 );
-const ye = Lt.exports, Mt = {
+const me = pt.exports, ft = {
   name: "VueTreeSelectMultiValueItem",
   inject: ["instance"],
   props: {
@@ -1760,7 +1718,7 @@ const ye = Lt.exports, Mt = {
     }
   },
   methods: {
-    handleMouseDown: w(function() {
+    handleMouseDown: N(function() {
       const {
         instance: t,
         node: s
@@ -1790,18 +1748,18 @@ const ye = Lt.exports, Mt = {
       class: "vue-treeselect__multi-value-label"
     }, [i]), r("span", {
       class: "vue-treeselect__icon vue-treeselect__value-remove"
-    }, [r(ye)])])]);
+    }, [r(me)])])]);
   }
-}, Tt = null, Dt = null;
-var xt = /* @__PURE__ */ v(
-  Mt,
-  Tt,
-  Dt,
+}, mt = null, gt = null;
+var St = /* @__PURE__ */ m(
+  ft,
+  mt,
+  gt,
   !1,
   null,
   null
 );
-const Rt = xt.exports, $t = {
+const vt = St.exports, _t = {
   name: "VueTreeSelectMultiValue",
   inject: ["instance"],
   methods: {
@@ -1809,7 +1767,7 @@ const Rt = xt.exports, $t = {
       const {
         instance: e
       } = this;
-      return e.internalValue.slice(0, e.limit).map(e.getNode).map((t) => r(Rt, {
+      return e.internalValue.slice(0, e.limit).map(e.getNode).map((t) => r(vt, {
         key: `multi-value-item-${t.id}`,
         attrs: {
           node: t
@@ -1832,7 +1790,7 @@ const Rt = xt.exports, $t = {
     const {
       renderValueContainer: e
     } = this.$parent;
-    return e(r("transition-group", V([{
+    return e(r("transition-group", R([{
       class: "vue-treeselect__multi-value"
     }, {
       props: {
@@ -1840,37 +1798,37 @@ const Rt = xt.exports, $t = {
         name: "vue-treeselect__multi-value-item--transition",
         appear: !0
       }
-    }]), [this.renderMultiValueItems(), this.renderExceedLimitTip(), r(Oe, {
+    }]), [this.renderMultiValueItems(), this.renderExceedLimitTip(), r(fe, {
       key: "placeholder"
-    }), r(_e, {
+    }), r(pe, {
       ref: "input",
       key: "input"
     })]));
   }
-}, It = null, At = null;
-var Vt = /* @__PURE__ */ v(
-  $t,
-  It,
-  At,
+}, Ot = null, yt = null;
+var bt = /* @__PURE__ */ m(
+  _t,
+  Ot,
+  yt,
   !1,
   null,
   null
 );
-const Bt = Vt.exports, zt = {
+const Nt = bt.exports, Et = {
   name: "VueTreeSelectArrow"
 };
-var Ft = function() {
+var wt = function() {
   var t = this, s = t._self._c;
   return s("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 292.362 292.362" } }, [s("path", { attrs: { d: "M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z" } })]);
-}, kt = [], Ht = /* @__PURE__ */ v(
-  zt,
-  Ft,
-  kt,
+}, Ct = [], Lt = /* @__PURE__ */ m(
+  Et,
+  wt,
+  Ct,
   !1,
   null,
   null
 );
-const Ne = Ht.exports, Pt = {
+const ge = Lt.exports, Tt = {
   name: "VueTreeSelectControl",
   inject: ["instance"],
   computed: {
@@ -1918,7 +1876,7 @@ const Ne = Ht.exports, Pt = {
         on: {
           mousedown: this.handleMouseDownOnX
         }
-      }, [r(ye, {
+      }, [r(me, {
         class: "vue-treeselect__x"
       })]) : null;
     },
@@ -1934,20 +1892,20 @@ const Ne = Ht.exports, Pt = {
         on: {
           mousedown: this.handleMouseDownOnArrow
         }
-      }, [r(Ne, {
+      }, [r(ge, {
         class: t
       })]) : null;
     },
-    handleMouseDownOnX: w(function(t) {
+    handleMouseDownOnX: N(function(t) {
       t.stopPropagation(), t.preventDefault();
       const {
         instance: s
-      } = this, n = s.beforeClearAll(), i = (l) => {
-        l && s.clear();
+      } = this, n = s.beforeClearAll(), i = (o) => {
+        o && s.clear();
       };
-      ae(n) ? n.then(i) : setTimeout(() => i(n), 0);
+      se(n) ? n.then(i) : setTimeout(() => i(n), 0);
     }),
-    handleMouseDownOnArrow: w(function(t) {
+    handleMouseDownOnArrow: N(function(t) {
       t.preventDefault(), t.stopPropagation();
       const {
         instance: s
@@ -1964,7 +1922,7 @@ const Ne = Ht.exports, Pt = {
   render() {
     const {
       instance: e
-    } = this, t = e.single ? Et : Bt;
+    } = this, t = e.single ? ct : Nt;
     return r("div", {
       class: "vue-treeselect__control",
       on: {
@@ -1974,16 +1932,16 @@ const Ne = Ht.exports, Pt = {
       ref: "value-container"
     }), this.renderX(), this.renderArrow()]);
   }
-}, Wt = null, jt = null;
-var Qt = /* @__PURE__ */ v(
-  Pt,
-  Wt,
-  jt,
+}, Mt = null, Dt = null;
+var Rt = /* @__PURE__ */ m(
+  Tt,
+  Mt,
+  Dt,
   !1,
   null,
   null
 );
-const qt = Qt.exports, Kt = {
+const xt = Rt.exports, $t = {
   name: "VueTreeSelectTip",
   functional: !0,
   props: {
@@ -2011,18 +1969,18 @@ const qt = Qt.exports, Kt = {
       class: `vue-treeselect__tip-text vue-treeselect__${s.type}-tip-text`
     }, [n])]);
   }
-}, Ut = null, Yt = null;
-var Xt = /* @__PURE__ */ v(
-  Kt,
-  Ut,
-  Yt,
+}, It = null, At = null;
+var Vt = /* @__PURE__ */ m(
+  $t,
+  It,
+  At,
   !1,
   null,
   null
 );
-const O = Xt.exports;
-let Q, q, K;
-const Ee = {
+const v = Vt.exports;
+let H, P, W;
+const Se = {
   name: "VueTreeSelectOption",
   inject: ["instance"],
   props: {
@@ -2096,15 +2054,15 @@ const Ee = {
           on: {
             mousedown: this.handleMouseDownOnArrow
           }
-        }, [r("transition", V([{}, s]), [r(Ne, {
+        }, [r("transition", R([{}, s]), [r(ge, {
           class: n
         })])]);
       }
       return (
         /* node.isLeaf && */
-        e.hasBranchNodes ? (Q || (Q = r("div", {
+        e.hasBranchNodes ? (H || (H = r("div", {
           class: "vue-treeselect__option-arrow-placeholder"
-        }, [" "])), Q) : null
+        }, [" "])), H) : null
       );
     },
     renderLabelContainer(e) {
@@ -2130,41 +2088,41 @@ const Ee = {
         node: t
       } = this, s = e.forest.checkedStateMap[t.id], n = {
         "vue-treeselect__checkbox": !0,
-        "vue-treeselect__checkbox--checked": s === ve,
-        "vue-treeselect__checkbox--indeterminate": s === ge,
-        "vue-treeselect__checkbox--unchecked": s === G,
+        "vue-treeselect__checkbox--checked": s === he,
+        "vue-treeselect__checkbox--indeterminate": s === ue,
+        "vue-treeselect__checkbox--unchecked": s === q,
         "vue-treeselect__checkbox--disabled": t.isDisabled
       };
-      return q || (q = r("span", {
+      return P || (P = r("span", {
         class: "vue-treeselect__check-mark"
-      })), K || (K = r("span", {
+      })), W || (W = r("span", {
         class: "vue-treeselect__minus-mark"
       })), r("span", {
         class: n
-      }, [q, K]);
+      }, [P, W]);
     },
     renderLabel() {
       const {
         instance: e,
         node: t
-      } = this, s = t.isBranch && (e.localSearch.active ? e.showCountOnSearchComputed : e.showCount), n = s ? e.localSearch.active ? e.localSearch.countMap[t.id][e.showCountOf] : t.count[e.showCountOf] : NaN, i = "vue-treeselect__label", l = "vue-treeselect__count", a = e.$scopedSlots["option-label"];
-      return a ? a({
+      } = this, s = t.isBranch && (e.localSearch.active ? e.showCountOnSearchComputed : e.showCount), n = s ? e.localSearch.active ? e.localSearch.countMap[t.id][e.showCountOf] : t.count[e.showCountOf] : NaN, i = "vue-treeselect__label", o = "vue-treeselect__count", l = e.$scopedSlots["option-label"];
+      return l ? l({
         node: t,
         shouldShowCount: s,
         count: n,
         labelClassName: i,
-        countClassName: l
+        countClassName: o
       }) : r("label", {
         class: i
       }, [t.label, s && r("span", {
-        class: l
+        class: o
       }, ["(", n, ")"])]);
     },
     renderSubOptions() {
       const {
         node: e
       } = this;
-      return e.childrenStates.isLoaded ? e.children.map((t) => r(Ee, {
+      return e.childrenStates.isLoaded ? e.children.map((t) => r(Se, {
         attrs: {
           node: t
         },
@@ -2176,7 +2134,7 @@ const Ee = {
         instance: e,
         node: t
       } = this;
-      return !t.childrenStates.isLoaded || t.children.length ? null : r(O, {
+      return !t.childrenStates.isLoaded || t.children.length ? null : r(v, {
         attrs: {
           type: "no-children",
           icon: "warning"
@@ -2188,7 +2146,7 @@ const Ee = {
         instance: e,
         node: t
       } = this;
-      return t.childrenStates.isLoading ? r(O, {
+      return t.childrenStates.isLoading ? r(v, {
         attrs: {
           type: "loading",
           icon: "loader"
@@ -2200,7 +2158,7 @@ const Ee = {
         instance: e,
         node: t
       } = this;
-      return t.childrenStates.loadingError ? r(O, {
+      return t.childrenStates.loadingError ? r(v, {
         attrs: {
           type: "error",
           icon: "error"
@@ -2222,21 +2180,21 @@ const Ee = {
       } = this;
       e.target === e.currentTarget && t.setCurrentHighlightedOption(s, !1);
     },
-    handleMouseDownOnArrow: w(function() {
+    handleMouseDownOnArrow: N(function() {
       const {
         instance: t,
         node: s
       } = this;
       t.toggleExpanded(s);
     }),
-    handleMouseDownOnLabelContainer: w(function() {
+    handleMouseDownOnLabelContainer: N(function() {
       const {
         instance: t,
         node: s
       } = this;
       s.isBranch && t.disableBranchNodes ? t.toggleExpanded(s) : t.select(s);
     }),
-    handleMouseDownOnRetry: w(function() {
+    handleMouseDownOnRetry: N(function() {
       const {
         instance: t,
         node: s
@@ -2257,23 +2215,23 @@ const Ee = {
     };
     return r("div", {
       class: s
-    }, [this.renderOption(), e.isBranch && r("transition", V([{}, n]), [this.renderSubOptionsList()])]);
+    }, [this.renderOption(), e.isBranch && r("transition", R([{}, n]), [this.renderSubOptionsList()])]);
   }
-}, Gt = null, Jt = null;
-var Zt = /* @__PURE__ */ v(
-  Ee,
-  Gt,
-  Jt,
+}, Bt = null, zt = null;
+var Ft = /* @__PURE__ */ m(
+  Se,
+  Bt,
+  zt,
   !1,
   null,
   null
 );
-const es = Zt.exports, ts = {
+const kt = Ft.exports, Ht = {
   top: "top",
   bottom: "bottom",
   above: "top",
   below: "bottom"
-}, ss = {
+}, Pt = {
   name: "VueTreeSelectMenu",
   inject: ["instance"],
   computed: {
@@ -2361,7 +2319,7 @@ const es = Zt.exports, ts = {
       } = this;
       return r("div", {
         class: "vue-treeselect__list"
-      }, [e.forest.normalizedOptions.map((t) => r(es, {
+      }, [e.forest.normalizedOptions.map((t) => r(kt, {
         attrs: {
           node: t
         },
@@ -2372,7 +2330,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this;
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "search-prompt",
           icon: "warning"
@@ -2383,7 +2341,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this;
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "loading",
           icon: "loader"
@@ -2394,7 +2352,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this;
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "error",
           icon: "error"
@@ -2413,7 +2371,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this, t = e.getRemoteSearchEntry();
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "error",
           icon: "error"
@@ -2432,7 +2390,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this;
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "no-options",
           icon: "warning"
@@ -2443,7 +2401,7 @@ const es = Zt.exports, ts = {
       const {
         instance: e
       } = this;
-      return r(O, {
+      return r(v, {
         attrs: {
           type: "no-results",
           icon: "warning"
@@ -2461,15 +2419,15 @@ const es = Zt.exports, ts = {
         instance: e
       } = this;
       if (!e.menu.isOpen) return;
-      const t = e.getMenu(), s = e.getControl(), n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), l = n.height, a = window.innerHeight, c = i.top, h = window.innerHeight - i.bottom, o = i.top >= 0 && i.top <= a || i.top < 0 && i.bottom > 0, g = h > l + re, p = c > l + re;
-      o ? e.openDirection !== "auto" ? e.menu.placement = ts[e.openDirection] : g || !p ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
+      const t = e.getMenu(), s = e.getControl(), n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = n.height, l = window.innerHeight, u = i.top, f = window.innerHeight - i.bottom, h = i.top >= 0 && i.top <= l || i.top < 0 && i.bottom > 0, g = f > o + ee, p = u > o + ee;
+      h ? e.openDirection !== "auto" ? e.menu.placement = Ht[e.openDirection] : g || !p ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
     },
     setupMenuSizeWatcher() {
       const {
         instance: e
       } = this, t = e.getMenu();
       this.menuSizeWatcher || (this.menuSizeWatcher = {
-        remove: he(t, this.adjustMenuOpenDirection)
+        remove: re(t, this.adjustMenuOpenDirection)
       });
     },
     setupMenuResizeAndScrollEventListeners() {
@@ -2477,7 +2435,7 @@ const es = Zt.exports, ts = {
         instance: e
       } = this, t = e.getControl();
       this.menuResizeAndScrollEventListeners || (this.menuResizeAndScrollEventListeners = {
-        remove: de(t, this.adjustMenuOpenDirection)
+        remove: oe(t, this.adjustMenuOpenDirection)
       });
     },
     removeMenuSizeWatcher() {
@@ -2498,16 +2456,16 @@ const es = Zt.exports, ts = {
       }
     }, [this.renderMenu()])]);
   }
-}, ns = null, is = null;
-var rs = /* @__PURE__ */ v(
-  ss,
-  ns,
-  is,
+}, Wt = null, jt = null;
+var Qt = /* @__PURE__ */ m(
+  Pt,
+  Wt,
+  jt,
   !1,
   null,
   null
 );
-const be = rs.exports, os = {
+const ve = Qt.exports, Kt = {
   name: "VueTreeSelectPortalTarget",
   inject: ["instance"],
   watch: {
@@ -2539,7 +2497,7 @@ const be = rs.exports, os = {
         instance: e
       } = this, t = e.getControl();
       this.controlResizeAndScrollEventListeners || (this.controlResizeAndScrollEventListeners = {
-        remove: de(t, this.updateMenuContainerOffset)
+        remove: oe(t, this.updateMenuContainerOffset)
       });
     },
     setupControlSizeWatcher() {
@@ -2547,7 +2505,7 @@ const be = rs.exports, os = {
         instance: e
       } = this, t = e.getControl();
       this.controlSizeWatcher || (this.controlSizeWatcher = {
-        remove: he(t, () => {
+        remove: re(t, () => {
           this.updateWidth(), this.updateMenuContainerOffset();
         })
       });
@@ -2567,8 +2525,8 @@ const be = rs.exports, os = {
     updateMenuContainerOffset() {
       const {
         instance: e
-      } = this, t = e.getControl(), s = this.$el, n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), l = e.menu.placement === "bottom" ? n.height : 0, a = `${Math.round(n.left - i.left)}px`, c = `${Math.round(n.top - i.top + l)}px`, h = this.$refs.menu.$refs["menu-container"].style, g = me(["transform", "webkitTransform", "MozTransform", "msTransform"], (p) => p in document.body.style);
-      h[g] = `translate(${a}, ${c})`;
+      } = this, t = e.getControl(), s = this.$el, n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = e.menu.placement === "bottom" ? n.height : 0, l = `${Math.round(n.left - i.left)}px`, u = `${Math.round(n.top - i.top + o)}px`, f = this.$refs.menu.$refs["menu-container"].style, g = ce(["transform", "webkitTransform", "MozTransform", "msTransform"], (p) => p in document.body.style);
+      f[g] = `translate(${l}, ${u})`;
     }
   },
   render() {
@@ -2583,7 +2541,7 @@ const be = rs.exports, os = {
       attrs: {
         "data-instance-id": e.getInstanceId()
       }
-    }, [r(be, {
+    }, [r(ve, {
       ref: "menu"
     })]);
   },
@@ -2591,8 +2549,8 @@ const be = rs.exports, os = {
     this.removeHandlers();
   }
 };
-let U;
-const ls = {
+let j;
+const qt = {
   name: "VueTreeSelectMenuPortal",
   created() {
     this.portalTarget = null;
@@ -2606,32 +2564,33 @@ const ls = {
   methods: {
     setup() {
       const e = document.createElement("div");
-      document.body.appendChild(e), this.portalTarget = new Re(_({
+      document.body.appendChild(e), this.portalTarget = new ye({
         el: e,
-        parent: this
-      }, os));
+        parent: this,
+        ...Kt
+      });
     },
     teardown() {
       document.body.removeChild(this.portalTarget.$el), this.portalTarget.$el.innerHTML = "", this.portalTarget.$destroy(), this.portalTarget = null;
     }
   },
   render() {
-    return U || (U = r("div", {
+    return j || (j = r("div", {
       class: "vue-treeselect__menu-placeholder"
-    })), U;
+    })), j;
   }
-}, as = null, cs = null;
-var us = /* @__PURE__ */ v(
-  ls,
-  as,
-  cs,
+}, Ut = null, Yt = null;
+var Xt = /* @__PURE__ */ m(
+  qt,
+  Ut,
+  Yt,
   !1,
   null,
   null
 );
-const hs = us.exports, vs = {
+const Gt = Xt.exports, ns = {
   name: "VueTreeSelect",
-  mixins: [et],
+  mixins: [We],
   computed: {
     wrapperClass() {
       return {
@@ -2654,15 +2613,15 @@ const hs = us.exports, vs = {
     return r("div", {
       ref: "wrapper",
       class: this.wrapperClass
-    }, [r(ot), r(qt, {
+    }, [r(Ye), r(xt, {
       ref: "control"
-    }), this.appendToBody ? r(hs, {
+    }), this.appendToBody ? r(Gt, {
       ref: "portal"
-    }) : r(be, {
+    }) : r(ve, {
       ref: "menu"
     })]);
   }
 };
 export {
-  vs as default
+  ns as default
 };