@web-utils/component 3.0.6 → 3.1.0

package/vue-tree-select/index.mjs

@@ -1,104 +1,104 @@
-var Fe = Object.defineProperty, ke = Object.defineProperties;
-var He = Object.getOwnPropertyDescriptors;
-var G = Object.getOwnPropertySymbols;
-var Pe = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable;
-var J = (e, t, s) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, _ = (e, t) => {
+var Ce = Object.defineProperty, Le = Object.defineProperties;
+var Me = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var Te = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
+var Z = (e, t, s) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, v = (e, t) => {
   for (var s in t || (t = {}))
-    Pe.call(t, s) && J(e, s, t[s]);
-  if (G)
-    for (var s of G(t))
-      We.call(t, s) && J(e, s, t[s]);
+    Te.call(t, s) && Z(e, s, t[s]);
+  if (J)
+    for (var s of J(t))
+      De.call(t, s) && Z(e, s, t[s]);
   return e;
-}, b = (e, t) => ke(e, He(t));
-import { noop as je, identity as Qe, last as Z, once as Ke, debounce as qe } from "lodash-es";
-import { isPromise as Oe } from "@web-utils/core";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-import Ue from "vue";
-const S = process.env.NODE_ENV === "production" ? (
+}, w = (e, t) => Le(e, Me(t));
+import xe, { h as r } from "vue";
+import { noop as Re, identity as $e, last as ee, once as Ie, debounce as Ae } from "lodash-es";
+import { isPromise as le } from "@web-utils/core";
+import { n as m } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const O = process.env.NODE_ENV === "production" ? (
   /* istanbul ignore next */
-  je
+  Re
 ) : function(t, s) {
   if (!t()) {
     const n = ["[Vue-TreeSelect Warning]"].concat(s());
     console.error(...n);
   }
 };
-function N(e) {
+function b(e) {
   return function(s, ...n) {
     s.type === "mousedown" && s.button === 0 && e.call(this, s, ...n);
   };
 }
-function Ye(e, t) {
+function Ve(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 ye(e, t) {
+function ae(e, t) {
   const s = e.indexOf(t);
   s !== -1 && e.splice(s, 1);
 }
-let K;
-const T = [], Xe = 100;
-function Ge() {
-  K = setInterval(() => {
-    T.forEach(Ee);
-  }, Xe);
+let q;
+const R = [], Be = 100;
+function ze() {
+  q = setInterval(() => {
+    R.forEach(ce);
+  }, Be);
 }
-function Je() {
-  clearInterval(K), K = null;
+function Fe() {
+  clearInterval(q), q = null;
 }
-function Ee(e) {
-  const { $el: t, listener: s, lastWidth: n, lastHeight: i } = e, o = t.offsetWidth, r = t.offsetHeight;
-  (n !== o || i !== r) && (e.lastWidth = o, e.lastHeight = r, s({ width: o, height: r }));
+function ce(e) {
+  const { $el: t, listener: s, lastWidth: n, lastHeight: i } = e, l = t.offsetWidth, o = t.offsetHeight;
+  (n !== l || i !== o) && (e.lastWidth = l, e.lastHeight = o, s({ width: l, height: o }));
 }
-function Ze(e, t) {
+function ke(e, t) {
   const s = {
     $el: e,
     listener: t,
     lastWidth: null,
     lastHeight: null
   }, n = () => {
-    ye(T, s), T.length || Je();
+    ae(R, s), R.length || Fe();
   };
-  return T.push(s), Ee(s), Ge(), n;
+  return R.push(s), ce(s), ze(), n;
 }
-function et(e, t) {
-  const s = document.createElement("_"), n = s.appendChild(document.createElement("_")), i = s.appendChild(document.createElement("_")), o = n.appendChild(document.createElement("_"));
-  let r, 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", o.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", o.style.width = o.style.height = "200%", e.appendChild(s), d(), m;
-  function d() {
-    a();
-    const p = e.offsetWidth, y = e.offsetHeight;
-    (p !== r || y !== c) && (r = p, c = 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", d), s.addEventListener("scroll", d);
+function He(e, t) {
+  const s = document.createElement("_"), n = s.appendChild(document.createElement("_")), i = s.appendChild(document.createElement("_")), l = n.appendChild(document.createElement("_"));
+  let o, 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", l.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", l.style.width = l.style.height = "200%", e.appendChild(s), p(), g;
+  function p() {
+    c();
+    const f = e.offsetWidth, N = e.offsetHeight;
+    (f !== o || N !== u) && (o = f, u = N, i.style.width = `${f * 2}px`, i.style.height = `${N * 2}px`, s.scrollLeft = s.scrollWidth, s.scrollTop = s.scrollHeight, n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight, t({ width: f, height: N })), n.addEventListener("scroll", p), s.addEventListener("scroll", p);
   }
-  function a() {
-    n.removeEventListener("scroll", d), s.removeEventListener("scroll", d);
+  function c() {
+    n.removeEventListener("scroll", p), s.removeEventListener("scroll", p);
   }
-  function m() {
-    a(), e.removeChild(s);
+  function g() {
+    c(), e.removeChild(s);
   }
 }
-function Ne(e, t) {
+function ue(e, t) {
   const s = document.documentMode === 9;
   let n = !0;
-  const r = (s ? Ze : et)(e, (...c) => n || t(...c));
-  return n = !1, r;
+  const o = (s ? ke : He)(e, (...u) => n || t(...u));
+  return n = !1, o;
 }
-function tt(e) {
+function Pe(e) {
   const t = [];
   let s = e.parentNode;
   for (; s && s.nodeName !== "BODY" && s.nodeType === document.ELEMENT_NODE; )
-    st(s) && t.push(s), s = s.parentNode;
+    We(s) && t.push(s), s = s.parentNode;
   return t.push(window), t;
 }
-function st(e) {
+function We(e) {
   const { overflow: t, overflowX: s, overflowY: n } = getComputedStyle(e);
   return /(auto|scroll|overlay)/.test(t + n + s);
 }
-function be(e, t) {
-  const s = tt(e);
+function he(e, t) {
+  const s = Pe(e);
   return window.addEventListener("resize", t, { passive: !0 }), s.forEach((n) => {
     n.addEventListener("scroll", t, { passive: !0 });
   }), function() {
@@ -107,33 +107,33 @@ function be(e, t) {
     });
   };
 }
-function $e(e) {
+function de(e) {
   return Number.isNaN(e);
 }
-const g = () => /* @__PURE__ */ Object.create(null);
-function we(e) {
+const S = () => /* @__PURE__ */ Object.create(null);
+function pe(e) {
   return e == null || typeof e != "object" ? !1 : Object.getPrototypeOf(e) === Object.prototype;
 }
-function nt(e, t, s) {
-  we(s) ? (e[t] || (e[t] = {}), q(e[t], s)) : e[t] = s;
+function je(e, t, s) {
+  pe(s) ? (e[t] || (e[t] = {}), U(e[t], s)) : e[t] = s;
 }
-function q(e, t) {
-  if (we(t)) {
+function U(e, t) {
+  if (pe(t)) {
     const s = Object.keys(t);
     for (let n = 0, i = s.length; n < i; n++)
-      nt(e, s[n], t[s[n]]);
+      je(e, s[n], t[s[n]]);
   }
   return e;
 }
-function O(e, t) {
+function y(e, t) {
   return e.indexOf(t) !== -1;
 }
-function Ce(e, t, s) {
+function fe(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 V(e, t) {
+function B(e, t) {
   if (e.length !== t.length)
     return !0;
   for (let s = 0; s < e.length; s++)
@@ -141,23 +141,23 @@ function V(e, t) {
       return !0;
   return !1;
 }
-function it(e, t) {
+function Qe(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, o = 0; i < n; i++) {
-      const r = e.charCodeAt(i);
-      for (; o < s; )
-        if (t.charCodeAt(o++) === r)
+    for (let i = 0, l = 0; i < n; i++) {
+      const o = e.charCodeAt(i);
+      for (; l < s; )
+        if (t.charCodeAt(l++) === o)
           continue e;
       return !1;
     }
   return !0;
 }
-const E = null, U = 0, Le = 1, Me = 2, $ = "ALL_CHILDREN", w = "ALL_DESCENDANTS", C = "LEAF_CHILDREN", L = "LEAF_DESCENDANTS", rt = "LOAD_ROOT_OPTIONS", ot = "LOAD_CHILDREN_OPTIONS", lt = "ASYNC_SEARCH", B = "ALL", x = "BRANCH_PRIORITY", z = "LEAF_PRIORITY", F = "ALL_WITH_INDETERMINATE", ee = "ORDER_SELECTED", te = "LEVEL", se = "INDEX", h = {
+const E = null, Y = 0, me = 1, ge = 2, C = "ALL_CHILDREN", L = "ALL_DESCENDANTS", M = "LEAF_CHILDREN", T = "LEAF_DESCENDANTS", Ke = "LOAD_ROOT_OPTIONS", qe = "LOAD_CHILDREN_OPTIONS", Ue = "ASYNC_SEARCH", z = "ALL", x = "BRANCH_PRIORITY", F = "LEAF_PRIORITY", k = "ALL_WITH_INDETERMINATE", te = "ORDER_SELECTED", se = "LEVEL", ne = "INDEX", d = {
   BACKSPACE: 8,
   ENTER: 13,
   ESCAPE: 27,
@@ -168,14 +168,14 @@ const E = null, U = 0, Le = 1, Me = 2, $ = "ALL_CHILDREN", w = "ALL_DESCENDANTS"
   ARROW_RIGHT: 39,
   ARROW_DOWN: 40,
   DELETE: 46
-}, at = process.env.NODE_ENV === "testing" ? (
+}, Ye = process.env.NODE_ENV === "testing" ? (
   /* to speed up unit testing */
   10
 ) : (
   /* istanbul ignore next */
   200
-), ne = 5, ie = 40;
-function xe(e, t) {
+), ie = 5, re = 40;
+function Se(e, t) {
   let s = 0;
   do {
     if (e.level < s)
@@ -187,28 +187,28 @@ function xe(e, t) {
     s++;
   } while (!0);
 }
-function ct(e, t) {
-  return e.level === t.level ? xe(e, t) : e.level - t.level;
+function Xe(e, t) {
+  return e.level === t.level ? Se(e, t) : e.level - t.level;
 }
-function k() {
+function H() {
   return {
     isLoaded: !1,
     isLoading: !1,
     loadingError: ""
   };
 }
-function ut(e) {
-  return typeof e == "string" ? e : typeof e == "number" && !$e(e) ? `${e}` : "";
+function Ge(e) {
+  return typeof e == "string" ? e : typeof e == "number" && !de(e) ? `${e}` : "";
 }
-function re(e, t, s) {
-  return e ? it(t, s) : O(s, t);
+function oe(e, t, s) {
+  return e ? Qe(t, s) : y(s, t);
 }
-function H(e) {
+function P(e) {
   return e.message || /* istanbul ignore next */
   String(e);
 }
-let ht = 0;
-const dt = {
+let Je = 0;
+const Ze = {
   provide() {
     return {
       // Enable access to the instance of root component of vue-treeselect
@@ -439,7 +439,7 @@ const dt = {
      */
     instanceId: {
       // Add two trailing "$" to distinguish from explictly specified ids.
-      default: () => `${ht++}$$`,
+      default: () => `${Je++}$$`,
       type: [String, Number]
     },
     /**
@@ -535,7 +535,7 @@ const dt = {
      */
     normalizer: {
       type: Function,
-      default: Qe
+      default: $e
     },
     /**
      * By default (`auto`), the menu will open below the control. If there is not
@@ -553,7 +553,7 @@ const dt = {
       type: String,
       default: "auto",
       validator(e) {
-        return O(["auto", "top", "bottom", "above", "below"], e);
+        return y(["auto", "top", "bottom", "above", "below"], e);
       }
     },
     /**
@@ -643,9 +643,9 @@ const dt = {
      */
     showCountOf: {
       type: String,
-      default: $,
+      default: C,
       validator(e) {
-        return O([$, w, C, L], e);
+        return y([C, L, M, T], e);
       }
     },
     /**
@@ -664,9 +664,9 @@ const dt = {
      */
     sortValueBy: {
       type: String,
-      default: ee,
+      default: te,
       validator(e) {
-        return O([ee, te, se], e);
+        return y([te, se, ne], e);
       }
     },
     /**
@@ -696,7 +696,7 @@ const dt = {
       type: String,
       default: x,
       validator(e) {
-        return O([B, x, z, F], e);
+        return y([z, x, F, k], e);
       }
     },
     /**
@@ -740,27 +740,27 @@ const dt = {
         // Normalized options.
         normalizedOptions: [],
         // <id, node> map for quick look-up.
-        nodeMap: g(),
+        nodeMap: S(),
         // <id, checkedState> map, used for multi-select mode.
-        checkedStateMap: g(),
+        checkedStateMap: S(),
         // Id list of all selected options.
         selectedNodeIds: this.extractCheckedNodeIdsFromValue(),
         // <id, true> map for fast checking:
         //   if (forest.selectedNodeIds.indexOf(id) !== -1) forest.selectedNodeMap[id] === true
-        selectedNodeMap: g()
+        selectedNodeMap: S()
       },
       // States of root options.
-      rootOptionsStates: k(),
+      rootOptionsStates: H(),
       localSearch: {
         // Has user entered any query to search local options?
         active: !1,
         // Has any options matched the search query?
         noResults: !0,
         // <id, countObject> map for counting matched children/descendants.
-        countMap: g()
+        countMap: S()
       },
       // <searchQuery, remoteSearchEntry> map.
-      remoteSearch: g()
+      remoteSearch: S()
     };
   },
   computed: {
@@ -778,27 +778,27 @@ const dt = {
      */
     internalValue() {
       let e;
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === B)
+      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === z)
         e = this.forest.selectedNodeIds.slice();
       else if (this.valueConsistsOf === x)
         e = this.forest.selectedNodeIds.filter((t) => {
           const s = this.getNode(t);
           return s.isRootNode ? !0 : !this.isSelected(s.parentNode);
         });
-      else if (this.valueConsistsOf === z)
+      else if (this.valueConsistsOf === F)
         e = this.forest.selectedNodeIds.filter((t) => {
           const s = this.getNode(t);
           return s.isLeaf ? !0 : s.children.length === 0;
         });
-      else if (this.valueConsistsOf === F) {
+      else if (this.valueConsistsOf === k) {
         const t = [];
         e = this.forest.selectedNodeIds.slice(), this.selectedNodes.forEach((s) => {
           s.ancestors.forEach((n) => {
-            O(t, n.id) || O(e, n.id) || t.push(n.id);
+            y(t, n.id) || y(e, n.id) || t.push(n.id);
           });
         }), e.push(...t);
       }
-      return this.sortValueBy === te ? e.sort((t, s) => ct(this.getNode(t), this.getNode(s))) : this.sortValueBy === se && e.sort((t, s) => xe(this.getNode(t), this.getNode(s))), e;
+      return this.sortValueBy === se ? e.sort((t, s) => Xe(this.getNode(t), this.getNode(s))) : this.sortValueBy === ne && e.sort((t, s) => Se(this.getNode(t), this.getNode(s))), e;
     },
     /**
      * Has any option been selected?
@@ -869,7 +869,7 @@ const dt = {
       this.initialize();
     },
     internalValue(e, t) {
-      V(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
+      B(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
     },
     matchKeys() {
       this.initialize();
@@ -889,18 +889,18 @@ const dt = {
     },
     value() {
       const e = this.extractCheckedNodeIdsFromValue();
-      V(e, this.internalValue) && this.fixSelectedNodeIds(e);
+      B(e, this.internalValue) && this.fixSelectedNodeIds(e);
     }
   },
   methods: {
     verifyProps() {
-      S(
+      O(
         () => this.async ? this.searchable : !0,
         () => 'For async search mode, the value of "searchable" prop must be true.'
-      ), this.options == null && !this.loadOptions && S(
+      ), this.options == null && !this.loadOptions && O(
         () => !1,
         () => 'Are you meant to dynamically load options? You need to use "loadOptions" prop.'
-      ), this.flat && S(
+      ), this.flat && O(
         () => this.multiple,
         () => 'You are using flat mode. But you forgot to add "multiple=true"?'
       ), this.flat || [
@@ -909,7 +909,7 @@ const dt = {
         "autoDeselectAncestors",
         "autoDeselectDescendants"
       ].forEach((t) => {
-        S(
+        O(
           () => !this[t],
           () => `"${t}" only applies to flat mode.`
         );
@@ -922,7 +922,7 @@ const dt = {
       const e = this.async ? this.getRemoteSearchEntry().options : this.options;
       if (Array.isArray(e)) {
         const t = this.forest.nodeMap;
-        this.forest.nodeMap = g(), this.keepDataOfSelectedNodes(t), this.forest.normalizedOptions = this.normalize(E, e, t), this.fixSelectedNodeIds(this.internalValue);
+        this.forest.nodeMap = S(), this.keepDataOfSelectedNodes(t), this.forest.normalizedOptions = this.normalize(E, e, t), this.fixSelectedNodeIds(this.internalValue);
       } else
         this.forest.normalizedOptions = [];
     },
@@ -936,7 +936,7 @@ const dt = {
       return this.multiple ? e : e[0];
     },
     getNode(e) {
-      return S(
+      return O(
         () => e != null,
         () => `Invalid node id: ${e}`
       ), e == null ? null : e in this.forest.nodeMap ? this.forest.nodeMap[e] : this.createFallbackNode(e);
@@ -967,43 +967,43 @@ const dt = {
       if (this.valueFormat === "id")
         return t;
       const s = this.multiple ? Array.isArray(this.value) ? this.value : [] : this.value ? [this.value] : [];
-      return Ce(s, (i) => i && this.enhancedNormalizer(i).id === e) || t;
+      return fe(s, (i) => i && this.enhancedNormalizer(i).id === e) || t;
     },
     fixSelectedNodeIds(e) {
       let t = [];
-      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === B)
+      if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === z)
         t = e;
       else if (this.valueConsistsOf === x)
         e.forEach((n) => {
           t.push(n);
           const i = this.getNode(n);
-          i.isBranch && this.traverseDescendantsBFS(i, (o) => {
-            t.push(o.id);
+          i.isBranch && this.traverseDescendantsBFS(i, (l) => {
+            t.push(l.id);
           });
         });
-      else if (this.valueConsistsOf === z) {
-        const n = g(), i = e.slice();
+      else if (this.valueConsistsOf === F) {
+        const n = S(), i = e.slice();
         for (; i.length; ) {
-          const o = i.shift(), r = this.getNode(o);
-          t.push(o), !r.isRootNode && (r.parentNode.id in n || (n[r.parentNode.id] = r.parentNode.children.length), --n[r.parentNode.id] === 0 && i.push(r.parentNode.id));
+          const l = i.shift(), o = this.getNode(l);
+          t.push(l), !o.isRootNode && (o.parentNode.id in n || (n[o.parentNode.id] = o.parentNode.children.length), --n[o.parentNode.id] === 0 && i.push(o.parentNode.id));
         }
-      } else if (this.valueConsistsOf === F) {
-        const n = g(), i = e.filter((o) => {
-          const r = this.getNode(o);
-          return r.isLeaf || r.children.length === 0;
+      } else if (this.valueConsistsOf === k) {
+        const n = S(), i = e.filter((l) => {
+          const o = this.getNode(l);
+          return o.isLeaf || o.children.length === 0;
         });
         for (; i.length; ) {
-          const o = i.shift(), r = this.getNode(o);
-          t.push(o), !r.isRootNode && (r.parentNode.id in n || (n[r.parentNode.id] = r.parentNode.children.length), --n[r.parentNode.id] === 0 && i.push(r.parentNode.id));
+          const l = i.shift(), o = this.getNode(l);
+          t.push(l), !o.isRootNode && (o.parentNode.id in n || (n[o.parentNode.id] = o.parentNode.children.length), --n[o.parentNode.id] === 0 && i.push(o.parentNode.id));
         }
       }
-      V(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
+      B(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
     },
     keepDataOfSelectedNodes(e) {
       this.forest.selectedNodeIds.forEach((t) => {
         if (!e[t])
           return;
-        const s = b(_({}, e[t]), {
+        const s = w(v({}, e[t]), {
           isFallbackNode: !0
         });
         this.$set(this.forest.nodeMap, t, s);
@@ -1054,7 +1054,7 @@ const dt = {
     blurInput() {
       this.getInput().blur();
     },
-    handleMouseDown: N(function(t) {
+    handleMouseDown: b(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();
@@ -1068,17 +1068,17 @@ const dt = {
         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, {
-          [$]: 0,
-          [w]: 0,
           [C]: 0,
-          [L]: 0
+          [L]: 0,
+          [M]: 0,
+          [T]: 0
         }));
       });
       const s = e.trim().toLocaleLowerCase(), n = s.replace(/\s+/g, " ").split(" ");
       this.traverseAllNodesDFS((i) => {
-        this.searchNested && n.length > 1 ? i.isMatched = n.every((o) => re(!1, o, i.nestedSearchLabel)) : i.isMatched = this.matchKeys.some(
-          (o) => re(!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 !== E && (this.localSearch.countMap[i.parentNode.id][$] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][C] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== E && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
+        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][L]++), i.isLeaf && i.ancestors.forEach((l) => this.localSearch.countMap[l.id][T]++), i.parentNode !== E && (this.localSearch.countMap[i.parentNode.id][C] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][M] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== E && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
       }), t();
     },
     handleRemoteSearch() {
@@ -1088,7 +1088,7 @@ const dt = {
       if ((e === "" || this.cacheOptions) && t.isLoaded)
         return s();
       this.callLoadOptionsProp({
-        action: lt,
+        action: Ue,
         args: { searchQuery: e },
         isPending() {
           return t.isLoading;
@@ -1100,7 +1100,7 @@ const dt = {
           t.isLoaded = !0, t.options = n, this.trigger.searchQuery === e && s();
         },
         fail: (n) => {
-          t.loadingError = H(n);
+          t.loadingError = P(n);
         },
         end: () => {
           t.isLoading = !1;
@@ -1108,7 +1108,7 @@ const dt = {
       });
     },
     getRemoteSearchEntry() {
-      const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || b(_({}, k()), {
+      const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || w(v({}, H()), {
         options: []
       });
       if (this.$watch(
@@ -1145,8 +1145,8 @@ const dt = {
       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(), o = i.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
-          o && Ye(i, o);
+          const i = this.getMenu(), l = i.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
+          l && Ve(i, l);
         };
         this.getMenu() ? n() : this.$nextTick(n);
       }
@@ -1180,7 +1180,7 @@ const dt = {
     highlightLastOption() {
       if (!this.hasVisibleOptions)
         return;
-      const e = Z(this.visibleOptionIds);
+      const e = ee(this.visibleOptionIds);
       this.setCurrentHighlightedOption(this.getNode(e));
     },
     resetSearchQuery() {
@@ -1200,66 +1200,66 @@ const dt = {
       this.localSearch.active ? (t = e.isExpandedOnSearch = !e.isExpandedOnSearch, t && (e.showAllChildrenOnSearch = !0)) : t = e.isExpanded = !e.isExpanded, t && !e.childrenStates.isLoaded && this.loadChildrenOptions(e);
     },
     buildForestState() {
-      const e = g();
+      const e = S();
       this.forest.selectedNodeIds.forEach((s) => {
         e[s] = !0;
       }), this.forest.selectedNodeMap = e;
-      const t = g();
+      const t = S();
       this.multiple && (this.traverseAllNodesByIndex((s) => {
-        t[s.id] = U;
+        t[s.id] = Y;
       }), this.selectedNodes.forEach((s) => {
-        t[s.id] = Me, !this.flat && !this.disableBranchNodes && s.ancestors.forEach((n) => {
-          this.isSelected(n) || (t[n.id] = Le);
+        t[s.id] = ge, !this.flat && !this.disableBranchNodes && s.ancestors.forEach((n) => {
+          this.isSelected(n) || (t[n.id] = me);
         });
       })), this.forest.checkedStateMap = t;
     },
     enhancedNormalizer(e) {
-      return _(_({}, e), this.normalizer(e, this.getInstanceId()));
+      return v(v({}, e), this.normalizer(e, this.getInstanceId()));
     },
     normalize(e, t, s) {
-      let n = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, o], r) => {
+      let n = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, l], o) => {
         this.checkDuplication(i), this.verifyNodeShape(i);
-        const { id: c, label: d, children: a, isDefaultExpanded: m } = i, p = e === E, y = p ? 0 : e.level + 1, R = Array.isArray(a) || a === null, I = !R, X = !!i.isDisabled || !this.flat && !p && e.isDisabled, Be = !!i.isNew, A = this.matchKeys.reduce(
-          (u, M) => b(_({}, u), {
-            [M]: ut(i[M]).toLocaleLowerCase()
+        const { id: u, label: p, children: c, isDefaultExpanded: g } = i, f = e === E, N = f ? 0 : e.level + 1, I = Array.isArray(c) || c === null, A = !I, G = !!i.isDisabled || !this.flat && !f && e.isDisabled, be = !!i.isNew, V = this.matchKeys.reduce(
+          (h, D) => w(v({}, h), {
+            [D]: Ge(i[D]).toLocaleLowerCase()
           }),
           {}
-        ), ze = p ? A.label : `${e.nestedSearchLabel} ${A.label}`, l = this.$set(this.forest.nodeMap, c, g());
-        if (this.$set(l, "id", c), this.$set(l, "label", d), this.$set(l, "level", y), this.$set(l, "ancestors", p ? [] : [e].concat(e.ancestors)), this.$set(l, "index", (p ? [] : e.index).concat(r)), this.$set(l, "parentNode", e), this.$set(l, "lowerCased", A), this.$set(l, "nestedSearchLabel", ze), this.$set(l, "isDisabled", X), this.$set(l, "isNew", Be), this.$set(l, "isMatched", !1), this.$set(l, "isHighlighted", !1), this.$set(l, "isBranch", R), this.$set(l, "isLeaf", I), this.$set(l, "isRootNode", p), this.$set(l, "raw", o), R) {
-          const u = Array.isArray(a);
-          this.$set(l, "childrenStates", b(_({}, k()), {
-            isLoaded: u
+        ), we = f ? V.label : `${e.nestedSearchLabel} ${V.label}`, a = this.$set(this.forest.nodeMap, u, S());
+        if (this.$set(a, "id", u), this.$set(a, "label", p), this.$set(a, "level", N), this.$set(a, "ancestors", f ? [] : [e].concat(e.ancestors)), this.$set(a, "index", (f ? [] : e.index).concat(o)), this.$set(a, "parentNode", e), this.$set(a, "lowerCased", V), this.$set(a, "nestedSearchLabel", we), this.$set(a, "isDisabled", G), this.$set(a, "isNew", be), this.$set(a, "isMatched", !1), this.$set(a, "isHighlighted", !1), this.$set(a, "isBranch", I), this.$set(a, "isLeaf", A), this.$set(a, "isRootNode", f), this.$set(a, "raw", l), I) {
+          const h = Array.isArray(c);
+          this.$set(a, "childrenStates", w(v({}, H()), {
+            isLoaded: h
           })), this.$set(
-            l,
+            a,
             "isExpanded",
-            typeof m == "boolean" ? m : y < this.defaultExpandLevel
-          ), this.$set(l, "hasMatchedDescendants", !1), this.$set(l, "hasDisabledDescendants", !1), this.$set(l, "isExpandedOnSearch", !1), this.$set(l, "showAllChildrenOnSearch", !1), this.$set(l, "count", {
-            [$]: 0,
-            [w]: 0,
+            typeof g == "boolean" ? g : N < 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", {
             [C]: 0,
-            [L]: 0
-          }), this.$set(l, "children", u ? this.normalize(l, a, s) : []), m === !0 && l.ancestors.forEach((M) => {
-            M.isExpanded = !0;
-          }), !u && typeof this.loadOptions != "function" ? S(
+            [L]: 0,
+            [M]: 0,
+            [T]: 0
+          }), this.$set(a, "children", h ? this.normalize(a, c, s) : []), g === !0 && a.ancestors.forEach((D) => {
+            D.isExpanded = !0;
+          }), !h && typeof this.loadOptions != "function" ? O(
             () => !1,
             () => 'Unloaded branch node detected. "loadOptions" prop is required to load its children.'
-          ) : !u && l.isExpanded && this.loadChildrenOptions(l);
+          ) : !h && a.isExpanded && this.loadChildrenOptions(a);
         }
-        if (l.ancestors.forEach((u) => u.count[w]++), I && l.ancestors.forEach((u) => u.count[L]++), p || (e.count[$] += 1, I && (e.count[C] += 1), X && (e.hasDisabledDescendants = !0)), s && s[c]) {
-          const u = s[c];
-          l.isMatched = u.isMatched, l.showAllChildrenOnSearch = u.showAllChildrenOnSearch, l.isHighlighted = u.isHighlighted, u.isBranch && l.isBranch && (l.isExpanded = u.isExpanded, l.isExpandedOnSearch = u.isExpandedOnSearch, u.childrenStates.isLoaded && !l.childrenStates.isLoaded ? l.isExpanded = !1 : l.childrenStates = _({}, u.childrenStates));
+        if (a.ancestors.forEach((h) => h.count[L]++), A && a.ancestors.forEach((h) => h.count[T]++), f || (e.count[C] += 1, A && (e.count[M] += 1), G && (e.hasDisabledDescendants = !0)), s && s[u]) {
+          const h = s[u];
+          a.isMatched = h.isMatched, a.showAllChildrenOnSearch = h.showAllChildrenOnSearch, a.isHighlighted = h.isHighlighted, h.isBranch && a.isBranch && (a.isExpanded = h.isExpanded, a.isExpandedOnSearch = h.isExpandedOnSearch, h.childrenStates.isLoaded && !a.childrenStates.isLoaded ? a.isExpanded = !1 : a.childrenStates = v({}, h.childrenStates));
         }
-        return l;
+        return a;
       });
       if (this.branchNodesFirst) {
-        const i = n.filter((r) => r.isBranch), o = n.filter((r) => r.isLeaf);
-        n = i.concat(o);
+        const i = n.filter((o) => o.isBranch), l = n.filter((o) => o.isLeaf);
+        n = i.concat(l);
       }
       return n;
     },
     loadRootOptions() {
       this.callLoadOptionsProp({
-        action: rt,
+        action: Ke,
         isPending: () => this.rootOptionsStates.isLoading,
         start: () => {
           this.rootOptionsStates.isLoading = !0, this.rootOptionsStates.loadingError = "";
@@ -1270,7 +1270,7 @@ const dt = {
           });
         },
         fail: (e) => {
-          this.rootOptionsStates.loadingError = H(e);
+          this.rootOptionsStates.loadingError = P(e);
         },
         end: () => {
           this.rootOptionsStates.isLoading = !1;
@@ -1280,7 +1280,7 @@ const dt = {
     loadChildrenOptions(e) {
       const { id: t, raw: s } = e;
       this.callLoadOptionsProp({
-        action: ot,
+        action: qe,
         args: {
           // We always pass the raw node instead of the normalized node to any
           // callback provided by the user of this component.
@@ -1296,45 +1296,45 @@ const dt = {
           this.getNode(t).childrenStates.isLoaded = !0;
         },
         fail: (n) => {
-          this.getNode(t).childrenStates.loadingError = H(n);
+          this.getNode(t).childrenStates.loadingError = P(n);
         },
         end: () => {
           this.getNode(t).childrenStates.isLoading = !1;
         }
       });
     },
-    callLoadOptionsProp({ action: e, args: t, isPending: s, start: n, succeed: i, fail: o, end: r }) {
+    callLoadOptionsProp({ action: e, args: t, isPending: s, start: n, succeed: i, fail: l, end: o }) {
       if (!this.loadOptions || s())
         return;
       n();
-      const c = Ke((a, m) => {
-        a ? o(a) : i(m), r();
-      }), d = this.loadOptions(b(_({
+      const u = Ie((c, g) => {
+        c ? l(c) : i(g), o();
+      }), p = this.loadOptions(w(v({
         id: this.getInstanceId(),
         instanceId: this.getInstanceId(),
         action: e
       }, t), {
-        callback: c
+        callback: u
       }));
-      Oe(d) && d.then(
+      le(p) && p.then(
         () => {
-          c();
+          u();
         },
-        (a) => {
-          c(a);
+        (c) => {
+          u(c);
         }
-      ).catch((a) => {
-        console.error(a);
+      ).catch((c) => {
+        console.error(c);
       });
     },
     checkDuplication(e) {
-      S(
+      O(
         () => !(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) {
-      S(
+      O(
         () => !(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."
       );
@@ -1343,7 +1343,7 @@ const dt = {
       if (this.disabled || e.isDisabled)
         return;
       this.single && this.clear();
-      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === U : !this.isSelected(e);
+      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === Y : !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() {
@@ -1400,14 +1400,14 @@ const dt = {
       this.forest.selectedNodeIds.push(e.id), this.forest.selectedNodeMap[e.id] = !0;
     },
     removeValue(e) {
-      ye(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
+      ae(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
     },
     removeLastValue() {
       if (!this.hasValue)
         return;
       if (this.single)
         return this.clear();
-      const e = Z(this.internalValue), t = this.getNode(e);
+      const e = ee(this.internalValue), t = this.getNode(e);
       this.select(t);
     },
     saveMenuScrollPosition() {
@@ -1429,96 +1429,88 @@ const dt = {
     this.toggleClickOutsideEvent(!1);
   }
 };
-function pt(e) {
-  return typeof e == "string" ? e : e != null && !$e(e) ? JSON.stringify(e) : "";
+function et(e) {
+  return typeof e == "string" ? e : e != null && !de(e) ? JSON.stringify(e) : "";
 }
-const ft = {
+const tt = {
   name: "VueTreeSelectHiddenFields",
   functional: !0,
   inject: ["instance"],
   render(e, t) {
-    const s = arguments[0], {
-      instance: n
+    const {
+      instance: s
     } = t.injections;
-    if (!n.name || n.disabled || !n.hasValue)
+    if (!s.name || s.disabled || !s.hasValue)
       return null;
-    let i = n.internalValue.map(pt);
-    return n.multiple && n.joinValues && (i = [i.join(n.delimiter)]), i.map((o, r) => s("input", {
+    let n = s.internalValue.map(et);
+    return s.multiple && s.joinValues && (n = [n.join(s.delimiter)]), n.map((i, l) => r("input", {
       attrs: {
         type: "hidden",
-        name: n.name
+        name: s.name
       },
       domProps: {
-        value: o
+        value: i
       },
-      key: `hidden-field-${r}`
+      key: `hidden-field-${l}`
     }));
   }
-};
-let mt, gt;
-const oe = {};
-var _t = /* @__PURE__ */ f(
-  ft,
-  mt,
-  gt,
+}, st = null, nt = null;
+var it = /* @__PURE__ */ m(
+  tt,
+  st,
+  nt,
   !1,
-  vt,
+  null,
   null,
   null,
   null
 );
-function vt(e) {
-  for (let t in oe)
-    this[t] = oe[t];
-}
-const St = /* @__PURE__ */ function() {
-  return _t.exports;
-}();
-function Ot(e) {
+const rt = it.exports;
+function ot(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function Y() {
-  return Y = Object.assign ? Object.assign.bind() : function(e) {
+function X() {
+  return X = Object.assign ? Object.assign.bind() : function(e) {
     for (var t, s = 1; s < arguments.length; s++)
       for (var n in t = arguments[s], t)
         Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
     return e;
-  }, Y.apply(this, arguments);
+  }, X.apply(this, arguments);
 }
-var yt = ["attrs", "props", "domProps"], Et = ["class", "style", "directives"], Nt = ["on", "nativeOn"], bt = function(e) {
+var lt = ["attrs", "props", "domProps"], at = ["class", "style", "directives"], ct = ["on", "nativeOn"], ut = function(e) {
   return e.reduce(function(t, s) {
     for (var n in s)
       if (!t[n])
         t[n] = s[n];
-      else if (yt.indexOf(n) !== -1)
-        t[n] = Y({}, t[n], s[n]);
-      else if (Et.indexOf(n) !== -1) {
-        var i = t[n] instanceof Array ? t[n] : [t[n]], o = s[n] instanceof Array ? s[n] : [s[n]];
-        t[n] = [].concat(i, o);
-      } else if (Nt.indexOf(n) !== -1)
-        for (var r in s[n])
-          if (t[n][r]) {
-            var c = t[n][r] instanceof Array ? t[n][r] : [t[n][r]], d = s[n][r] instanceof Array ? s[n][r] : [s[n][r]];
-            t[n][r] = [].concat(c, d);
+      else if (lt.indexOf(n) !== -1)
+        t[n] = X({}, t[n], s[n]);
+      else if (at.indexOf(n) !== -1) {
+        var i = t[n] instanceof Array ? t[n] : [t[n]], l = s[n] instanceof Array ? s[n] : [s[n]];
+        t[n] = [].concat(i, l);
+      } else if (ct.indexOf(n) !== -1)
+        for (var o in s[n])
+          if (t[n][o]) {
+            var u = t[n][o] instanceof Array ? t[n][o] : [t[n][o]], p = s[n][o] instanceof Array ? s[n][o] : [s[n][o]];
+            t[n][o] = [].concat(u, p);
           } else
-            t[n][r] = s[n][r];
+            t[n][o] = s[n][o];
       else if (n === "hook")
-        for (var a in s[n])
-          t[n][a] = t[n][a] ? $t(t[n][a], s[n][a]) : s[n][a];
+        for (var c in s[n])
+          t[n][c] = t[n][c] ? ht(t[n][c], s[n][c]) : s[n][c];
       else
         t[n] = s[n];
     return t;
   }, {});
-}, $t = function(e, t) {
+}, ht = function(e, t) {
   return function() {
     e && e.apply(this, arguments), t && t.apply(this, arguments);
   };
-}, wt = bt;
-const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.ARROW_UP, h.ARROW_RIGHT, h.ARROW_DOWN], Lt = {
+}, dt = ut;
+const $ = /* @__PURE__ */ ot(dt), pt = [d.ENTER, d.END, d.HOME, d.ARROW_LEFT, d.ARROW_UP, d.ARROW_RIGHT, d.ARROW_DOWN], ft = {
   name: "VueTreeSelectInput",
   inject: ["instance"],
   data: () => ({
-    inputWidth: ne,
+    inputWidth: ie,
     value: ""
   }),
   computed: {
@@ -1543,7 +1535,7 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
     }
   },
   created() {
-    this.debouncedCallback = qe(this.updateSearchQuery, at, {
+    this.debouncedCallback = Ae(this.updateSearchQuery, Ye, {
       leading: !0,
       trailing: !0
     });
@@ -1594,14 +1586,14 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
         e.keyCode
       );
       if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
-        if (!t.menu.isOpen && O(Ct, s))
+        if (!t.menu.isOpen && y(pt, s))
           return e.preventDefault(), t.openMenu();
         switch (s) {
-          case h.BACKSPACE: {
+          case d.BACKSPACE: {
             t.backspaceRemoves && !this.value.length && t.removeLastValue();
             break;
           }
-          case h.ENTER: {
+          case d.ENTER: {
             if (e.preventDefault(), t.menu.current === null)
               return;
             const n = t.getNode(t.menu.current);
@@ -1610,37 +1602,37 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
             t.select(n);
             break;
           }
-          case h.ESCAPE: {
+          case d.ESCAPE: {
             this.value.length ? this.clear() : t.menu.isOpen && t.closeMenu();
             break;
           }
-          case h.END: {
+          case d.END: {
             e.preventDefault(), t.highlightLastOption();
             break;
           }
-          case h.HOME: {
+          case d.HOME: {
             e.preventDefault(), t.highlightFirstOption();
             break;
           }
-          case h.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 h.ARROW_UP: {
+          case d.ARROW_UP: {
             e.preventDefault(), t.highlightPrevOption();
             break;
           }
-          case h.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 h.ARROW_DOWN: {
+          case d.ARROW_DOWN: {
             e.preventDefault(), t.highlightNextOption();
             break;
           }
-          case h.DELETE: {
+          case d.DELETE: {
             t.deleteRemoves && !this.value.length && t.removeLastValue();
             break;
           }
@@ -1653,36 +1645,36 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
       this.value.length && e.stopPropagation();
     },
     renderInputContainer() {
-      const e = this.$createElement, {
-        instance: t
-      } = this, s = {}, n = [];
-      return t.searchable && !t.disabled && (n.push(this.renderInput()), this.needAutoSize && n.push(this.renderSizer())), t.searchable || q(s, {
+      const {
+        instance: e
+      } = this, t = {}, s = [];
+      return e.searchable && !e.disabled && (s.push(this.renderInput()), this.needAutoSize && s.push(this.renderSizer())), e.searchable || U(t, {
         on: {
           focus: this.onFocus,
           blur: this.onBlur,
           keydown: this.onKeyDown
         },
         ref: "input"
-      }), !t.searchable && !t.disabled && q(s, {
+      }), !e.searchable && !e.disabled && U(t, {
         attrs: {
-          tabIndex: t.tabIndex
+          tabIndex: e.tabIndex
         }
-      }), e("div", D([{
+      }), r("div", $([{
         class: "vue-treeselect__input-container"
-      }, s]), [n]);
+      }, t]), [s]);
     },
     renderInput() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e("input", {
+      return r("input", {
         ref: "input",
         class: "vue-treeselect__input",
         attrs: {
           type: "text",
           autocomplete: "off",
-          tabIndex: t.tabIndex,
-          required: t.required && !t.hasValue
+          tabIndex: e.tabIndex,
+          required: e.required && !e.hasValue
         },
         domProps: {
           value: this.value
@@ -1698,14 +1690,13 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
       });
     },
     renderSizer() {
-      const e = this.$createElement;
-      return e("div", {
+      return r("div", {
         ref: "sizer",
         class: "vue-treeselect__sizer"
       }, [this.value]);
     },
     updateInputWidth() {
-      this.inputWidth = Math.max(ne, this.$refs.sizer.scrollWidth + 15);
+      this.inputWidth = Math.max(ie, this.$refs.sizer.scrollWidth + 15);
     },
     updateSearchQuery() {
       const {
@@ -1717,60 +1708,44 @@ const D = /* @__PURE__ */ Ot(wt), Ct = [h.ENTER, h.END, h.HOME, h.ARROW_LEFT, h.
   render() {
     return this.renderInputContainer();
   }
-};
-let Mt, xt;
-const le = {};
-var Tt = /* @__PURE__ */ f(
-  Lt,
-  Mt,
-  xt,
+}, mt = null, gt = null;
+var St = /* @__PURE__ */ m(
+  ft,
+  mt,
+  gt,
   !1,
-  Dt,
+  null,
   null,
   null,
   null
 );
-function Dt(e) {
-  for (let t in le)
-    this[t] = le[t];
-}
-const Te = /* @__PURE__ */ function() {
-  return Tt.exports;
-}(), Rt = {
+const ve = St.exports, vt = {
   name: "VueTreeSelectPlaceholder",
   inject: ["instance"],
   render() {
-    const e = arguments[0], {
-      instance: t
-    } = this, s = {
+    const {
+      instance: e
+    } = this, t = {
       "vue-treeselect__placeholder": !0,
       "vue-treeselect-helper-zoom-effect-off": !0,
-      "vue-treeselect-helper-hide": t.hasValue || t.trigger.searchQuery
+      "vue-treeselect-helper-hide": e.hasValue || e.trigger.searchQuery
     };
-    return e("div", {
-      class: s
-    }, [t.placeholder]);
+    return r("div", {
+      class: t
+    }, [e.placeholder]);
   }
-};
-let It, At;
-const ae = {};
-var Vt = /* @__PURE__ */ f(
-  Rt,
-  It,
-  At,
+}, _t = null, Ot = null;
+var yt = /* @__PURE__ */ m(
+  vt,
+  _t,
+  Ot,
   !1,
-  Bt,
+  null,
   null,
   null,
   null
 );
-function Bt(e) {
-  for (let t in ae)
-    this[t] = ae[t];
-}
-const De = /* @__PURE__ */ function() {
-  return Vt.exports;
-}(), zt = {
+const _e = yt.exports, Nt = {
   name: "VueTreeSelectSingleValue",
   inject: ["instance"],
   methods: {
@@ -1784,71 +1759,46 @@ const De = /* @__PURE__ */ function() {
     }
   },
   render() {
-    const e = arguments[0], {
-      instance: t,
+    const {
+      instance: e,
       $parent: {
-        renderValueContainer: s
+        renderValueContainer: t
       }
-    } = this, n = t.hasValue && !t.trigger.searchQuery;
-    return s([n && e("div", {
+    } = this, s = e.hasValue && !e.trigger.searchQuery;
+    return t([s && r("div", {
       class: "vue-treeselect__single-value"
-    }, [this.renderSingleValueLabel()]), e(De), e(Te, {
+    }, [this.renderSingleValueLabel()]), r(_e), r(ve, {
       ref: "input"
     })]);
   }
-};
-let Ft, kt;
-const ce = {};
-var Ht = /* @__PURE__ */ f(
-  zt,
-  Ft,
-  kt,
+}, Et = null, bt = null;
+var wt = /* @__PURE__ */ m(
+  Nt,
+  Et,
+  bt,
   !1,
-  Pt,
+  null,
   null,
   null,
   null
 );
-function Pt(e) {
-  for (let t in ce)
-    this[t] = ce[t];
-}
-const Wt = /* @__PURE__ */ function() {
-  return Ht.exports;
-}();
-var jt = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  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"
-    }
-  })]);
-}, Qt = [];
-const Kt = {
+const Ct = wt.exports, Lt = {
   name: "VueTreeSelectDelete"
-}, ue = {};
-var qt = /* @__PURE__ */ f(
-  Kt,
-  jt,
-  Qt,
+};
+var Mt = 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" } })]);
+}, Tt = [], Dt = /* @__PURE__ */ m(
+  Lt,
+  Mt,
+  Tt,
   !1,
-  Ut,
+  null,
   null,
   null,
   null
 );
-function Ut(e) {
-  for (let t in ue)
-    this[t] = ue[t];
-}
-const Re = /* @__PURE__ */ function() {
-  return qt.exports;
-}(), Yt = {
+const Oe = Dt.exports, xt = {
   name: "VueTreeSelectMultiValueItem",
   inject: ["instance"],
   props: {
@@ -1858,7 +1808,7 @@ const Re = /* @__PURE__ */ function() {
     }
   },
   methods: {
-    handleMouseDown: N(function() {
+    handleMouseDown: b(function() {
       const {
         instance: t,
         node: s
@@ -1867,80 +1817,72 @@ const Re = /* @__PURE__ */ function() {
     })
   },
   render() {
-    const e = arguments[0], {
-      instance: t,
-      node: s
-    } = this, n = {
+    const {
+      instance: e,
+      node: t
+    } = this, s = {
       "vue-treeselect__multi-value-item": !0,
-      "vue-treeselect__multi-value-item-disabled": s.isDisabled,
-      "vue-treeselect__multi-value-item-new": s.isNew
-    }, i = t.$scopedSlots["value-label"], o = i ? i({
-      node: s
-    }) : s.label;
-    return e("div", {
+      "vue-treeselect__multi-value-item-disabled": t.isDisabled,
+      "vue-treeselect__multi-value-item-new": t.isNew
+    }, n = e.$scopedSlots["value-label"], i = n ? n({
+      node: t
+    }) : t.label;
+    return r("div", {
       class: "vue-treeselect__multi-value-item-container"
-    }, [e("div", {
-      class: n,
+    }, [r("div", {
+      class: s,
       on: {
         mousedown: this.handleMouseDown
       }
-    }, [e("span", {
+    }, [r("span", {
       class: "vue-treeselect__multi-value-label"
-    }, [o]), e("span", {
+    }, [i]), r("span", {
       class: "vue-treeselect__icon vue-treeselect__value-remove"
-    }, [e(Re)])])]);
+    }, [r(Oe)])])]);
   }
-};
-let Xt, Gt;
-const he = {};
-var Jt = /* @__PURE__ */ f(
-  Yt,
-  Xt,
-  Gt,
+}, Rt = null, $t = null;
+var It = /* @__PURE__ */ m(
+  xt,
+  Rt,
+  $t,
   !1,
-  Zt,
+  null,
   null,
   null,
   null
 );
-function Zt(e) {
-  for (let t in he)
-    this[t] = he[t];
-}
-const es = /* @__PURE__ */ function() {
-  return Jt.exports;
-}(), ts = {
+const At = It.exports, Vt = {
   name: "VueTreeSelectMultiValue",
   inject: ["instance"],
   methods: {
     renderMultiValueItems() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return t.internalValue.slice(0, t.limit).map(t.getNode).map((s) => e(es, {
-        key: `multi-value-item-${s.id}`,
+      return e.internalValue.slice(0, e.limit).map(e.getNode).map((t) => r(At, {
+        key: `multi-value-item-${t.id}`,
         attrs: {
-          node: s
+          node: t
         }
       }));
     },
     renderExceedLimitTip() {
-      const e = this.$createElement, {
-        instance: t
-      } = this, s = t.internalValue.length - t.limit;
-      return s <= 0 ? null : e("div", {
+      const {
+        instance: e
+      } = this, t = e.internalValue.length - e.limit;
+      return t <= 0 ? null : r("div", {
         class: "vue-treeselect__limit-tip vue-treeselect-helper-zoom-effect-off",
         key: "exceed-limit-tip"
-      }, [e("span", {
+      }, [r("span", {
         class: "vue-treeselect__limit-tip-text"
-      }, [t.limitText(s)])]);
+      }, [e.limitText(t)])]);
     }
   },
   render() {
-    const e = arguments[0], {
-      renderValueContainer: t
+    const {
+      renderValueContainer: e
     } = this.$parent;
-    return t(e("transition-group", D([{
+    return e(r("transition-group", $([{
       class: "vue-treeselect__multi-value"
     }, {
       props: {
@@ -1948,66 +1890,41 @@ const es = /* @__PURE__ */ function() {
         name: "vue-treeselect__multi-value-item--transition",
         appear: !0
       }
-    }]), [this.renderMultiValueItems(), this.renderExceedLimitTip(), e(De, {
+    }]), [this.renderMultiValueItems(), this.renderExceedLimitTip(), r(_e, {
       key: "placeholder"
-    }), e(Te, {
+    }), r(ve, {
       ref: "input",
       key: "input"
     })]));
   }
-};
-let ss, ns;
-const de = {};
-var is = /* @__PURE__ */ f(
-  ts,
-  ss,
-  ns,
+}, Bt = null, zt = null;
+var Ft = /* @__PURE__ */ m(
+  Vt,
+  Bt,
+  zt,
   !1,
-  rs,
+  null,
   null,
   null,
   null
 );
-function rs(e) {
-  for (let t in de)
-    this[t] = de[t];
-}
-const os = /* @__PURE__ */ function() {
-  return is.exports;
-}();
-var ls = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  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"
-    }
-  })]);
-}, as = [];
-const cs = {
+const kt = Ft.exports, Ht = {
   name: "VueTreeSelectArrow"
-}, pe = {};
-var us = /* @__PURE__ */ f(
-  cs,
-  ls,
-  as,
+};
+var Pt = 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" } })]);
+}, Wt = [], jt = /* @__PURE__ */ m(
+  Ht,
+  Pt,
+  Wt,
   !1,
-  hs,
+  null,
   null,
   null,
   null
 );
-function hs(e) {
-  for (let t in pe)
-    this[t] = pe[t];
-}
-const Ie = /* @__PURE__ */ function() {
-  return us.exports;
-}(), ds = {
+const ye = jt.exports, Qt = {
   name: "VueTreeSelectControl",
   inject: ["instance"],
   computed: {
@@ -2046,47 +1963,47 @@ const Ie = /* @__PURE__ */ function() {
   },
   methods: {
     renderX() {
-      const e = this.$createElement, {
-        instance: t
-      } = this, s = t.multiple ? t.clearAllText : t.clearValueText;
-      return this.shouldShowX ? e("div", {
+      const {
+        instance: e
+      } = this, t = e.multiple ? e.clearAllText : e.clearValueText;
+      return this.shouldShowX ? r("div", {
         class: "vue-treeselect__x-container",
         attrs: {
-          title: s
+          title: t
         },
         on: {
           mousedown: this.handleMouseDownOnX
         }
-      }, [e(Re, {
+      }, [r(Oe, {
         class: "vue-treeselect__x"
       })]) : null;
     },
     renderArrow() {
-      const e = this.$createElement, {
-        instance: t
-      } = this, s = {
+      const {
+        instance: e
+      } = this, t = {
         "vue-treeselect__control-arrow": !0,
-        "vue-treeselect__control-arrow--rotated": t.menu.isOpen
+        "vue-treeselect__control-arrow--rotated": e.menu.isOpen
       };
-      return this.shouldShowArrow ? e("div", {
+      return this.shouldShowArrow ? r("div", {
         class: "vue-treeselect__control-arrow-container",
         on: {
           mousedown: this.handleMouseDownOnArrow
         }
-      }, [e(Ie, {
-        class: s
+      }, [r(ye, {
+        class: t
       })]) : null;
     },
-    handleMouseDownOnX: N(function(t) {
+    handleMouseDownOnX: b(function(t) {
       t.stopPropagation(), t.preventDefault();
       const {
         instance: s
-      } = this, n = s.beforeClearAll(), i = (o) => {
-        o && s.clear();
+      } = this, n = s.beforeClearAll(), i = (l) => {
+        l && s.clear();
       };
-      Oe(n) ? n.then(i) : setTimeout(() => i(n), 0);
+      le(n) ? n.then(i) : setTimeout(() => i(n), 0);
     }),
-    handleMouseDownOnArrow: N(function(t) {
+    handleMouseDownOnArrow: b(function(t) {
       t.preventDefault(), t.stopPropagation();
       const {
         instance: s
@@ -2095,45 +2012,36 @@ const Ie = /* @__PURE__ */ function() {
     }),
     // This is meant to be called by child `<Value />` component.
     renderValueContainer(e) {
-      const t = this.$createElement;
-      return t("div", {
+      return r("div", {
         class: "vue-treeselect__value-container"
       }, [e]);
     }
   },
   render() {
-    const e = arguments[0], {
-      instance: t
-    } = this, s = t.single ? Wt : os;
-    return e("div", {
+    const {
+      instance: e
+    } = this, t = e.single ? Ct : kt;
+    return r("div", {
       class: "vue-treeselect__control",
       on: {
-        mousedown: t.handleMouseDown
+        mousedown: e.handleMouseDown
       }
-    }, [e(s, {
+    }, [r(t, {
       ref: "value-container"
     }), this.renderX(), this.renderArrow()]);
   }
-};
-let ps, fs;
-const fe = {};
-var ms = /* @__PURE__ */ f(
-  ds,
-  ps,
-  fs,
+}, Kt = null, qt = null;
+var Ut = /* @__PURE__ */ m(
+  Qt,
+  Kt,
+  qt,
   !1,
-  gs,
+  null,
   null,
   null,
   null
 );
-function gs(e) {
-  for (let t in fe)
-    this[t] = fe[t];
-}
-const _s = /* @__PURE__ */ function() {
-  return ms.exports;
-}(), vs = {
+const Yt = Ut.exports, Xt = {
   name: "VueTreeSelectTip",
   functional: !0,
   props: {
@@ -2147,42 +2055,34 @@ const _s = /* @__PURE__ */ function() {
     }
   },
   render(e, t) {
-    const s = arguments[0], {
-      props: n,
-      children: i
+    const {
+      props: s,
+      children: n
     } = t;
-    return s("div", {
-      class: `vue-treeselect__tip vue-treeselect__${n.type}-tip`
-    }, [s("div", {
+    return r("div", {
+      class: `vue-treeselect__tip vue-treeselect__${s.type}-tip`
+    }, [r("div", {
       class: "vue-treeselect__icon-container"
-    }, [s("span", {
-      class: `vue-treeselect__icon-${n.icon}`
-    })]), s("span", {
-      class: `vue-treeselect__tip-text vue-treeselect__${n.type}-tip-text`
-    }, [i])]);
+    }, [r("span", {
+      class: `vue-treeselect__icon-${s.icon}`
+    })]), r("span", {
+      class: `vue-treeselect__tip-text vue-treeselect__${s.type}-tip-text`
+    }, [n])]);
   }
-};
-let Ss, Os;
-const me = {};
-var ys = /* @__PURE__ */ f(
-  vs,
-  Ss,
-  Os,
+}, Gt = null, Jt = null;
+var Zt = /* @__PURE__ */ m(
+  Xt,
+  Gt,
+  Jt,
   !1,
-  Es,
+  null,
   null,
   null,
   null
 );
-function Es(e) {
-  for (let t in me)
-    this[t] = me[t];
-}
-const v = /* @__PURE__ */ function() {
-  return ys.exports;
-}();
-let P, W, j;
-const Ae = {
+const _ = Zt.exports;
+let W, j, Q;
+const Ne = {
   name: "VueTreeSelectOption",
   inject: ["instance"],
   props: {
@@ -2209,69 +2109,67 @@ const Ae = {
   },
   methods: {
     renderOption() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
-      } = this, n = {
+      const {
+        instance: e,
+        node: t
+      } = this, s = {
         "vue-treeselect__option": !0,
-        "vue-treeselect__option--disabled": s.isDisabled,
-        "vue-treeselect__option--selected": t.isSelected(s),
-        "vue-treeselect__option--highlight": s.isHighlighted,
-        "vue-treeselect__option--matched": t.localSearch.active && s.isMatched,
+        "vue-treeselect__option--disabled": t.isDisabled,
+        "vue-treeselect__option--selected": e.isSelected(t),
+        "vue-treeselect__option--highlight": t.isHighlighted,
+        "vue-treeselect__option--matched": e.localSearch.active && t.isMatched,
         "vue-treeselect__option--hide": !this.shouldShow
       };
-      return e("div", {
-        class: n,
+      return r("div", {
+        class: s,
         on: {
           mouseenter: this.handleMouseEnterOption
         },
         attrs: {
-          "data-id": s.id
+          "data-id": t.id
         }
       }, [this.renderArrow(), this.renderLabelContainer([this.renderCheckboxContainer([this.renderCheckbox()]), this.renderLabel()])]);
     },
     renderSubOptionsList() {
-      const e = this.$createElement;
-      return this.shouldExpand ? e("div", {
+      return this.shouldExpand ? r("div", {
         class: "vue-treeselect__list"
       }, [this.renderSubOptions(), this.renderNoChildrenTip(), this.renderLoadingChildrenTip(), this.renderLoadingChildrenErrorTip()]) : null;
     },
     renderArrow() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
+      const {
+        instance: e,
+        node: t
       } = this;
-      if (t.shouldFlattenOptions && this.shouldShow)
+      if (e.shouldFlattenOptions && this.shouldShow)
         return null;
-      if (s.isBranch) {
-        const n = {
+      if (t.isBranch) {
+        const s = {
           props: {
             name: "vue-treeselect__option-arrow--prepare",
             appear: !0
           }
-        }, i = {
+        }, n = {
           "vue-treeselect__option-arrow": !0,
           "vue-treeselect__option-arrow--rotated": this.shouldExpand
         };
-        return e("div", {
+        return r("div", {
           class: "vue-treeselect__option-arrow-container",
           on: {
             mousedown: this.handleMouseDownOnArrow
           }
-        }, [e("transition", D([{}, n]), [e(Ie, {
-          class: i
+        }, [r("transition", $([{}, s]), [r(ye, {
+          class: n
         })])]);
       }
       return (
         /* node.isLeaf && */
-        t.hasBranchNodes ? (P || (P = e("div", {
+        e.hasBranchNodes ? (W || (W = r("div", {
           class: "vue-treeselect__option-arrow-placeholder"
-        }, [" "])), P) : null
+        }, [" "])), W) : null
       );
     },
     renderLabelContainer(e) {
-      const t = this.$createElement;
-      return t("div", {
+      return r("div", {
         class: "vue-treeselect__label-container",
         on: {
           mousedown: this.handleMouseDownOnLabelContainer
@@ -2279,104 +2177,104 @@ const Ae = {
       }, [e]);
     },
     renderCheckboxContainer(e) {
-      const t = this.$createElement, {
-        instance: s,
-        node: n
+      const {
+        instance: t,
+        node: s
       } = this;
-      return s.single || s.disableBranchNodes && n.isBranch ? null : t("div", {
+      return t.single || t.disableBranchNodes && s.isBranch ? null : r("div", {
         class: "vue-treeselect__checkbox-container"
       }, [e]);
     },
     renderCheckbox() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
-      } = this, n = t.forest.checkedStateMap[s.id], i = {
+      const {
+        instance: e,
+        node: t
+      } = this, s = e.forest.checkedStateMap[t.id], n = {
         "vue-treeselect__checkbox": !0,
-        "vue-treeselect__checkbox--checked": n === Me,
-        "vue-treeselect__checkbox--indeterminate": n === Le,
-        "vue-treeselect__checkbox--unchecked": n === U,
-        "vue-treeselect__checkbox--disabled": s.isDisabled
+        "vue-treeselect__checkbox--checked": s === ge,
+        "vue-treeselect__checkbox--indeterminate": s === me,
+        "vue-treeselect__checkbox--unchecked": s === Y,
+        "vue-treeselect__checkbox--disabled": t.isDisabled
       };
-      return W || (W = e("span", {
+      return j || (j = r("span", {
         class: "vue-treeselect__check-mark"
-      })), j || (j = e("span", {
+      })), Q || (Q = r("span", {
         class: "vue-treeselect__minus-mark"
-      })), e("span", {
-        class: i
-      }, [W, j]);
+      })), r("span", {
+        class: n
+      }, [j, Q]);
     },
     renderLabel() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
-      } = this, n = s.isBranch && (t.localSearch.active ? t.showCountOnSearchComputed : t.showCount), i = n ? t.localSearch.active ? t.localSearch.countMap[s.id][t.showCountOf] : s.count[t.showCountOf] : NaN, o = "vue-treeselect__label", r = "vue-treeselect__count", c = t.$scopedSlots["option-label"];
-      return c ? c({
-        node: s,
-        shouldShowCount: n,
-        count: i,
-        labelClassName: o,
-        countClassName: r
-      }) : e("label", {
-        class: o
-      }, [s.label, n && e("span", {
-        class: r
-      }, ["(", i, ")"])]);
+      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", o = e.$scopedSlots["option-label"];
+      return o ? o({
+        node: t,
+        shouldShowCount: s,
+        count: n,
+        labelClassName: i,
+        countClassName: l
+      }) : r("label", {
+        class: i
+      }, [t.label, s && r("span", {
+        class: l
+      }, ["(", n, ")"])]);
     },
     renderSubOptions() {
-      const e = this.$createElement, {
-        node: t
+      const {
+        node: e
       } = this;
-      return t.childrenStates.isLoaded ? t.children.map((s) => e(Ae, {
+      return e.childrenStates.isLoaded ? e.children.map((t) => r(Ne, {
         attrs: {
-          node: s
+          node: t
         },
-        key: s.id
+        key: t.id
       })) : null;
     },
     renderNoChildrenTip() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
+      const {
+        instance: e,
+        node: t
       } = this;
-      return !s.childrenStates.isLoaded || s.children.length ? null : e(v, {
+      return !t.childrenStates.isLoaded || t.children.length ? null : r(_, {
         attrs: {
           type: "no-children",
           icon: "warning"
         }
-      }, [t.noChildrenText]);
+      }, [e.noChildrenText]);
     },
     renderLoadingChildrenTip() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
+      const {
+        instance: e,
+        node: t
       } = this;
-      return s.childrenStates.isLoading ? e(v, {
+      return t.childrenStates.isLoading ? r(_, {
         attrs: {
           type: "loading",
           icon: "loader"
         }
-      }, [t.loadingText]) : null;
+      }, [e.loadingText]) : null;
     },
     renderLoadingChildrenErrorTip() {
-      const e = this.$createElement, {
-        instance: t,
-        node: s
+      const {
+        instance: e,
+        node: t
       } = this;
-      return s.childrenStates.loadingError ? e(v, {
+      return t.childrenStates.loadingError ? r(_, {
         attrs: {
           type: "error",
           icon: "error"
         }
-      }, [s.childrenStates.loadingError, e("a", {
+      }, [t.childrenStates.loadingError, r("a", {
         class: "vue-treeselect__retry",
         attrs: {
-          title: t.retryTitle
+          title: e.retryTitle
         },
         on: {
           mousedown: this.handleMouseDownOnRetry
         }
-      }, [t.retryText])]) : null;
+      }, [e.retryText])]) : null;
     },
     handleMouseEnterOption(e) {
       const {
@@ -2385,21 +2283,21 @@ const Ae = {
       } = this;
       e.target === e.currentTarget && t.setCurrentHighlightedOption(s, !1);
     },
-    handleMouseDownOnArrow: N(function() {
+    handleMouseDownOnArrow: b(function() {
       const {
         instance: t,
         node: s
       } = this;
       t.toggleExpanded(s);
     }),
-    handleMouseDownOnLabelContainer: N(function() {
+    handleMouseDownOnLabelContainer: b(function() {
       const {
         instance: t,
         node: s
       } = this;
       s.isBranch && t.disableBranchNodes ? t.toggleExpanded(s) : t.select(s);
     }),
-    handleMouseDownOnRetry: N(function() {
+    handleMouseDownOnRetry: b(function() {
       const {
         instance: t,
         node: s
@@ -2408,45 +2306,37 @@ const Ae = {
     })
   },
   render() {
-    const e = arguments[0], {
-      node: t
-    } = this, n = {
+    const {
+      node: e
+    } = this, s = {
       "vue-treeselect__list-item": !0,
-      [`vue-treeselect__indent-level-${this.instance.shouldFlattenOptions ? 0 : t.level}`]: !0
-    }, i = {
+      [`vue-treeselect__indent-level-${this.instance.shouldFlattenOptions ? 0 : e.level}`]: !0
+    }, n = {
       props: {
         name: "vue-treeselect__list--transition"
       }
     };
-    return e("div", {
-      class: n
-    }, [this.renderOption(), t.isBranch && e("transition", D([{}, i]), [this.renderSubOptionsList()])]);
+    return r("div", {
+      class: s
+    }, [this.renderOption(), e.isBranch && r("transition", $([{}, n]), [this.renderSubOptionsList()])]);
   }
-};
-let Ns, bs;
-const ge = {};
-var $s = /* @__PURE__ */ f(
-  Ae,
-  Ns,
-  bs,
+}, es = null, ts = null;
+var ss = /* @__PURE__ */ m(
+  Ne,
+  es,
+  ts,
   !1,
-  ws,
+  null,
   null,
   null,
   null
 );
-function ws(e) {
-  for (let t in ge)
-    this[t] = ge[t];
-}
-const Cs = /* @__PURE__ */ function() {
-  return $s.exports;
-}(), Ls = {
+const ns = ss.exports, is = {
   top: "top",
   bottom: "bottom",
   above: "top",
   below: "bottom"
-}, Ms = {
+}, rs = {
   name: "VueTreeSelectMenu",
   inject: ["instance"],
   computed: {
@@ -2486,17 +2376,17 @@ const Cs = /* @__PURE__ */ function() {
   },
   methods: {
     renderMenu() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return t.menu.isOpen ? e("div", {
+      return e.menu.isOpen ? r("div", {
         ref: "menu",
         class: "vue-treeselect__menu",
         on: {
-          mousedown: t.handleMouseDown
+          mousedown: e.handleMouseDown
         },
         style: this.menuStyle
-      }, [this.renderBeforeList(), t.async ? this.renderAsyncSearchMenuInner() : t.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(), this.renderAfterList()]) : null;
+      }, [this.renderBeforeList(), e.async ? this.renderAsyncSearchMenuInner() : e.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(), this.renderAfterList()]) : null;
     },
     renderBeforeList() {
       const {
@@ -2529,99 +2419,99 @@ const Cs = /* @__PURE__ */ function() {
       return s ? this.renderSearchPromptTip() : t.isLoading ? this.renderLoadingOptionsTip() : t.loadingError ? this.renderAsyncSearchLoadingErrorTip() : n ? this.renderNoResultsTip() : this.renderOptionList();
     },
     renderOptionList() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e("div", {
+      return r("div", {
         class: "vue-treeselect__list"
-      }, [t.forest.normalizedOptions.map((s) => e(Cs, {
+      }, [e.forest.normalizedOptions.map((t) => r(ns, {
         attrs: {
-          node: s
+          node: t
         },
-        key: s.id
+        key: t.id
       }))]);
     },
     renderSearchPromptTip() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e(v, {
+      return r(_, {
         attrs: {
           type: "search-prompt",
           icon: "warning"
         }
-      }, [t.searchPromptText]);
+      }, [e.searchPromptText]);
     },
     renderLoadingOptionsTip() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e(v, {
+      return r(_, {
         attrs: {
           type: "loading",
           icon: "loader"
         }
-      }, [t.loadingText]);
+      }, [e.loadingText]);
     },
     renderLoadingRootOptionsErrorTip() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e(v, {
+      return r(_, {
         attrs: {
           type: "error",
           icon: "error"
         }
-      }, [t.rootOptionsStates.loadingError, e("a", {
+      }, [e.rootOptionsStates.loadingError, r("a", {
         class: "vue-treeselect__retry",
         on: {
-          click: t.loadRootOptions
+          click: e.loadRootOptions
         },
         attrs: {
-          title: t.retryTitle
+          title: e.retryTitle
         }
-      }, [t.retryText])]);
+      }, [e.retryText])]);
     },
     renderAsyncSearchLoadingErrorTip() {
-      const e = this.$createElement, {
-        instance: t
-      } = this, s = t.getRemoteSearchEntry();
-      return e(v, {
+      const {
+        instance: e
+      } = this, t = e.getRemoteSearchEntry();
+      return r(_, {
         attrs: {
           type: "error",
           icon: "error"
         }
-      }, [s.loadingError, e("a", {
+      }, [t.loadingError, r("a", {
         class: "vue-treeselect__retry",
         on: {
-          click: t.handleRemoteSearch
+          click: e.handleRemoteSearch
         },
         attrs: {
-          title: t.retryTitle
+          title: e.retryTitle
         }
-      }, [t.retryText])]);
+      }, [e.retryText])]);
     },
     renderNoAvailableOptionsTip() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e(v, {
+      return r(_, {
         attrs: {
           type: "no-options",
           icon: "warning"
         }
-      }, [t.noOptionsText]);
+      }, [e.noOptionsText]);
     },
     renderNoResultsTip() {
-      const e = this.$createElement, {
-        instance: t
+      const {
+        instance: e
       } = this;
-      return e(v, {
+      return r(_, {
         attrs: {
           type: "no-results",
           icon: "warning"
         }
-      }, [t.noResultsText]);
+      }, [e.noResultsText]);
     },
     onMenuOpen() {
       this.adjustMenuOpenDirection(), this.setupMenuSizeWatcher(), this.setupMenuResizeAndScrollEventListeners();
@@ -2635,15 +2525,15 @@ const Cs = /* @__PURE__ */ function() {
       } = this;
       if (!e.menu.isOpen)
         return;
-      const t = e.getMenu(), s = e.getControl(), n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = n.height, r = window.innerHeight, c = i.top, d = window.innerHeight - i.bottom, a = i.top >= 0 && i.top <= r || i.top < 0 && i.bottom > 0, m = d > o + ie, p = c > o + ie;
-      a ? e.openDirection !== "auto" ? e.menu.placement = Ls[e.openDirection] : m || !p ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
+      const t = e.getMenu(), s = e.getControl(), n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), l = n.height, o = window.innerHeight, u = i.top, p = window.innerHeight - i.bottom, c = i.top >= 0 && i.top <= o || i.top < 0 && i.bottom > 0, g = p > l + re, f = u > l + re;
+      c ? e.openDirection !== "auto" ? e.menu.placement = is[e.openDirection] : g || !f ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
     },
     setupMenuSizeWatcher() {
       const {
         instance: e
       } = this, t = e.getMenu();
       this.menuSizeWatcher || (this.menuSizeWatcher = {
-        remove: Ne(t, this.adjustMenuOpenDirection)
+        remove: ue(t, this.adjustMenuOpenDirection)
       });
     },
     setupMenuResizeAndScrollEventListeners() {
@@ -2651,7 +2541,7 @@ const Cs = /* @__PURE__ */ function() {
         instance: e
       } = this, t = e.getControl();
       this.menuResizeAndScrollEventListeners || (this.menuResizeAndScrollEventListeners = {
-        remove: be(t, this.adjustMenuOpenDirection)
+        remove: he(t, this.adjustMenuOpenDirection)
       });
     },
     removeMenuSizeWatcher() {
@@ -2662,37 +2552,28 @@ const Cs = /* @__PURE__ */ function() {
     }
   },
   render() {
-    const e = arguments[0];
-    return e("div", {
+    return r("div", {
       ref: "menu-container",
       class: "vue-treeselect__menu-container",
       style: this.menuContainerStyle
-    }, [e("transition", {
+    }, [r("transition", {
       attrs: {
         name: "vue-treeselect__menu--transition"
       }
     }, [this.renderMenu()])]);
   }
-};
-let xs, Ts;
-const _e = {};
-var Ds = /* @__PURE__ */ f(
-  Ms,
-  xs,
-  Ts,
+}, os = null, ls = null;
+var as = /* @__PURE__ */ m(
+  rs,
+  os,
+  ls,
   !1,
-  Rs,
+  null,
   null,
   null,
   null
 );
-function Rs(e) {
-  for (let t in _e)
-    this[t] = _e[t];
-}
-const Ve = /* @__PURE__ */ function() {
-  return Ds.exports;
-}(), Is = {
+const Ee = as.exports, cs = {
   name: "VueTreeSelectPortalTarget",
   inject: ["instance"],
   watch: {
@@ -2724,7 +2605,7 @@ const Ve = /* @__PURE__ */ function() {
         instance: e
       } = this, t = e.getControl();
       this.controlResizeAndScrollEventListeners || (this.controlResizeAndScrollEventListeners = {
-        remove: be(t, this.updateMenuContainerOffset)
+        remove: he(t, this.updateMenuContainerOffset)
       });
     },
     setupControlSizeWatcher() {
@@ -2732,7 +2613,7 @@ const Ve = /* @__PURE__ */ function() {
         instance: e
       } = this, t = e.getControl();
       this.controlSizeWatcher || (this.controlSizeWatcher = {
-        remove: Ne(t, () => {
+        remove: ue(t, () => {
           this.updateWidth(), this.updateMenuContainerOffset();
         })
       });
@@ -2752,23 +2633,23 @@ const Ve = /* @__PURE__ */ function() {
     updateMenuContainerOffset() {
       const {
         instance: e
-      } = this, t = e.getControl(), s = this.$el, n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), o = e.menu.placement === "bottom" ? n.height : 0, r = `${Math.round(n.left - i.left)}px`, c = `${Math.round(n.top - i.top + o)}px`, d = this.$refs.menu.$refs["menu-container"].style, m = Ce(["transform", "webkitTransform", "MozTransform", "msTransform"], (p) => p in document.body.style);
-      d[m] = `translate(${r}, ${c})`;
+      } = this, t = e.getControl(), s = this.$el, n = t.getBoundingClientRect(), i = s.getBoundingClientRect(), l = e.menu.placement === "bottom" ? n.height : 0, o = `${Math.round(n.left - i.left)}px`, u = `${Math.round(n.top - i.top + l)}px`, p = this.$refs.menu.$refs["menu-container"].style, g = fe(["transform", "webkitTransform", "MozTransform", "msTransform"], (f) => f in document.body.style);
+      p[g] = `translate(${o}, ${u})`;
     }
   },
   render() {
-    const e = arguments[0], {
-      instance: t
-    } = this, s = ["vue-treeselect__portal-target", t.wrapperClass], n = {
-      zIndex: t.zIndex
+    const {
+      instance: e
+    } = this, t = ["vue-treeselect__portal-target", e.wrapperClass], s = {
+      zIndex: e.zIndex
     };
-    return e("div", {
-      class: s,
-      style: n,
+    return r("div", {
+      class: t,
+      style: s,
       attrs: {
-        "data-instance-id": t.getInstanceId()
+        "data-instance-id": e.getInstanceId()
       }
-    }, [e(Ve, {
+    }, [r(Ee, {
       ref: "menu"
     })]);
   },
@@ -2776,8 +2657,8 @@ const Ve = /* @__PURE__ */ function() {
     this.removeHandlers();
   }
 };
-let Q;
-const As = {
+let K;
+const us = {
   name: "VueTreeSelectMenuPortal",
   created() {
     this.portalTarget = null;
@@ -2791,43 +2672,35 @@ const As = {
   methods: {
     setup() {
       const e = document.createElement("div");
-      document.body.appendChild(e), this.portalTarget = new Ue(_({
+      document.body.appendChild(e), this.portalTarget = new xe(v({
         el: e,
         parent: this
-      }, Is));
+      }, cs));
     },
     teardown() {
       document.body.removeChild(this.portalTarget.$el), this.portalTarget.$el.innerHTML = "", this.portalTarget.$destroy(), this.portalTarget = null;
     }
   },
   render() {
-    const e = arguments[0];
-    return Q || (Q = e("div", {
+    return K || (K = r("div", {
       class: "vue-treeselect__menu-placeholder"
-    })), Q;
+    })), K;
   }
-};
-let Vs, Bs;
-const ve = {};
-var zs = /* @__PURE__ */ f(
-  As,
-  Vs,
-  Bs,
+}, hs = null, ds = null;
+var ps = /* @__PURE__ */ m(
+  us,
+  hs,
+  ds,
   !1,
-  Fs,
+  null,
   null,
   null,
   null
 );
-function Fs(e) {
-  for (let t in ve)
-    this[t] = ve[t];
-}
-const ks = /* @__PURE__ */ function() {
-  return zs.exports;
-}(), Hs = {
+const fs = ps.exports;
+const Os = {
   name: "VueTreeSelect",
-  mixins: [dt],
+  mixins: [Ze],
   computed: {
     wrapperClass() {
       return {
@@ -2847,38 +2720,18 @@ const ks = /* @__PURE__ */ function() {
     }
   },
   render() {
-    const e = arguments[0];
-    return e("div", {
+    return r("div", {
       ref: "wrapper",
       class: this.wrapperClass
-    }, [e(St), e(_s, {
+    }, [r(rt), r(Yt, {
       ref: "control"
-    }), this.appendToBody ? e(ks, {
+    }), this.appendToBody ? r(fs, {
       ref: "portal"
-    }) : e(Ve, {
+    }) : r(Ee, {
       ref: "menu"
     })]);
   }
 };
-let Ps, Ws;
-const Se = {};
-var js = /* @__PURE__ */ f(
-  Hs,
-  Ps,
-  Ws,
-  !1,
-  Qs,
-  null,
-  null,
-  null
-);
-function Qs(e) {
-  for (let t in Se)
-    this[t] = Se[t];
-}
-const Gs = /* @__PURE__ */ function() {
-  return js.exports;
-}();
 export {
-  Gs as default
+  Os as default
 };