@vitorfba/vue-treeselect 1.0.5 → 1.0.6

package/dist/vue3-treeselect.js

@@ -1,6 +1,6 @@
-import { createVNode as r, mergeProps as Pe, createElementBlock as U, openBlock as V, createElementVNode as $, normalizeClass as se, renderSlot as je, resolveComponent as P, createTextVNode as K, defineComponent as Ue, createBlock as Qe, Teleport as Ke } from "vue";
+import { createVNode as r, mergeProps as Pe, createElementBlock as U, openBlock as V, createElementVNode as B, normalizeClass as ie, renderSlot as je, resolveComponent as P, createTextVNode as K, defineComponent as Ue, createBlock as Qe, Teleport as Ke } from "vue";
 var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function C(e) {
+function L(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function qe(e, t) {
@@ -18,11 +18,11 @@ function qe(e, t) {
   return !0;
 }
 var Ye = qe;
-const Xe = /* @__PURE__ */ C(Ye);
+const Xe = /* @__PURE__ */ L(Ye);
 function Ge() {
 }
 var Je = Ge;
-const Ze = /* @__PURE__ */ C(Je), y = process.env.NODE_ENV === "production" ? (
+const Ze = /* @__PURE__ */ L(Je), y = process.env.NODE_ENV === "production" ? (
   /* istanbul ignore next */
   Ze
 ) : function(t, n) {
@@ -47,7 +47,7 @@ function tt(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var Ce = tt, nt = typeof F == "object" && F && F.Object === Object && F, st = nt, it = st, rt = typeof self == "object" && self && self.Object === Object && self, ot = it || rt || Function("return this")(), Le = ot, at = Le, lt = function() {
+var Le = tt, nt = typeof F == "object" && F && F.Object === Object && F, st = nt, it = st, rt = typeof self == "object" && self && self.Object === Object && self, ot = it || rt || Function("return this")(), Ce = ot, at = Ce, lt = function() {
   return at.Date.now();
 }, ct = lt, ut = /\s/;
 function ht(e) {
@@ -59,7 +59,7 @@ var dt = ht, ft = dt, pt = /^\s+/;
 function gt(e) {
   return e && e.slice(0, ft(e) + 1).replace(pt, "");
 }
-var mt = gt, vt = Le, St = vt.Symbol, Me = St, ce = Me, Te = Object.prototype, bt = Te.hasOwnProperty, Ot = Te.toString, x = ce ? ce.toStringTag : void 0;
+var mt = gt, vt = Ce, St = vt.Symbol, Me = St, ue = Me, Te = Object.prototype, bt = Te.hasOwnProperty, Ot = Te.toString, x = ue ? ue.toStringTag : void 0;
 function yt(e) {
   var t = bt.call(e, x), n = e[x];
   try {
@@ -74,60 +74,60 @@ var _t = yt, Nt = Object.prototype, Et = Nt.toString;
 function wt(e) {
   return Et.call(e);
 }
-var Ct = wt, ue = Me, Lt = _t, Mt = Ct, Tt = "[object Null]", It = "[object Undefined]", he = ue ? ue.toStringTag : void 0;
+var Lt = wt, he = Me, Ct = _t, Mt = Lt, Tt = "[object Null]", It = "[object Undefined]", de = he ? he.toStringTag : void 0;
 function Dt(e) {
-  return e == null ? e === void 0 ? It : Tt : he && he in Object(e) ? Lt(e) : Mt(e);
+  return e == null ? e === void 0 ? It : Tt : de && de in Object(e) ? Ct(e) : Mt(e);
 }
 var xt = Dt;
 function Rt(e) {
   return e != null && typeof e == "object";
 }
-var At = Rt, Bt = xt, $t = At, Vt = "[object Symbol]";
+var At = Rt, $t = xt, Bt = At, Vt = "[object Symbol]";
 function kt(e) {
-  return typeof e == "symbol" || $t(e) && Bt(e) == Vt;
+  return typeof e == "symbol" || Bt(e) && $t(e) == Vt;
 }
-var zt = kt, Ft = mt, de = Ce, Wt = zt, fe = NaN, Ht = /^[-+]0x[0-9a-f]+$/i, Pt = /^0b[01]+$/i, jt = /^0o[0-7]+$/i, Ut = parseInt;
+var zt = kt, Ft = mt, fe = Le, Ht = zt, pe = NaN, Wt = /^[-+]0x[0-9a-f]+$/i, Pt = /^0b[01]+$/i, jt = /^0o[0-7]+$/i, Ut = parseInt;
 function Qt(e) {
   if (typeof e == "number")
     return e;
-  if (Wt(e))
-    return fe;
-  if (de(e)) {
+  if (Ht(e))
+    return pe;
+  if (fe(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = de(t) ? t + "" : t;
+    e = fe(t) ? t + "" : t;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Ft(e);
   var n = Pt.test(e);
-  return n || jt.test(e) ? Ut(e.slice(2), n ? 2 : 8) : Ht.test(e) ? fe : +e;
+  return n || jt.test(e) ? Ut(e.slice(2), n ? 2 : 8) : Wt.test(e) ? pe : +e;
 }
-var Ie = Qt, Kt = Ce, q = ct, pe = Ie, qt = "Expected a function", Yt = Math.max, Xt = Math.min;
+var Ie = Qt, Kt = Le, q = ct, ge = Ie, qt = "Expected a function", Yt = Math.max, Xt = Math.min;
 function Gt(e, t, n) {
   var s, i, o, a, c, d, f = 0, m = !1, p = !1, v = !0;
   if (typeof e != "function")
     throw new TypeError(qt);
-  t = pe(t) || 0, Kt(n) && (m = !!n.leading, p = "maxWait" in n, o = p ? Yt(pe(n.maxWait) || 0, t) : o, v = "trailing" in n ? !!n.trailing : v);
+  t = ge(t) || 0, Kt(n) && (m = !!n.leading, p = "maxWait" in n, o = p ? Yt(ge(n.maxWait) || 0, t) : o, v = "trailing" in n ? !!n.trailing : v);
   function N(u) {
     var O = s, D = i;
     return s = i = void 0, f = u, a = e.apply(D, O), a;
   }
   function I(u) {
-    return f = u, c = setTimeout(L, t), m ? N(u) : a;
+    return f = u, c = setTimeout(C, t), m ? N(u) : a;
   }
   function k(u) {
-    var O = u - d, D = u - f, le = t - O;
-    return p ? Xt(le, o - D) : le;
+    var O = u - d, D = u - f, ce = t - O;
+    return p ? Xt(ce, o - D) : ce;
   }
   function z(u) {
     var O = u - d, D = u - f;
     return d === void 0 || O >= t || O < 0 || p && D >= o;
   }
-  function L() {
+  function C() {
     var u = q();
     if (z(u))
       return M(u);
-    c = setTimeout(L, k(u));
+    c = setTimeout(C, k(u));
   }
   function M(u) {
     return c = void 0, v && s ? N(u) : (s = i = void 0, a);
@@ -144,14 +144,14 @@ function Gt(e, t, n) {
       if (c === void 0)
         return I(d);
       if (p)
-        return clearTimeout(c), c = setTimeout(L, t), N(d);
+        return clearTimeout(c), c = setTimeout(C, t), N(d);
     }
-    return c === void 0 && (c = setTimeout(L, t)), a;
+    return c === void 0 && (c = setTimeout(C, t)), a;
   }
   return h.cancel = Q, h.flush = l, h;
 }
 var Jt = Gt;
-const Zt = /* @__PURE__ */ C(Jt);
+const Zt = /* @__PURE__ */ L(Jt);
 var en = function(e, t) {
   var n = document.createElement("_"), s = n.appendChild(document.createElement("_")), i = n.appendChild(document.createElement("_")), o = s.appendChild(document.createElement("_")), a = void 0, c = void 0;
   return s.style.cssText = n.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(n), d(), m;
@@ -171,15 +171,15 @@ function De(e, t) {
   const n = e.indexOf(t);
   n !== -1 && e.splice(n, 1);
 }
-let ie;
+let re;
 const j = [], tn = 100;
 function nn() {
-  ie = setInterval(() => {
+  re = setInterval(() => {
     j.forEach(xe);
   }, tn);
 }
 function sn() {
-  clearInterval(ie), ie = null;
+  clearInterval(re), re = null;
 }
 function xe(e) {
   const { $el: t, listener: n, lastWidth: s, lastHeight: i } = e, o = t.offsetWidth, a = t.offsetHeight;
@@ -196,7 +196,7 @@ function rn(e, t) {
   };
   return j.push(n), xe(n), nn(), s;
 }
-function ge(e, t) {
+function me(e, t) {
   const n = document.documentMode === 9;
   let s = !0;
   const a = (n ? rn : en)(e, (...c) => s || t(...c));
@@ -213,7 +213,7 @@ function an(e) {
   const { overflow: t, overflowX: n, overflowY: s } = getComputedStyle(e);
   return /(auto|scroll|overlay)/.test(t + s + n);
 }
-function me(e, t) {
+function ve(e, t) {
   const n = on(e);
   return window.addEventListener("resize", t, { passive: !0 }), n.forEach((s) => {
     s.addEventListener("scroll", t, { passive: !0 });
@@ -229,11 +229,11 @@ function Re(e) {
 function Ae(e) {
   return !!e && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
 }
-var ln = Ie, ve = 1 / 0, cn = 17976931348623157e292;
+var ln = Ie, Se = 1 / 0, cn = 17976931348623157e292;
 function un(e) {
   if (!e)
     return e === 0 ? e : 0;
-  if (e = ln(e), e === ve || e === -ve) {
+  if (e = ln(e), e === Se || e === -Se) {
     var t = e < 0 ? -1 : 1;
     return t * cn;
   }
@@ -258,27 +258,27 @@ function On(e) {
   return bn(2, e);
 }
 var yn = On;
-const _n = /* @__PURE__ */ C(yn);
+const _n = /* @__PURE__ */ L(yn);
 function Nn(e) {
   return e;
 }
 var En = Nn;
-const wn = /* @__PURE__ */ C(En);
-function Cn(e) {
+const wn = /* @__PURE__ */ L(En);
+function Ln(e) {
   return function() {
     return e;
   };
 }
-var Ln = Cn;
-const Se = /* @__PURE__ */ C(Ln), S = () => /* @__PURE__ */ Object.create(null);
-function Be(e) {
+var Cn = Ln;
+const be = /* @__PURE__ */ L(Cn), S = () => /* @__PURE__ */ Object.create(null);
+function $e(e) {
   return e == null || typeof e != "object" ? !1 : Object.getPrototypeOf(e) === Object.prototype;
 }
 function Mn(e, t, n) {
-  Be(n) ? (e[t] || (e[t] = {}), re(e[t], n)) : e[t] = n;
+  $e(n) ? (e[t] || (e[t] = {}), oe(e[t], n)) : e[t] = n;
 }
-function re(e, t) {
-  if (Be(t)) {
+function oe(e, t) {
+  if ($e(t)) {
     const n = Object.keys(t);
     for (let s = 0, i = n.length; s < i; s++)
       Mn(e, n[s], t[n[s]]);
@@ -290,7 +290,7 @@ function Tn(e) {
   return t ? e[t - 1] : void 0;
 }
 var In = Tn;
-const be = /* @__PURE__ */ C(In);
+const Oe = /* @__PURE__ */ L(In);
 function _(e, t) {
   return e.indexOf(t) !== -1;
 }
@@ -304,7 +304,7 @@ function Y(e, t) {
     if (e[n] !== t[n]) return !0;
   return !1;
 }
-const E = null, oe = 0, $e = 1, Ve = 2, T = "ALL_CHILDREN", R = "ALL_DESCENDANTS", A = "LEAF_CHILDREN", B = "LEAF_DESCENDANTS", xn = "LOAD_ROOT_OPTIONS", Rn = "LOAD_CHILDREN_OPTIONS", An = "ASYNC_SEARCH", X = "ALL", W = "BRANCH_PRIORITY", G = "LEAF_PRIORITY", J = "ALL_WITH_INDETERMINATE", Oe = "ORDER_SELECTED", ye = "LEVEL", _e = "INDEX", g = {
+const E = null, ae = 0, Be = 1, Ve = 2, T = "ALL_CHILDREN", R = "ALL_DESCENDANTS", A = "LEAF_CHILDREN", $ = "LEAF_DESCENDANTS", xn = "LOAD_ROOT_OPTIONS", Rn = "LOAD_CHILDREN_OPTIONS", An = "ASYNC_SEARCH", X = "ALL", H = "BRANCH_PRIORITY", G = "LEAF_PRIORITY", J = "ALL_WITH_INDETERMINATE", ye = "ORDER_SELECTED", _e = "LEVEL", Ne = "INDEX", g = {
   BACKSPACE: 8,
   ENTER: 13,
   ESCAPE: 27,
@@ -315,13 +315,13 @@ const E = null, oe = 0, $e = 1, Ve = 2, T = "ALL_CHILDREN", R = "ALL_DESCENDANTS
   ARROW_RIGHT: 39,
   ARROW_DOWN: 40,
   DELETE: 46
-}, Bn = process.env.NODE_ENV === "testing" ? (
+}, $n = process.env.NODE_ENV === "testing" ? (
   /* to speed up unit testing */
   10
 ) : (
   /* istanbul ignore next */
   200
-), Ne = 5, Ee = 40;
+), Ee = 5, Z = 40;
 function ke(e, t) {
   let n = 0;
   do {
@@ -331,10 +331,10 @@ function ke(e, t) {
     n++;
   } while (!0);
 }
-function $n(e, t) {
+function Bn(e, t) {
   return e.level === t.level ? ke(e, t) : e.level - t.level;
 }
-function Z() {
+function ee() {
   return {
     isLoaded: !1,
     isLoading: !1,
@@ -347,7 +347,7 @@ function Vn(e) {
 function we(e, t, n) {
   return e ? Xe(t, n) : _(n, t);
 }
-function H(e) {
+function W(e) {
   return e.message || /* istanbul ignore next */
   String(e);
 }
@@ -454,7 +454,7 @@ const zn = {
      */
     beforeClearAll: {
       type: Function,
-      default: Se(!0)
+      default: be(!0)
     },
     /**
      * Show branch nodes before leaf nodes?
@@ -631,7 +631,7 @@ const zn = {
      */
     matchKeys: {
       type: Array,
-      default: Se(["label"])
+      default: be(["label"])
     },
     /**
      * Sets `maxHeight` style value of the menu.
@@ -790,7 +790,7 @@ const zn = {
       type: String,
       default: T,
       validator(e) {
-        return _([T, R, A, B], e);
+        return _([T, R, A, $], e);
       }
     },
     /**
@@ -809,9 +809,9 @@ const zn = {
      */
     sortValueBy: {
       type: String,
-      default: Oe,
+      default: ye,
       validator(e) {
-        return _([Oe, ye, _e], e);
+        return _([ye, _e, Ne], e);
       }
     },
     /**
@@ -840,9 +840,9 @@ const zn = {
      */
     valueConsistsOf: {
       type: String,
-      default: W,
+      default: H,
       validator(e) {
-        return _([X, W, G, J], e);
+        return _([X, H, G, J], e);
       }
     },
     /**
@@ -896,7 +896,7 @@ const zn = {
         selectedNodeMap: S()
       },
       // States of root options.
-      rootOptionsStates: Z(),
+      rootOptionsStates: ee(),
       localSearch: {
         // Has user entered any query to search local options?
         active: !1,
@@ -926,7 +926,7 @@ const zn = {
       let e;
       if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === X)
         e = this.forest.selectedNodeIds.slice();
-      else if (this.valueConsistsOf === W)
+      else if (this.valueConsistsOf === H)
         e = this.forest.selectedNodeIds.filter((t) => {
           const n = this.getNode(t);
           return n.isRootNode ? !0 : !this.isSelected(n.parentNode);
@@ -944,7 +944,7 @@ const zn = {
           });
         }), e.push(...t);
       }
-      return this.sortValueBy === ye ? e.sort((t, n) => $n(this.getNode(t), this.getNode(n))) : this.sortValueBy === _e && e.sort((t, n) => ke(this.getNode(t), this.getNode(n))), e;
+      return this.sortValueBy === _e ? e.sort((t, n) => Bn(this.getNode(t), this.getNode(n))) : this.sortValueBy === Ne && e.sort((t, n) => ke(this.getNode(t), this.getNode(n))), e;
     },
     /**
      * Has any option been selected?
@@ -1123,7 +1123,7 @@ const zn = {
       let t = [];
       if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === X)
         t = e;
-      else if (this.valueConsistsOf === W)
+      else if (this.valueConsistsOf === H)
         e.forEach((s) => {
           t.push(s);
           const i = this.getNode(s);
@@ -1219,7 +1219,7 @@ const zn = {
           [T]: 0,
           [R]: 0,
           [A]: 0,
-          [B]: 0
+          [$]: 0
         });
       });
       const n = e.trim().toLocaleLowerCase(), s = n.replace(/\s+/g, " ").split(" ");
@@ -1228,7 +1228,7 @@ const zn = {
           (o) => we(!1, o, i.nestedSearchLabel)
         ) : i.isMatched = this.matchKeys.some(
           (o) => we(!this.disableFuzzyMatching, n, i.lowerCased[o])
-        ), i.isMatched && (this.localSearch.noResults = !1, i.ancestors.forEach((o) => this.localSearch.countMap[o.id][R]++), i.isLeaf && i.ancestors.forEach((o) => this.localSearch.countMap[o.id][B]++), i.parentNode !== E && (this.localSearch.countMap[i.parentNode.id][T] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][A] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== E && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
+        ), i.isMatched && (this.localSearch.noResults = !1, i.ancestors.forEach((o) => this.localSearch.countMap[o.id][R]++), i.isLeaf && i.ancestors.forEach((o) => this.localSearch.countMap[o.id][$]++), i.parentNode !== E && (this.localSearch.countMap[i.parentNode.id][T] += 1, i.isLeaf && (this.localSearch.countMap[i.parentNode.id][A] += 1))), (i.isMatched || i.isBranch && i.isExpandedOnSearch) && i.parentNode !== E && (i.parentNode.isExpandedOnSearch = !0, i.parentNode.hasMatchedDescendants = !0);
       }), t();
     },
     handleRemoteSearch() {
@@ -1250,7 +1250,7 @@ const zn = {
           t.isLoaded = !0, t.options = Array.isArray(s) ? s : s || [], this.rootOptionsStates.isLoaded = !0, this.trigger.searchQuery === e && n();
         },
         fail: (s) => {
-          t.loadingError = H(s), this.rootOptionsStates.loadingError = H(s);
+          t.loadingError = W(s), this.rootOptionsStates.loadingError = W(s);
         },
         end: () => {
           t.isLoading = !1, this.rootOptionsStates.isLoading = !1;
@@ -1259,7 +1259,7 @@ const zn = {
     },
     getRemoteSearchEntry() {
       const { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || {
-        ...Z(),
+        ...ee(),
         options: []
       };
       if (this.$watch(
@@ -1327,7 +1327,7 @@ const zn = {
     },
     highlightLastOption() {
       if (!this.hasVisibleOptions) return;
-      const e = be(this.visibleOptionIds);
+      const e = Oe(this.visibleOptionIds);
       this.setCurrentHighlightedOption(this.getNode(e));
     },
     resetSearchQuery() {
@@ -1353,10 +1353,10 @@ const zn = {
       }), this.forest.selectedNodeMap = e;
       const t = S();
       this.multiple && (this.traverseAllNodesByIndex((n) => {
-        t[n.id] = oe;
+        t[n.id] = ae;
       }), this.selectedNodes.forEach((n) => {
         t[n.id] = Ve, !this.flat && !this.disableBranchNodes && n.ancestors.forEach((s) => {
-          this.isSelected(s) || (t[s.id] = $e);
+          this.isSelected(s) || (t[s.id] = Be);
         });
       })), this.forest.checkedStateMap = t;
     },
@@ -1369,19 +1369,19 @@ const zn = {
     normalize(e, t, n) {
       let s = t.map((i) => [this.enhancedNormalizer(i), i]).map(([i, o], a) => {
         this.checkDuplication(i), this.verifyNodeShape(i);
-        const { id: c, label: d, children: f, isDefaultExpanded: m } = i, p = e === E, v = p ? 0 : e.level + 1, N = Array.isArray(f) || f === null, I = !N, k = !!i.isDisabled || !this.flat && !p && e.isDisabled, z = !!i.isUnselectable, L = !!i.isNew, M = this.matchKeys.reduce((h, u) => ({
+        const { id: c, label: d, children: f, isDefaultExpanded: m } = i, p = e === E, v = p ? 0 : e.level + 1, N = Array.isArray(f) || f === null, I = !N, k = !!i.isDisabled || !this.flat && !p && e.isDisabled, z = !!i.isUnselectable, C = !!i.isNew, M = this.matchKeys.reduce((h, u) => ({
           ...h,
           [u]: Vn(i[u]).toLocaleLowerCase()
         }), {}), Q = p ? M.label : e.nestedSearchLabel + " " + M.label;
         this.forest.nodeMap[c] = S();
         const l = this.forest.nodeMap[c];
-        if (l.id = c, l.label = d, l.level = v, l.ancestors = p ? [] : [e].concat(e.ancestors), l.index = (p ? [] : e.index).concat(a), l.parentNode = e, l.lowerCased = M, l.nestedSearchLabel = Q, l.isDisabled = k, l.isUnselectable = z, l.isNew = L, l.isMatched = !1, l.isHighlighted = !1, l.isBranch = N, l.isLeaf = I, l.isRootNode = p, l.raw = o, N) {
+        if (l.id = c, l.label = d, l.level = v, l.ancestors = p ? [] : [e].concat(e.ancestors), l.index = (p ? [] : e.index).concat(a), l.parentNode = e, l.lowerCased = M, l.nestedSearchLabel = Q, l.isDisabled = k, l.isUnselectable = z, l.isNew = C, l.isMatched = !1, l.isHighlighted = !1, l.isBranch = N, l.isLeaf = I, l.isRootNode = p, l.raw = o, N) {
           const h = Array.isArray(f);
-          l.childrenStates = { ...Z(), isLoaded: h }, l.isExpanded = typeof m == "boolean" ? m : v < this.defaultExpandLevel, l.hasMatchedDescendants = !1, l.hasDisabledDescendants = !1, l.isExpandedOnSearch = !1, l.showAllChildrenOnSearch = !1, l.count = {
+          l.childrenStates = { ...ee(), isLoaded: h }, l.isExpanded = typeof m == "boolean" ? m : v < this.defaultExpandLevel, l.hasMatchedDescendants = !1, l.hasDisabledDescendants = !1, l.isExpandedOnSearch = !1, l.showAllChildrenOnSearch = !1, l.count = {
             [T]: 0,
             [R]: 0,
             [A]: 0,
-            [B]: 0
+            [$]: 0
           }, l.children = h ? this.normalize(l, f, n) : [], m === !0 && l.ancestors.forEach((u) => {
             u.isExpanded = !0;
           }), !h && typeof this.loadOptions != "function" ? y(
@@ -1389,7 +1389,7 @@ const zn = {
             () => 'Unloaded branch node detected. "loadOptions" prop is required to load its children.'
           ) : !h && l.isExpanded && this.loadChildrenOptions(l);
         }
-        if (l.ancestors.forEach((h) => h.count[R]++), I && l.ancestors.forEach((h) => h.count[B]++), p || (e.count[T] += 1, I && (e.count[A] += 1), k && (e.hasDisabledDescendants = !0)), n && n[c]) {
+        if (l.ancestors.forEach((h) => h.count[R]++), I && l.ancestors.forEach((h) => h.count[$]++), p || (e.count[T] += 1, I && (e.count[A] += 1), k && (e.hasDisabledDescendants = !0)), n && n[c]) {
           const h = n[c];
           l.isMatched = h.isMatched, l.showAllChildrenOnSearch = h.showAllChildrenOnSearch, l.isHighlighted = h.isHighlighted, h.isBranch && l.isBranch && (l.isExpanded = h.isExpanded, l.isExpandedOnSearch = h.isExpandedOnSearch, h.childrenStates.isLoaded && !l.childrenStates.isLoaded ? l.isExpanded = !1 : l.childrenStates = { ...h.childrenStates });
         }
@@ -1414,7 +1414,7 @@ const zn = {
           });
         },
         fail: (e) => {
-          this.rootOptionsStates.loadingError = H(e);
+          this.rootOptionsStates.loadingError = W(e);
         },
         end: () => {
           this.rootOptionsStates.isLoading = !1;
@@ -1440,7 +1440,7 @@ const zn = {
           this.getNode(t).childrenStates.isLoaded = !0;
         },
         fail: (s) => {
-          this.getNode(t).childrenStates.loadingError = H(s);
+          this.getNode(t).childrenStates.loadingError = W(s);
         },
         end: () => {
           this.getNode(t).childrenStates.isLoading = !1;
@@ -1484,7 +1484,7 @@ const zn = {
       if (this.disabled || e.isDisabled || e.isUnselectable)
         return;
       this.single && this.clear();
-      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === oe : !this.isSelected(e);
+      const t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === ae : !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() {
@@ -1548,7 +1548,7 @@ const zn = {
     removeLastValue() {
       if (!this.hasValue) return;
       if (this.single) return this.clear();
-      const e = be(this.internalValue), t = this.getNode(e);
+      const e = Oe(this.internalValue), t = this.getNode(e);
       this.select(t);
     },
     saveMenuScrollPosition() {
@@ -1573,7 +1573,7 @@ const zn = {
 function Fn(e) {
   return typeof e == "string" ? e : e != null && !Re(e) ? JSON.stringify(e) : "";
 }
-const Wn = {
+const Hn = {
   name: "vue-treeselect--hidden-fields",
   inject: ["instance"],
   render() {
@@ -1589,11 +1589,11 @@ const Wn = {
       key: "hidden-field-" + s
     }, null));
   }
-}, Hn = [g.ENTER, g.END, g.HOME, g.ARROW_LEFT, g.ARROW_UP, g.ARROW_RIGHT, g.ARROW_DOWN], ze = {
+}, Wn = [g.ENTER, g.END, g.HOME, g.ARROW_LEFT, g.ARROW_UP, g.ARROW_RIGHT, g.ARROW_DOWN], ze = {
   name: "vue-treeselect--input",
   inject: ["instance"],
   data: () => ({
-    inputWidth: Ne,
+    inputWidth: Ee,
     value: ""
   }),
   computed: {
@@ -1618,7 +1618,7 @@ const Wn = {
     }
   },
   created() {
-    this.debouncedCallback = Zt(this.updateSearchQuery, Bn, {
+    this.debouncedCallback = Zt(this.updateSearchQuery, $n, {
       leading: !0,
       trailing: !0
     });
@@ -1669,7 +1669,7 @@ const Wn = {
         e.keyCode
       );
       if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
-        if (!t.menu.isOpen && _(Hn, n))
+        if (!t.menu.isOpen && _(Wn, n))
           return e.preventDefault(), t.openMenu();
         switch (n) {
           case g.BACKSPACE: {
@@ -1729,14 +1729,14 @@ const Wn = {
       const {
         instance: e
       } = this, t = {}, n = [];
-      return e.searchable && !e.disabled && (n.push(this.renderInput()), this.needAutoSize && n.push(this.renderSizer())), e.searchable || re(t, {
+      return e.searchable && !e.disabled && (n.push(this.renderInput()), this.needAutoSize && n.push(this.renderSizer())), e.searchable || oe(t, {
         on: {
           focus: this.onFocus,
           blur: this.onBlur,
           keydown: this.onKeyDown
         },
         ref: "input"
-      }), !e.searchable && !e.disabled && re(t, {
+      }), !e.searchable && !e.disabled && oe(t, {
         attrs: {
           tabIndex: e.tabIndex
         }
@@ -1771,7 +1771,7 @@ const Wn = {
       }, [this.value]);
     },
     updateInputWidth() {
-      this.inputWidth = Math.max(Ne, this.$refs.sizer.scrollWidth + 15);
+      this.inputWidth = Math.max(Ee, this.$refs.sizer.scrollWidth + 15);
     },
     updateSearchQuery() {
       const {
@@ -1824,7 +1824,7 @@ const Wn = {
       ref: "input"
     }, null)]);
   }
-}, ae = (e, t) => {
+}, le = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [s, i] of t)
     n[s] = i;
@@ -1837,10 +1837,10 @@ const Wn = {
 };
 function Qn(e, t, n, s, i, o) {
   return V(), U("svg", Un, t[0] || (t[0] = [
-    $("path", { 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" }, null, -1)
+    B("path", { 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" }, null, -1)
   ]));
 }
-const We = /* @__PURE__ */ ae(jn, [["render", Qn]]), Kn = {
+const He = /* @__PURE__ */ le(jn, [["render", Qn]]), Kn = {
   name: "vue-treeselect--multi-value-item",
   inject: ["instance"],
   props: {
@@ -1878,7 +1878,7 @@ const We = /* @__PURE__ */ ae(jn, [["render", Qn]]), Kn = {
       class: "vue-treeselect__multi-value-label"
     }, [i]), r("span", {
       class: "vue-treeselect__icon vue-treeselect__value-remove"
-    }, [r(We, null, null)])])]);
+    }, [r(He, null, null)])])]);
   }
 }, qn = {
   name: "vue-treeselect--multi-value",
@@ -1927,10 +1927,10 @@ const We = /* @__PURE__ */ ae(jn, [["render", Qn]]), Kn = {
 };
 function Gn(e, t, n, s, i, o) {
   return V(), U("svg", Xn, t[0] || (t[0] = [
-    $("path", { 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" }, null, -1)
+    B("path", { 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" }, null, -1)
   ]));
 }
-const He = /* @__PURE__ */ ae(Yn, [["render", Gn]]), Jn = {
+const We = /* @__PURE__ */ le(Yn, [["render", Gn]]), Jn = {
   name: "vue-treeselect--control",
   inject: ["instance"],
   computed: {
@@ -1976,7 +1976,7 @@ const He = /* @__PURE__ */ ae(Yn, [["render", Gn]]), Jn = {
         class: "vue-treeselect__x-container",
         title: t,
         onMousedown: this.handleMouseDownOnX
-      }, [r(We, {
+      }, [r(He, {
         class: "vue-treeselect__x"
       }, null)]) : null;
     },
@@ -1990,7 +1990,7 @@ const He = /* @__PURE__ */ ae(Yn, [["render", Gn]]), Jn = {
       return this.shouldShowArrow ? r("div", {
         class: "vue-treeselect__control-arrow-container",
         onMousedown: this.handleMouseDownOnArrow
-      }, [r(He, {
+      }, [r(We, {
         class: t
       }, null)]) : null;
     },
@@ -2044,20 +2044,20 @@ const He = /* @__PURE__ */ ae(Yn, [["render", Gn]]), Jn = {
   },
   setup(e) {
     return (t, n) => (V(), U("div", {
-      class: se(`vue-treeselect__tip vue-treeselect__${e.type}-tip`)
+      class: ie(`vue-treeselect__tip vue-treeselect__${e.type}-tip`)
     }, [
-      $("div", Zn, [
-        $("span", {
-          class: se(`vue-treeselect__icon-${e.icon}`)
+      B("div", Zn, [
+        B("span", {
+          class: ie(`vue-treeselect__icon-${e.icon}`)
         }, null, 2)
       ]),
-      $("span", es, [
+      B("span", es, [
         je(t.$slots, "default")
       ])
     ], 2));
   }
 });
-let ee, te, ne;
+let te, ne, se;
 const ts = {
   name: "vue-treeselect--option",
   inject: ["instance"],
@@ -2124,15 +2124,15 @@ const ts = {
           onMousedown: this.handleMouseDownOnArrow
         }, [r("div", {
           name: "vue-treeselect__option-arrow--prepare"
-        }, [r(He, {
+        }, [r(We, {
           class: n
         }, null)])]);
       }
       return (
         /*node.isLeaf && */
-        e.hasBranchNodes ? (ee || (ee = r("div", {
+        e.hasBranchNodes ? (te || (te = r("div", {
           class: "vue-treeselect__option-arrow-placeholder"
-        }, [K(" ")])), ee) : null
+        }, [K(" ")])), te) : null
       );
     },
     renderLabelContainer(e) {
@@ -2157,18 +2157,18 @@ const ts = {
       } = this, n = e.forest.checkedStateMap[t.id], s = {
         "vue-treeselect__checkbox": !0,
         "vue-treeselect__checkbox--checked": n === Ve,
-        "vue-treeselect__checkbox--indeterminate": n === $e,
-        "vue-treeselect__checkbox--unchecked": n === oe,
+        "vue-treeselect__checkbox--indeterminate": n === Be,
+        "vue-treeselect__checkbox--unchecked": n === ae,
         "vue-treeselect__checkbox--disabled": t.isDisabled,
         "vue-treeselect__checkbox--unselectable": t.isUnselectable
       };
-      return te || (te = r("span", {
+      return ne || (ne = r("span", {
         class: "vue-treeselect__check-mark"
-      }, null)), ne || (ne = r("span", {
+      }, null)), se || (se = r("span", {
         class: "vue-treeselect__minus-mark"
       }, null)), r("span", {
         class: s
-      }, [te, ne]);
+      }, [ne, se]);
     },
     renderLabel() {
       const {
@@ -2289,7 +2289,8 @@ const ts = {
       controlResizeAndScrollEventListeners: null,
       controlSizeWatcher: null,
       menuSizeWatcher: null,
-      menuResizeAndScrollEventListeners: null
+      menuResizeAndScrollEventListeners: null,
+      availableHeight: 1 / 0
     };
   },
   computed: {
@@ -2297,14 +2298,14 @@ const ts = {
       let e = {
         "vue-treeselect__menu-container": !0
       };
-      return this.instance.appendToBody && (e["vue-treeselect__portal-target"] = !0), e;
+      return this.instance.appendToBody && (e["vue-treeselect__portal-target"] = !0, e[this.instance.menu.placement === "top" ? "vue-treeselect--open-above" : "vue-treeselect--open-below"] = !0), e;
     },
     menuStyle() {
       const {
         instance: e
       } = this;
       return {
-        maxHeight: e.maxHeight + "px"
+        maxHeight: Math.min(e.maxHeight, this.availableHeight) + "px"
       };
     },
     menuContainerStyle() {
@@ -2473,15 +2474,17 @@ const ts = {
         instance: e
       } = this;
       if (!e.menu.isOpen) return;
-      const t = e.getMenu(), n = e.getControl(), s = t.getBoundingClientRect(), i = n.getBoundingClientRect(), o = s.height, a = window.innerHeight, c = i.top, d = window.innerHeight - i.bottom, f = i.top >= 0 && i.top <= a || i.top < 0 && i.bottom > 0, m = d > o + Ee, p = c > o + Ee;
-      f ? e.openDirection !== "auto" ? e.menu.placement = ns[e.openDirection] : m || !p ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
+      const t = e.getMenu(), s = e.getControl().getBoundingClientRect(), i = Math.min(e.maxHeight, t.scrollHeight), o = window.innerHeight, a = s.top, c = window.innerHeight - s.bottom, d = s.top >= 0 && s.top <= o || s.top < 0 && s.bottom > 0, f = c > i + Z, m = a > i + Z;
+      d ? e.openDirection !== "auto" ? e.menu.placement = ns[e.openDirection] : f || !m && c >= a ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.closeMenu();
+      const p = e.menu.placement === "top" ? a : c;
+      this.availableHeight = Math.max(p - Z, 100);
     },
     setupMenuSizeWatcher() {
       const {
         instance: e
       } = this, t = e.getMenu();
       this.menuSizeWatcher || (this.menuSizeWatcher = {
-        remove: ge(t, this.adjustMenuOpenDirection)
+        remove: me(t, this.adjustMenuOpenDirection)
       });
     },
     setupMenuResizeAndScrollEventListeners() {
@@ -2489,7 +2492,7 @@ const ts = {
         instance: e
       } = this, t = e.getControl();
       this.menuResizeAndScrollEventListeners || (this.menuResizeAndScrollEventListeners = {
-        remove: me(t, this.adjustMenuOpenDirection)
+        remove: ve(t, this.adjustMenuOpenDirection)
       });
     },
     removeMenuSizeWatcher() {
@@ -2510,7 +2513,7 @@ const ts = {
         instance: e
       } = this, t = e.getControl();
       this.controlResizeAndScrollEventListeners || (this.controlResizeAndScrollEventListeners = {
-        remove: me(t, this.updateMenuContainerOffset)
+        remove: ve(t, this.updateMenuContainerOffset)
       });
     },
     setupControlSizeWatcher() {
@@ -2518,7 +2521,7 @@ const ts = {
         instance: e
       } = this, t = e.getControl();
       this.controlSizeWatcher || (this.controlSizeWatcher = {
-        remove: ge(t, () => {
+        remove: me(t, () => {
           this.updateWidth(), this.updateMenuContainerOffset();
         })
       });
@@ -2540,8 +2543,8 @@ const ts = {
         instance: e
       } = this, t = e.getControl();
       if (t) {
-        const n = t.getBoundingClientRect(), s = Math.round(n.left) + "px", i = Math.round(n.bottom + window.scrollY) + "px", o = this.$refs["menu-container"].style;
-        o.top = i, o.left = s;
+        const n = t.getBoundingClientRect(), s = Math.round(n.left) + "px", i = e.menu.placement === "top" ? n.top : n.bottom, o = Math.round(i + window.scrollY) + "px", a = this.$refs["menu-container"].style;
+        a.top = o, a.left = s;
       }
     }
   },
@@ -2558,7 +2561,7 @@ const ts = {
   name: "vue-treeselect",
   mixins: [zn],
   components: {
-    HiddenFields: Wn,
+    HiddenFields: Hn,
     Control: Jn,
     Menu: ss
   },
@@ -2585,7 +2588,7 @@ function rs(e, t, n, s, i, o) {
   const a = P("HiddenFields"), c = P("Control"), d = P("Menu");
   return V(), U("div", {
     ref: "wrapper",
-    class: se(e.wrapperClass)
+    class: ie(e.wrapperClass)
   }, [
     r(a),
     r(c, { ref: "control" }, null, 512),
@@ -2597,7 +2600,7 @@ function rs(e, t, n, s, i, o) {
     ], 8, ["disabled"]))
   ], 2);
 }
-const as = /* @__PURE__ */ ae(is, [["render", rs]]);
+const as = /* @__PURE__ */ le(is, [["render", rs]]);
 export {
   as as Treeselect,
   as as default

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vitorfba/vue-treeselect",
   "author": "vitorfba",
   "license": "MIT",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Tree select hierarchical component for vue 3 (compat).",
   "type": "module",
   "exports": {