treeselectjs 0.12.3 → 0.13.0

package/dist/treeselectjs.mjs

@@ -1,11 +1,11 @@
 var Xt = Object.defineProperty;
-var ke = (l) => {
-  throw TypeError(l);
+var we = (i) => {
+  throw TypeError(i);
 };
-var Jt = (l, e, t) => e in l ? Xt(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var r = (l, e, t) => Jt(l, typeof e != "symbol" ? e + "" : e, t), le = (l, e, t) => e.has(l) || ke("Cannot " + t);
-var n = (l, e, t) => (le(l, e, "read from private field"), t ? t.call(l) : e.get(l)), C = (l, e, t) => e.has(l) ? ke("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(l) : e.set(l, t), b = (l, e, t, s) => (le(l, e, "write to private field"), s ? s.call(l, t) : e.set(l, t), t), o = (l, e, t) => (le(l, e, "access private method"), t);
-const we = {
+var Zt = (i, e, t) => e in i ? Xt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var c = (i, e, t) => Zt(i, typeof e != "symbol" ? e + "" : e, t), ie = (i, e, t) => e.has(i) || we("Cannot " + t);
+var n = (i, e, t) => (ie(i, e, "read from private field"), t ? t.call(i) : e.get(i)), g = (i, e, t) => e.has(i) ? we("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), b = (i, e, t, s) => (ie(i, e, "write to private field"), s ? s.call(i, t) : e.set(i, t), t), a = (i, e, t) => (ie(i, e, "access private method"), t);
+const ke = {
   arrowUp: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>',
   arrowDown: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>',
   arrowRight: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>',
@@ -14,149 +14,157 @@ const we = {
   cross: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',
   check: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',
   partialCheck: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'
-}, B = (l, e) => {
-  if (e.innerHTML = "", typeof l == "string")
-    e.innerHTML = l;
+}, O = (i, e) => {
+  if (e.innerHTML = "", typeof i == "string")
+    e.innerHTML = i;
   else {
-    const t = l.cloneNode(!0);
+    const t = i.cloneNode(!0);
     e.appendChild(t);
   }
-}, Ee = (l) => {
-  const e = l ? { ...l } : {};
-  return Object.keys(we).forEach((t) => {
-    e[t] || (e[t] = we[t]);
+}, Le = (i) => {
+  const e = i ? { ...i } : {};
+  return Object.keys(ke).forEach((t) => {
+    e[t] || (e[t] = ke[t]);
   }), e;
-}, Zt = (l) => l.reduce((e, { name: t }, s) => (e += t, s < l.length - 1 && (e += ", "), e), "");
-var P, y, F, x, h, ye, $, xe, Se, W, G, _e, Ae, Ne, Te, Oe, Ie, Pe, Be, Ve, De, He, Ge, Fe, Me, qe, je, ne;
+}, Jt = (i) => i.reduce((e, { name: t }, s) => (e += t, s < i.length - 1 && (e += ", "), e), "");
+var _, S, D, x, d, xe, j, ye, Te, U, V, Ae, Ie, Ne, _e, Oe, He, Pe, Be, Ve, De, Ge, Me, Fe, Re, $e, We, le;
 class Qt {
   constructor({
     value: e,
     showTags: t,
     tagsCountText: s,
-    clearable: i,
-    isAlwaysOpened: a,
+    clearable: l,
+    isAlwaysOpened: r,
     searchable: u,
-    placeholder: p,
-    disabled: w,
-    isSingleSelect: g,
-    id: k,
-    ariaLabel: E,
-    iconElements: v,
+    placeholder: f,
+    disabled: v,
+    isSingleSelect: k,
+    id: E,
+    ariaLabel: C,
+    iconElements: w,
     inputCallback: L,
-    searchCallback: _,
-    openCallback: O,
-    closeCallback: V,
-    keydownCallback: R,
-    focusCallback: Y,
-    blurCallback: se,
-    nameChangeCallback: ie
+    searchCallback: T,
+    openCallback: N,
+    closeCallback: H,
+    keydownCallback: W,
+    focusCallback: F,
+    blurCallback: te,
+    nameChangeCallback: se
   }) {
-    C(this, h);
+    g(this, d);
     // Props
-    r(this, "value");
-    r(this, "showTags");
-    r(this, "tagsCountText");
-    r(this, "clearable");
-    r(this, "isAlwaysOpened");
-    r(this, "searchable");
-    r(this, "placeholder");
-    r(this, "disabled");
-    r(this, "isSingleSelect");
-    r(this, "id");
-    r(this, "ariaLabel");
-    r(this, "iconElements");
+    c(this, "value");
+    c(this, "showTags");
+    c(this, "tagsCountText");
+    c(this, "clearable");
+    c(this, "isAlwaysOpened");
+    c(this, "searchable");
+    c(this, "placeholder");
+    c(this, "disabled");
+    c(this, "isSingleSelect");
+    c(this, "id");
+    c(this, "ariaLabel");
+    c(this, "iconElements");
     // InnerState
-    r(this, "isOpened");
-    r(this, "searchText");
-    r(this, "srcElement");
+    c(this, "isOpened");
+    c(this, "searchText");
+    c(this, "srcElement");
     // PrivateInnerState
-    C(this, P);
-    C(this, y);
-    C(this, F);
-    C(this, x);
+    g(this, _);
+    g(this, S);
+    g(this, D);
+    g(this, x);
     // Callbacks
-    r(this, "inputCallback");
-    r(this, "searchCallback");
-    r(this, "openCallback");
-    r(this, "closeCallback");
-    r(this, "keydownCallback");
-    r(this, "focusCallback");
-    r(this, "blurCallback");
-    r(this, "nameChangeCallback");
-    this.value = e, this.showTags = t, this.tagsCountText = s, this.searchable = u, this.placeholder = p, this.clearable = i, this.isAlwaysOpened = a, this.disabled = w, this.isSingleSelect = g, this.id = k, this.ariaLabel = E, this.iconElements = v, this.isOpened = !1, this.searchText = "", b(this, P, o(this, h, Ne).call(this)), b(this, y, o(this, h, Ve).call(this)), b(this, F, o(this, h, Ge).call(this)), b(this, x, null), this.inputCallback = L, this.searchCallback = _, this.openCallback = O, this.closeCallback = V, this.keydownCallback = R, this.focusCallback = Y, this.blurCallback = se, this.nameChangeCallback = ie, this.srcElement = o(this, h, _e).call(this, n(this, P), n(this, y), n(this, F)), o(this, h, ye).call(this);
+    c(this, "inputCallback");
+    c(this, "searchCallback");
+    c(this, "openCallback");
+    c(this, "closeCallback");
+    c(this, "keydownCallback");
+    c(this, "focusCallback");
+    c(this, "blurCallback");
+    c(this, "nameChangeCallback");
+    this.value = e, this.showTags = t, this.tagsCountText = s, this.searchable = u, this.placeholder = f, this.clearable = l, this.isAlwaysOpened = r, this.disabled = v, this.isSingleSelect = k, this.id = E, this.ariaLabel = C, this.iconElements = w, this.isOpened = !1, this.searchText = "", b(this, _, a(this, d, Ne).call(this)), b(this, S, a(this, d, Ve).call(this)), b(this, D, a(this, d, Me).call(this)), b(this, x, null), this.inputCallback = L, this.searchCallback = T, this.openCallback = N, this.closeCallback = H, this.keydownCallback = W, this.focusCallback = F, this.blurCallback = te, this.nameChangeCallback = se, this.srcElement = a(this, d, Ae).call(this, {
+      htmlTagsSection: n(this, _),
+      htmlEditControl: n(this, S),
+      htmlOperators: n(this, D)
+    }), a(this, d, xe).call(this);
   }
   // Public methods
   focus() {
-    setTimeout(() => n(this, y).focus(), 0);
+    setTimeout(() => n(this, S).focus(), 0);
   }
   blur() {
-    this.isOpened && o(this, h, G).call(this), this.clearSearch(), n(this, y).blur();
+    this.isOpened && a(this, d, V).call(this), this.clearSearch(), n(this, S).blur();
   }
   updateValue(e) {
-    this.value = e, o(this, h, $).call(this), o(this, h, W).call(this);
+    this.value = e, a(this, d, j).call(this), a(this, d, U).call(this);
   }
   removeItem(e) {
-    this.value = this.value.filter((t) => t.id !== e), o(this, h, ne).call(this), o(this, h, $).call(this), o(this, h, W).call(this);
+    this.value = this.value.filter((t) => t.id !== e), a(this, d, le).call(this), a(this, d, j).call(this), a(this, d, U).call(this);
   }
   clear() {
-    this.value = [], o(this, h, ne).call(this), o(this, h, $).call(this), this.clearSearch();
+    this.value = [], a(this, d, le).call(this), a(this, d, j).call(this), this.clearSearch();
   }
   openClose() {
-    o(this, h, G).call(this);
+    a(this, d, V).call(this);
   }
   clearSearch() {
-    this.searchText = "", this.searchCallback(""), o(this, h, W).call(this);
+    this.searchText = "", this.searchCallback(""), a(this, d, U).call(this);
   }
 }
-P = new WeakMap(), y = new WeakMap(), F = new WeakMap(), x = new WeakMap(), h = new WeakSet(), // Private methods
-ye = function() {
-  o(this, h, $).call(this), o(this, h, W).call(this), o(this, h, xe).call(this);
-}, $ = function() {
-  if (n(this, P).innerHTML = "", this.showTags) {
-    n(this, P).append(...o(this, h, Te).call(this));
-    const e = Zt(this.value);
+_ = new WeakMap(), S = new WeakMap(), D = new WeakMap(), x = new WeakMap(), d = new WeakSet(), // Private methods
+xe = function() {
+  a(this, d, j).call(this), a(this, d, U).call(this), a(this, d, ye).call(this);
+}, j = function() {
+  if (n(this, _).innerHTML = "", this.showTags) {
+    n(this, _).append(...a(this, d, _e).call(this));
+    const e = Jt(this.value);
     this.nameChangeCallback(e);
   } else {
-    const e = o(this, h, Be).call(this);
-    n(this, P).appendChild(e), this.nameChangeCallback(e.innerText);
+    const e = a(this, d, Be).call(this);
+    n(this, _).appendChild(e), this.nameChangeCallback(e.innerText);
   }
-  n(this, P).appendChild(n(this, y));
-}, xe = function() {
+  n(this, _).appendChild(n(this, S));
+}, ye = function() {
   const e = [];
-  n(this, F).innerHTML = "", this.clearable && e.push(o(this, h, Fe).call(this)), this.isAlwaysOpened || e.push(o(this, h, qe).call(this, this.isOpened)), e.length && n(this, F).append(...e);
-}, Se = function() {
+  n(this, D).innerHTML = "", this.clearable && e.push(a(this, d, Fe).call(this)), this.isAlwaysOpened || e.push(a(this, d, $e).call(this, this.isOpened)), e.length && n(this, D).append(...e);
+}, Te = function() {
   if (!this.isAlwaysOpened && n(this, x)) {
     const e = this.isOpened ? this.iconElements.arrowUp : this.iconElements.arrowDown;
-    B(e, n(this, x));
+    O(e, n(this, x));
   }
-}, W = function() {
+}, U = function() {
   var e;
-  (e = this.value) != null && e.length ? (n(this, y).removeAttribute("placeholder"), this.srcElement.classList.remove("treeselect-input--value-not-selected")) : (n(this, y).setAttribute("placeholder", this.placeholder), this.srcElement.classList.add("treeselect-input--value-not-selected")), this.searchable ? this.srcElement.classList.remove("treeselect-input--unsearchable") : this.srcElement.classList.add("treeselect-input--unsearchable"), this.isSingleSelect ? this.srcElement.classList.add("treeselect-input--is-single-select") : this.srcElement.classList.remove("treeselect-input--is-single-select"), n(this, y).value = this.searchText;
-}, G = function() {
-  this.isOpened = !this.isOpened, o(this, h, Se).call(this), this.isOpened ? this.openCallback() : this.closeCallback();
-}, _e = function(e, t, s) {
-  const i = document.createElement("div");
-  return i.classList.add("treeselect-input"), i.setAttribute("tabindex", "-1"), i.addEventListener("mousedown", (a) => o(this, h, Ae).call(this, a)), i.addEventListener("focus", () => this.focusCallback(), !0), i.addEventListener("blur", () => this.blurCallback(), !0), e.appendChild(t), i.append(e, s), i;
-}, Ae = function(e) {
-  e.stopPropagation(), this.isOpened || o(this, h, G).call(this), this.focus();
+  (e = this.value) != null && e.length ? (n(this, S).removeAttribute("placeholder"), this.srcElement.classList.remove("treeselect-input--value-not-selected")) : (n(this, S).setAttribute("placeholder", this.placeholder), this.srcElement.classList.add("treeselect-input--value-not-selected")), this.searchable ? this.srcElement.classList.remove("treeselect-input--unsearchable") : this.srcElement.classList.add("treeselect-input--unsearchable"), this.isSingleSelect ? this.srcElement.classList.add("treeselect-input--is-single-select") : this.srcElement.classList.remove("treeselect-input--is-single-select"), n(this, S).value = this.searchText;
+}, V = function() {
+  this.isOpened = !this.isOpened, a(this, d, Te).call(this), this.isOpened ? this.openCallback() : this.closeCallback();
+}, Ae = function({
+  htmlTagsSection: e,
+  htmlEditControl: t,
+  htmlOperators: s
+}) {
+  const l = document.createElement("div");
+  return l.classList.add("treeselect-input"), l.setAttribute("tabindex", "-1"), l.addEventListener("mousedown", (r) => a(this, d, Ie).call(this, r)), l.addEventListener("focus", () => this.focusCallback(), !0), l.addEventListener("blur", () => this.blurCallback(), !0), e.appendChild(t), l.append(e, s), l;
+}, Ie = function(e) {
+  e.stopPropagation(), this.isOpened || a(this, d, V).call(this), this.focus();
 }, Ne = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__tags"), e;
-}, Te = function() {
+}, _e = function() {
   return this.value.map((e) => {
     const t = document.createElement("div");
     t.classList.add("treeselect-input__tags-element"), t.setAttribute("tabindex", "-1"), t.setAttribute("tag-id", e.id.toString()), t.setAttribute("title", e.name);
-    const s = o(this, h, Ie).call(this, e.name), i = o(this, h, Pe).call(this);
-    return t.addEventListener("mousedown", (a) => o(this, h, Oe).call(this, a, e.id)), t.append(s, i), t;
+    const s = a(this, d, He).call(this, e.name), l = a(this, d, Pe).call(this);
+    return t.addEventListener("mousedown", (r) => a(this, d, Oe).call(this, r, e.id)), t.append(s, l), t;
   });
 }, Oe = function(e, t) {
   e.preventDefault(), e.stopPropagation(), this.removeItem(t), this.focus();
-}, Ie = function(e) {
+}, He = function(e) {
   const t = document.createElement("span");
   return t.classList.add("treeselect-input__tags-name"), t.textContent = e, t;
 }, Pe = function() {
   const e = document.createElement("span");
-  return e.classList.add("treeselect-input__tags-cross"), B(this.iconElements.cross, e), e;
+  return e.classList.add("treeselect-input__tags-cross"), O(this.iconElements.cross, e), e;
 }, Be = function() {
   const e = document.createElement("span");
   if (e.classList.add("treeselect-input__tags-count"), !this.value.length)
@@ -165,374 +173,569 @@ ye = function() {
   return e.textContent = t, e.setAttribute("title", t), e;
 }, Ve = function() {
   const e = document.createElement("input");
-  return e.classList.add("treeselect-input__edit"), this.id && e.setAttribute("id", this.id), (!this.searchable || this.disabled) && e.setAttribute("readonly", "readonly"), this.disabled && e.setAttribute("tabindex", "-1"), this.ariaLabel.length && e.setAttribute("aria-label", this.ariaLabel), e.addEventListener("keydown", (t) => o(this, h, De).call(this, t)), e.addEventListener("input", (t) => o(this, h, He).call(this, t, e)), e;
+  return e.classList.add("treeselect-input__edit"), this.id && e.setAttribute("id", this.id), (!this.searchable || this.disabled) && e.setAttribute("readonly", "readonly"), this.disabled && e.setAttribute("tabindex", "-1"), this.ariaLabel.length && e.setAttribute("aria-label", this.ariaLabel), e.addEventListener("keydown", (t) => a(this, d, De).call(this, t)), e.addEventListener("input", (t) => a(this, d, Ge).call(this, t, e)), e;
 }, De = function(e) {
   e.stopPropagation();
   const t = e.key;
-  t === "Backspace" && !this.searchText.length && this.value.length && !this.showTags && this.clear(), t === "Backspace" && !this.searchText.length && this.value.length && this.removeItem(this.value[this.value.length - 1].id), e.code === "Space" && (!this.searchText || !this.searchable) && o(this, h, G).call(this), (t === "Enter" || t === "ArrowDown" || t === "ArrowUp") && e.preventDefault(), this.keydownCallback(e), t !== "Tab" && this.focus();
-}, He = function(e, t) {
+  t === "Backspace" && !this.searchText.length && this.value.length && !this.showTags && this.clear(), t === "Backspace" && !this.searchText.length && this.value.length && this.removeItem(this.value[this.value.length - 1].id), e.code === "Space" && (!this.searchText || !this.searchable) && a(this, d, V).call(this), (t === "Enter" || t === "ArrowDown" || t === "ArrowUp") && e.preventDefault(), this.keydownCallback(e), t !== "Tab" && this.focus();
+}, Ge = function(e, t) {
   e.stopPropagation();
-  const s = this.searchText, i = t.value.trim();
-  if (s.length === 0 && i.length === 0) {
+  const s = this.searchText, l = t.value.trim();
+  if (s.length === 0 && l.length === 0) {
     t.value = "";
     return;
   }
   if (this.searchable) {
-    const a = e.target.value;
-    this.searchCallback(a), this.isOpened || o(this, h, G).call(this);
+    const r = e.target.value;
+    this.searchCallback(r), this.isOpened || a(this, d, V).call(this);
   } else
     t.value = "";
   this.searchText = t.value;
-}, Ge = function() {
+}, Me = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__operators"), e;
 }, Fe = function() {
   const e = document.createElement("span");
-  return e.classList.add("treeselect-input__clear"), e.setAttribute("tabindex", "-1"), B(this.iconElements.clear, e), e.addEventListener("mousedown", (t) => o(this, h, Me).call(this, t)), e;
-}, Me = function(e) {
+  return e.classList.add("treeselect-input__clear"), e.setAttribute("tabindex", "-1"), O(this.iconElements.clear, e), e.addEventListener("mousedown", (t) => a(this, d, Re).call(this, t)), e;
+}, Re = function(e) {
   e.preventDefault(), e.stopPropagation(), (this.searchText.length || this.value.length) && this.clear(), this.focus();
-}, qe = function(e) {
+}, $e = function(e) {
   b(this, x, document.createElement("span")), n(this, x).classList.add("treeselect-input__arrow");
   const t = e ? this.iconElements.arrowUp : this.iconElements.arrowDown;
-  return B(t, n(this, x)), n(this, x).addEventListener("mousedown", (s) => o(this, h, je).call(this, s)), n(this, x);
-}, je = function(e) {
-  e.stopPropagation(), e.preventDefault(), this.focus(), o(this, h, G).call(this);
+  return O(t, n(this, x)), n(this, x).addEventListener("mousedown", (s) => a(this, d, We).call(this, s)), n(this, x);
+}, We = function(e) {
+  e.stopPropagation(), e.preventDefault(), this.focus(), a(this, d, V).call(this);
 }, // Emits
-ne = function() {
+le = function() {
   this.inputCallback(this.value);
 };
-const Re = (l, e, t, s) => {
+const je = ({
+  newValue: i,
+  optionsTreeMap: e,
+  isSingleSelect: t,
+  isIndependentNodes: s
+}) => {
   is(e);
-  const i = e.filter((a) => !a.disabled && l.some((u) => u === a.id));
-  if (t && i.length) {
-    i[0].checked = !0;
+  const l = i.map((u) => e.get(u) ?? null).filter((u) => u !== null && !u.disabled), [r] = l;
+  if (t && l.length && r) {
+    r.checked = !0;
     return;
   }
-  i.forEach((a) => {
-    a.checked = !0;
-    const u = be(a, e, s);
-    a.checked = u;
+  l.forEach((u) => {
+    u.checked = !0;
+    const f = Ce({
+      option: u,
+      optionsTreeMap: e,
+      isIndependentNodes: s
+    });
+    u.checked = f;
   });
-}, be = ({ id: l, checked: e }, t, s) => {
-  const i = t.find((u) => u.id === l);
-  if (!i)
+}, Ce = ({
+  option: { id: i, checked: e },
+  optionsTreeMap: t,
+  isIndependentNodes: s
+}) => {
+  const l = t.get(i) ?? null;
+  if (l === null)
     return !1;
   if (s)
-    return i.checked = i.disabled ? !1 : !!e, i.checked;
-  const a = $e(!!e, i, t);
-  return We(i, t), a;
-}, $e = (l, e, t) => {
+    return l.checked = !l.disabled && e, l.checked;
+  const r = Ue({
+    checked: e,
+    currentOption: l,
+    optionsTreeMap: t
+  });
+  return ze({
+    childOption: l,
+    optionsTreeMap: t
+  }), r;
+}, Ue = ({
+  checked: i,
+  currentOption: e,
+  optionsTreeMap: t
+}) => {
   if (!e.isGroup)
-    return e.checked = e.disabled ? !1 : !!l, e.isPartialChecked = !1, e.checked;
-  const s = t.filter((p) => p.childOf === e.id);
-  return !l || e.disabled || e.isPartialChecked ? (e.checked = !1, e.isPartialChecked = !1, ae(e, s, t), e.checked) : Ue(s, t) ? ze(s) ? (e.checked = !1, e.isPartialChecked = !1, e.disabled = !0, e.checked) : (e.checked = !1, e.isPartialChecked = !0, s.forEach((p) => {
-    $e(l, p, t);
-  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, ae(e, s, t), e.checked);
-}, We = (l, e) => {
-  const t = e.find((s) => s.id === l.childOf);
-  t && (es(t, e), We(t, e));
-}, es = (l, e) => {
-  const t = ee(l, e);
-  if (ze(t)) {
-    l.checked = !1, l.isPartialChecked = !1, l.disabled = !0;
+    return e.checked = !e.disabled && i, e.isPartialChecked = !1, e.checked;
+  const s = K({ id: e.id, optionsTreeMap: t });
+  return !i || e.disabled || e.isPartialChecked ? (e.checked = !1, e.isPartialChecked = !1, ne({
+    option: e,
+    children: s,
+    optionsTreeMap: t
+  }), e.checked) : Ye({
+    children: s,
+    optionsTreeMap: t
+  }) ? qe(s) ? (e.checked = !1, e.isPartialChecked = !1, e.disabled = !0, e.checked) : (e.checked = !1, e.isPartialChecked = !0, s.forEach((f) => {
+    Ue({
+      checked: i,
+      currentOption: f,
+      optionsTreeMap: t
+    });
+  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, ne({
+    option: e,
+    children: s,
+    optionsTreeMap: t
+  }), e.checked);
+}, ze = ({
+  childOption: i,
+  optionsTreeMap: e
+}) => {
+  const t = e.get(i.childOf) ?? null;
+  t !== null && (es({ parentOption: t, optionsTreeMap: e }), ze({
+    childOption: t,
+    optionsTreeMap: e
+  }));
+}, es = ({
+  parentOption: i,
+  optionsTreeMap: e
+}) => {
+  const t = K({ id: i.id, optionsTreeMap: e });
+  if (qe(t)) {
+    i.checked = !1, i.isPartialChecked = !1, i.disabled = !0;
     return;
   }
   if (ts(t)) {
-    l.checked = !0, l.isPartialChecked = !1;
+    i.checked = !0, i.isPartialChecked = !1;
     return;
   }
   if (ss(t)) {
-    l.checked = !1, l.isPartialChecked = !0;
+    i.checked = !1, i.isPartialChecked = !0;
     return;
   }
-  l.checked = !1, l.isPartialChecked = !1;
-}, ae = ({ checked: l, disabled: e }, t, s) => {
-  t.forEach((i) => {
-    i.disabled = !!e || !!i.disabled, i.checked = !!l && !i.disabled, i.isPartialChecked = !1;
-    const a = ee(i, s);
-    ae({ checked: l, disabled: e }, a, s);
+  i.checked = !1, i.isPartialChecked = !1;
+}, ne = ({
+  option: { checked: i, disabled: e },
+  children: t,
+  optionsTreeMap: s
+}) => {
+  t.forEach((l) => {
+    l.disabled = e || l.disabled, l.checked = i && !l.disabled, l.isPartialChecked = !1;
+    const r = K({ id: l.id, optionsTreeMap: s });
+    ne({
+      option: { checked: i, disabled: e },
+      children: r,
+      optionsTreeMap: s
+    });
   });
-}, Ue = (l, e) => l.some((i) => i.disabled) ? !0 : l.some((i) => {
-  if (i.isGroup) {
-    const a = ee(i, e);
-    return Ue(a, e);
-  }
-  return !1;
-}), ze = (l) => l.every((e) => !!e.disabled), ts = (l) => l.every((e) => !!e.checked), ss = (l) => l.some((e) => !!e.checked || !!e.isPartialChecked), is = (l) => {
-  l.forEach((e) => {
+}, Ye = ({
+  children: i,
+  optionsTreeMap: e
+}) => i.some((s) => s.disabled) ? !0 : i.some((s) => {
+  if (!s.isGroup)
+    return !1;
+  const l = K({ id: s.id, optionsTreeMap: e });
+  return Ye({ children: l, optionsTreeMap: e });
+}), qe = (i) => i.every((e) => !!e.disabled), ts = (i) => i.every((e) => e.checked), ss = (i) => i.some((e) => e.checked || e.isPartialChecked), is = (i) => {
+  i.forEach((e) => {
     e.checked = !1, e.isPartialChecked = !1;
   });
-}, ls = (l, e, t) => {
-  const s = { level: 0, groupId: "" }, i = Ye(l, e, s.groupId, s.level);
-  return as(i, t);
-}, Ye = (l, e, t, s) => l.reduce((i, a) => {
-  var g;
-  const u = !!((g = a.children) != null && g.length), p = s >= e && u, w = s > e;
-  if (i.push({
-    id: a.value,
-    name: a.name,
-    childOf: t,
-    isGroup: u,
-    checked: !1,
-    isPartialChecked: !1,
-    level: s,
-    isClosed: p,
-    hidden: w,
-    disabled: a.disabled ?? !1
-  }), u) {
-    const k = Ye(a.children, e, a.value, s + 1);
-    i.push(...k);
-  }
-  return i;
-}, []), ee = ({ id: l }, e) => e.filter((t) => t.childOf === l), ns = (l) => {
-  const { ungroupedNodes: e, allGroupedNodes: t, allNodes: s } = l.reduce(
-    (a, u) => (u.checked && (a.allNodes.push(u), u.isGroup ? a.allGroupedNodes.push(u) : a.ungroupedNodes.push(u)), a),
-    {
-      ungroupedNodes: [],
-      allGroupedNodes: [],
-      allNodes: []
-    }
-  ), i = s.filter((a) => !t.some(({ id: u }) => u === a.childOf));
-  return { ungroupedNodes: e, groupedNodes: i, allNodes: s };
-}, as = (l, e) => (l.filter((s) => !!s.disabled).forEach(
-  ({ id: s }) => be({ id: s, checked: !1 }, l, e)
-), l), te = (l, { id: e, isClosed: t }) => {
-  ee({ id: e }, l).forEach((i) => {
-    i.hidden = t ?? !1, i.isGroup && !i.isClosed && te(l, { id: i.id, isClosed: t });
+}, ls = ({
+  options: i,
+  openLevel: e,
+  isIndependentNodes: t
+}) => {
+  const s = { level: 0, groupId: "" }, l = /* @__PURE__ */ new Map();
+  return Ke({
+    optionsTreeMap: l,
+    options: i,
+    openLevel: e,
+    groupId: s.groupId,
+    level: s.level
+  }), rs({ optionsTreeMap: l, isIndependentNodes: t }), l;
+}, Ke = ({
+  optionsTreeMap: i,
+  options: e,
+  openLevel: t,
+  groupId: s,
+  level: l
+}) => {
+  e.forEach((r) => {
+    var C, w;
+    const u = (((C = r.children) == null ? void 0 : C.length) ?? 0) > 0, f = l >= t && u, v = l > t, k = ((w = r.children) == null ? void 0 : w.map((L) => L.value)) ?? [], E = r.value;
+    i.has(E) && console.error(
+      `Validation: You have duplicated option value: ${E}! You should use unique values. Duplicates will lead to unexpected behavior.`
+    ), i.set(E, {
+      id: E,
+      name: r.name,
+      childOf: s,
+      isGroup: u,
+      checked: !1,
+      isPartialChecked: !1,
+      level: l,
+      isClosed: f,
+      hidden: v,
+      disabled: r.disabled ?? !1,
+      isGroupSelectable: !u || (r.isGroupSelectable ?? !0),
+      children: k,
+      // Html elements will be added during their creation
+      checkboxHtmlElement: null,
+      itemHtmlElement: null,
+      arrowItemHtmlElement: null,
+      checkboxIconHtmlElement: null
+    }), u && Ke({
+      optionsTreeMap: i,
+      options: r.children,
+      openLevel: t,
+      groupId: E,
+      level: l + 1
+    });
   });
-}, os = (l) => {
-  l.filter((e) => e.isGroup && !e.disabled && (e.checked || e.isPartialChecked)).forEach((e) => {
-    e.isClosed = !1, te(l, e);
+}, ns = (i, e) => i === null ? null : e.get(i) ?? e.get(parseInt(i)) ?? null, K = ({
+  id: i,
+  optionsTreeMap: e
+}) => {
+  const t = e.get(i) ?? null;
+  return t === null ? [] : t.children.reduce((s, l) => {
+    const r = e.get(l) ?? null;
+    return r !== null && s.push(r), s;
+  }, []);
+}, as = (i) => {
+  const e = [], t = [], s = [];
+  i.forEach((r) => {
+    r.checked && (s.push(r), r.isGroup ? t.push(r) : e.push(r));
   });
-}, rs = (l, e) => {
-  const t = cs(l, e);
-  l.forEach((s) => {
-    t.some(({ id: a }) => a === s.id) ? (s.isGroup && (s.isClosed = !1, te(l, s)), s.hidden = !1) : s.hidden = !0;
+  const l = s.filter((r) => !t.some(({ id: u }) => u === r.childOf));
+  return { ungroupedNodes: e, groupedNodes: l, allNodes: s };
+}, rs = ({
+  optionsTreeMap: i,
+  isIndependentNodes: e
+}) => {
+  const t = [];
+  i.forEach((s) => {
+    s.disabled && t.push(s);
+  }), t.forEach(
+    ({ id: s }) => Ce({
+      option: { id: s, checked: !1 },
+      optionsTreeMap: i,
+      isIndependentNodes: e
+    })
+  );
+}, X = (i, { id: e, isClosed: t }) => {
+  K({ id: e, optionsTreeMap: i }).forEach((l) => {
+    l.hidden = t ?? !1, l.isGroup && !l.isClosed && X(i, { id: l.id, isClosed: t });
   });
-}, cs = (l, e) => l.reduce((t, s) => {
-  if (s.name.toLowerCase().includes(e.toLowerCase())) {
-    if (t.push(s), s.isGroup) {
-      const a = Ke(s.id, l);
-      t.push(...a);
-    }
-    if (s.childOf) {
-      const a = Xe(s.childOf, l);
-      t.push(...a);
-    }
+}, cs = (i, e) => {
+  if (e) {
+    os(i);
+    return;
   }
-  return t;
-}, []), Ke = (l, e) => e.reduce((t, s) => (s.childOf === l && (t.push(s), s.isGroup && t.push(...Ke(s.id, e))), t), []), Xe = (l, e) => e.reduce((t, s) => (s.id === l && (t.push(s), s.childOf && t.push(...Xe(s.childOf, e))), t), []), hs = (l) => {
-  const { duplications: e } = l.reduce(
-    (t, s) => (t.allItems.some((i) => i.toString() === s.id.toString()) && t.duplications.push(s.id), t.allItems.push(s.id), t),
-    {
-      duplications: [],
-      allItems: []
+  i.forEach((t) => {
+    t.checked && Ee(t.childOf, i), t.isGroup && !t.disabled && (t.checked || t.isPartialChecked) && (t.isClosed = !1, X(i, t));
+  });
+}, os = (i) => {
+  let e = null;
+  for (const [t, s] of i)
+    if (s.checked && !s.disabled) {
+      e = s;
+      break;
     }
-  );
-  e.length && console.error(`Validation: You have duplicated values: ${e.join(", ")}! You should use unique values.`);
-}, ds = (l, e, t, s, i, a, u, p, w, g) => {
-  Re(l, e, i, w), p && u && os(e), X(e, t, s, a, g);
-}, X = (l, e, t, s, i) => {
-  l.forEach((a) => {
-    const u = e.querySelector(`[input-id="${a.id}"]`), p = I(u);
-    u.checked = a.checked, us(a, p, s), ps(a, p), ms(a, p), fs(a, p, t), Cs(a, p), gs(a, p, l, i), bs(a, u, t);
-  }), ks(l, e);
-}, us = (l, e, t) => {
-  l.checked ? e.classList.add("treeselect-list__item--checked") : e.classList.remove("treeselect-list__item--checked"), Array.isArray(t) && t[0] === l.id && !l.disabled ? e.classList.add("treeselect-list__item--single-selected") : e.classList.remove("treeselect-list__item--single-selected");
-}, ps = (l, e) => {
-  l.isPartialChecked ? e.classList.add("treeselect-list__item--partial-checked") : e.classList.remove("treeselect-list__item--partial-checked");
-}, ms = (l, e) => {
-  l.disabled ? e.classList.add("treeselect-list__item--disabled") : e.classList.remove("treeselect-list__item--disabled");
-}, fs = (l, e, t) => {
-  if (l.isGroup) {
-    const s = e.querySelector(".treeselect-list__item-icon"), i = l.isClosed ? t.arrowRight : t.arrowDown;
-    B(i, s), l.isClosed ? e.classList.add("treeselect-list__item--closed") : e.classList.remove("treeselect-list__item--closed");
-  }
-}, Cs = (l, e) => {
-  l.hidden ? e.classList.add("treeselect-list__item--hidden") : e.classList.remove("treeselect-list__item--hidden");
-}, bs = (l, e, t) => {
-  const i = e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");
-  l.checked ? B(t.check, i) : l.isPartialChecked ? B(t.partialCheck, i) : i.innerHTML = "";
-}, gs = (l, e, t, s) => {
-  const i = l.level === 0, a = 20, u = 5;
-  if (i) {
-    const p = t.some((k) => k.isGroup && k.level === l.level), w = !l.isGroup && p ? `${a}px` : `${u}px`, g = l.isGroup ? "0" : w;
-    s ? e.style.paddingRight = g : e.style.paddingLeft = g;
-  } else {
-    const p = l.isGroup ? `${l.level * a}px` : `${l.level * a + a}px`;
-    s ? e.style.paddingRight = p : e.style.paddingLeft = p;
-  }
-  e.setAttribute("level", l.level.toString()), e.setAttribute("group", l.isGroup.toString());
-}, ks = (l, e) => {
-  const t = l.some((i) => !i.hidden), s = e.querySelector(".treeselect-list__empty");
-  t ? s.classList.add("treeselect-list__empty--hidden") : s.classList.remove("treeselect-list__empty--hidden");
-}, I = (l) => l.parentNode.parentNode, ve = (l, e) => e.find((t) => t.id.toString() === l), ws = (l) => I(l).querySelector(".treeselect-list__item-icon"), Es = (l, e) => {
+  e && (e.isGroup && (e.isClosed = !1, X(i, e)), Ee(e.childOf, i));
+}, Ee = (i, e) => {
+  const t = e.get(i) ?? null;
+  t && (t.isClosed = !1, X(e, t), Ee(t.childOf, e));
+}, hs = (i, e) => {
+  i.forEach((t) => {
+    const s = t.name.toLowerCase().includes(e.toLowerCase());
+    s && (t.isGroup && (t.isClosed = !0), t.childOf && Xe(t.childOf, i)), t.hidden = !s;
+  });
+}, Xe = (i, e) => {
+  const t = e.get(i) ?? null;
+  t && (t.hidden = !1, t.isClosed = !1, Xe(t.childOf, e));
+}, ds = ({
+  optionsTreeMap: i,
+  beforeSearchStateMap: e
+}) => {
+  i.forEach((t) => {
+    const s = e.get(t.id);
+    s && (t.hidden = s.hidden, t.isClosed = s.isClosed);
+  }), e.clear();
+}, us = ({
+  optionsTreeMap: i,
+  beforeSearchStateMap: e
+}) => {
+  e.clear(), i.forEach((t) => {
+    e.set(t.id, {
+      hidden: t.hidden,
+      isClosed: t.isClosed
+    });
+  });
+}, ms = (i) => new IntersectionObserver(
+  (e) => {
+    e.forEach((t) => {
+      t.target.classList.toggle("treeselect-list__item--scroll-not-visible", !t.isIntersecting);
+    });
+  },
+  { root: i, threshold: 0.5 }
+), ps = ({
+  optionsTreeMap: i,
+  emptyListHtmlElement: e,
+  iconElements: t,
+  previousSingleSelectedValue: s,
+  rtl: l
+}) => {
+  i.forEach((r) => {
+    const u = r.checkboxHtmlElement;
+    u && (u.checked = r.checked), Cs({ option: r, previousSingleSelectedValue: s }), Es(r), vs(r), ws({ option: r, iconElements: t }), ks(r), fs({ option: r, optionsTreeMap: i, rtl: l }), Ls({ option: r, iconElements: t }), Ss(r);
+  }), gs({ optionsTreeMap: i, emptyListHtmlElement: e });
+}, fs = ({
+  option: i,
+  optionsTreeMap: e,
+  rtl: t
+}) => {
+  const s = i.level === 0, l = 20, r = 5;
+  let u = "0";
+  if (s) {
+    let v = !1;
+    for (const [E, C] of e)
+      if (C.isGroup && C.level === i.level) {
+        v = !0;
+        break;
+      }
+    const k = !i.isGroup && v ? `${l}px` : `${r}px`;
+    u = i.isGroup ? "0" : k;
+  } else
+    u = i.isGroup ? `${i.level * l}px` : `${i.level * l + l}px`;
+  const f = i.itemHtmlElement;
+  f && (t ? f.style.paddingRight = u : f.style.paddingLeft = u, f.setAttribute("level", i.level.toString()), f.setAttribute("group", i.isGroup.toString()));
+}, gs = ({
+  optionsTreeMap: i,
+  emptyListHtmlElement: e
+}) => {
+  let t = !1;
+  for (const [s, l] of i)
+    if (!l.hidden) {
+      t = !0;
+      break;
+    }
+  e == null || e.classList.toggle("treeselect-list__empty--hidden", t);
+}, bs = (i, e) => {
   e && Object.keys(e).forEach((t) => {
     const s = e[t];
-    typeof s == "string" && l.setAttribute(t, s);
+    typeof s == "string" && i.setAttribute(t, s);
   });
+}, Cs = ({
+  option: i,
+  previousSingleSelectedValue: e
+}) => {
+  const t = i.itemHtmlElement;
+  t == null || t.classList.toggle("treeselect-list__item--checked", i.checked);
+  const s = Array.isArray(e) && e[0] === i.id && !i.disabled;
+  t == null || t.classList.toggle("treeselect-list__item--single-selected", s);
+}, Es = (i) => {
+  const e = i.itemHtmlElement;
+  e == null || e.classList.toggle("treeselect-list__item--partial-checked", i.isPartialChecked);
+}, vs = (i) => {
+  const e = i.itemHtmlElement;
+  e == null || e.classList.toggle("treeselect-list__item--disabled", i.disabled);
+}, ws = ({ option: i, iconElements: e }) => {
+  const t = i.arrowItemHtmlElement;
+  if (i.isGroup && t) {
+    const s = i.isClosed ? e.arrowRight : e.arrowDown;
+    O(s, t);
+    const l = i.itemHtmlElement;
+    l == null || l.classList.toggle("treeselect-list__item--closed", i.isClosed);
+  }
+}, ks = (i) => {
+  const e = i.itemHtmlElement;
+  e == null || e.classList.toggle("treeselect-list__item--hidden", i.hidden);
+}, Ls = ({ option: i, iconElements: e }) => {
+  const t = i.checkboxIconHtmlElement;
+  t && (i.checked ? O(e.check, t) : i.isPartialChecked ? O(e.partialCheck, t) : t.innerHTML = "");
+}, Ss = (i) => {
+  const e = i.itemHtmlElement;
+  e == null || e.classList.toggle("treeselect-list__item--non-selectable-group", !i.isGroupSelectable);
+}, xs = ({
+  newValue: i,
+  optionsTreeMap: e,
+  isSingleSelect: t,
+  expandSelected: s,
+  isFirstValueUpdate: l,
+  isIndependentNodes: r
+}) => {
+  je({
+    newValue: i,
+    optionsTreeMap: e,
+    isSingleSelect: t,
+    isIndependentNodes: r
+  }), l && s && cs(e, t);
 };
-var M, D, A, U, d, Je, Ze, Qe, et, tt, st, oe, it, lt, nt, re, at, ot, rt, ct, ht, dt, ut, pt, mt, ft, Ct, ce, J, he, bt;
-class vs {
+var G, P, M, Y, o, z, Ze, Je, Qe, et, tt, st, ae, it, lt, nt, re, at, rt, ct, ot, ht, dt, ut, mt, pt, ce, ft, gt, oe, J, he, bt;
+class ys {
   constructor({
     options: e,
     value: t,
     openLevel: s,
-    listSlotHtmlComponent: i,
-    tagsSortFn: a,
+    listSlotHtmlComponent: l,
+    tagsSortFn: r,
     emptyText: u,
-    isSingleSelect: p,
-    iconElements: w,
-    showCount: g,
-    disabledBranchNode: k,
-    expandSelected: E,
-    isIndependentNodes: v,
+    isSingleSelect: f,
+    iconElements: v,
+    showCount: k,
+    disabledBranchNode: E,
+    expandSelected: C,
+    isIndependentNodes: w,
     rtl: L,
-    listClassName: _,
-    inputCallback: O,
-    arrowClickCallback: V,
-    mouseupCallback: R
+    listClassName: T,
+    isBoostedRendering: N,
+    inputCallback: H,
+    arrowClickCallback: W,
+    mouseupCallback: F
   }) {
-    C(this, d);
+    g(this, o);
     // Props
-    r(this, "options");
-    r(this, "value");
-    r(this, "openLevel");
-    r(this, "listSlotHtmlComponent");
-    r(this, "tagsSortFn");
-    r(this, "emptyText");
-    r(this, "isSingleSelect");
-    r(this, "showCount");
-    r(this, "disabledBranchNode");
-    r(this, "expandSelected");
-    r(this, "isIndependentNodes");
-    r(this, "rtl");
-    r(this, "listClassName");
-    r(this, "iconElements");
+    c(this, "options");
+    c(this, "value");
+    c(this, "openLevel");
+    c(this, "listSlotHtmlComponent");
+    c(this, "tagsSortFn");
+    c(this, "emptyText");
+    c(this, "isSingleSelect");
+    c(this, "showCount");
+    c(this, "disabledBranchNode");
+    c(this, "expandSelected");
+    c(this, "isIndependentNodes");
+    c(this, "rtl");
+    c(this, "listClassName");
+    c(this, "isBoostedRendering");
+    c(this, "iconElements");
     // InnerState
-    r(this, "searchText");
-    r(this, "flattedOptions");
-    r(this, "flattedOptionsBeforeSearch");
-    r(this, "selectedNodes");
-    r(this, "srcElement");
+    c(this, "searchText");
+    c(this, "intersectionItemsObserver");
+    c(this, "selectedNodes");
+    c(this, "optionsTreeMap");
+    c(this, "beforeSearchStateMap");
+    c(this, "emptyListHtmlElement");
+    c(this, "srcElement");
     // Callbacks
-    r(this, "inputCallback");
-    r(this, "arrowClickCallback");
-    r(this, "mouseupCallback");
+    c(this, "inputCallback");
+    c(this, "arrowClickCallback");
+    c(this, "mouseupCallback");
     // PrivateInnerState
-    C(this, M, null);
-    C(this, D, !0);
-    C(this, A, []);
-    C(this, U, !0);
-    this.options = e, this.value = t, this.openLevel = s ?? 0, this.listSlotHtmlComponent = i ?? null, this.tagsSortFn = a ?? null, this.emptyText = u ?? "No results found...", this.isSingleSelect = p ?? !1, this.showCount = g ?? !1, this.disabledBranchNode = k ?? !1, this.expandSelected = E ?? !1, this.isIndependentNodes = v ?? !1, this.rtl = L ?? !1, this.listClassName = _ ?? "", this.iconElements = w, this.searchText = "", this.flattedOptions = ls(this.options, this.openLevel, this.isIndependentNodes), this.flattedOptionsBeforeSearch = this.flattedOptions, this.selectedNodes = { nodes: [], groupedNodes: [], allNodes: [] }, this.srcElement = o(this, d, Qe).call(this), this.inputCallback = O, this.arrowClickCallback = V, this.mouseupCallback = R, hs(this.flattedOptions);
+    g(this, G, null);
+    g(this, P, !0);
+    g(this, M, []);
+    g(this, Y, !0);
+    this.options = e, this.value = t, this.openLevel = s ?? 0, this.listSlotHtmlComponent = l ?? null, this.tagsSortFn = r ?? null, this.emptyText = u ?? "No results found...", this.isSingleSelect = f ?? !1, this.showCount = k ?? !1, this.disabledBranchNode = E ?? !1, this.expandSelected = C ?? !1, this.isIndependentNodes = w ?? !1, this.rtl = L ?? !1, this.listClassName = T ?? "", this.isBoostedRendering = N, this.iconElements = v, this.searchText = "", this.intersectionItemsObserver = null, this.selectedNodes = { nodes: [], groupedNodes: [], allNodes: [] }, this.optionsTreeMap = ls({
+      options: this.options,
+      openLevel: this.openLevel,
+      isIndependentNodes: this.isIndependentNodes
+    }), this.beforeSearchStateMap = /* @__PURE__ */ new Map(), this.emptyListHtmlElement = null, this.srcElement = a(this, o, Qe).call(this), this.inputCallback = H, this.arrowClickCallback = W, this.mouseupCallback = F;
   }
   // Public methods
   updateValue(e) {
-    this.value = e, b(this, A, this.isSingleSelect ? this.value : []), ds(
-      e,
-      this.flattedOptions,
-      this.srcElement,
-      this.iconElements,
-      this.isSingleSelect,
-      n(this, A),
-      this.expandSelected,
-      n(this, U),
-      this.isIndependentNodes,
-      this.rtl
-    ), b(this, U, !1), o(this, d, he).call(this);
+    this.value = e, b(this, M, this.isSingleSelect ? this.value : []), xs({
+      newValue: e,
+      optionsTreeMap: this.optionsTreeMap,
+      isSingleSelect: this.isSingleSelect,
+      expandSelected: this.expandSelected,
+      isFirstValueUpdate: n(this, Y),
+      isIndependentNodes: this.isIndependentNodes
+    }), a(this, o, z).call(this), b(this, Y, !1), a(this, o, he).call(this);
   }
   updateSearchValue(e) {
     if (e === this.searchText)
       return;
     const t = this.searchText === "" && e !== "";
-    this.searchText = e, t && (this.flattedOptionsBeforeSearch = JSON.parse(JSON.stringify(this.flattedOptions))), this.searchText === "" && (this.flattedOptions = this.flattedOptionsBeforeSearch.map((s) => {
-      const i = this.flattedOptions.find((a) => a.id === s.id);
-      return i.isClosed = s.isClosed, i.hidden = s.hidden, i;
-    }), this.flattedOptionsBeforeSearch = []), this.searchText && rs(this.flattedOptions, e), X(this.flattedOptions, this.srcElement, this.iconElements, n(this, A), this.rtl), this.focusFirstListElement();
+    this.searchText = e, t && us({
+      beforeSearchStateMap: this.beforeSearchStateMap,
+      optionsTreeMap: this.optionsTreeMap
+    }), this.searchText === "" && ds({
+      beforeSearchStateMap: this.beforeSearchStateMap,
+      optionsTreeMap: this.optionsTreeMap
+    }), this.searchText && hs(this.optionsTreeMap, e), a(this, o, z).call(this), this.focusFirstListElement();
   }
   callKeyAction(e) {
-    b(this, D, !1);
+    b(this, P, !1);
     const t = this.srcElement.querySelector(".treeselect-list__item--focused");
     if (t == null ? void 0 : t.classList.contains("treeselect-list__item--hidden"))
       return;
-    const i = e.key;
-    i === "Enter" && t && t.dispatchEvent(new Event("mousedown")), (i === "ArrowLeft" || i === "ArrowRight") && o(this, d, Je).call(this, t, e), (i === "ArrowDown" || i === "ArrowUp") && o(this, d, Ze).call(this, t, i);
+    const l = e.key;
+    l === "Enter" && t && t.dispatchEvent(new Event("mousedown")), (l === "ArrowLeft" || l === "ArrowRight") && a(this, o, Ze).call(this, t, e), (l === "ArrowDown" || l === "ArrowUp") && a(this, o, Je).call(this, t, l);
   }
   focusFirstListElement() {
-    const e = "treeselect-list__item--focused", t = this.srcElement.querySelector(`.${e}`), s = Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter(
-      (a) => window.getComputedStyle(I(a)).display !== "none"
-    );
+    const e = "treeselect-list__item--focused", t = this.srcElement.querySelector(`.${e}`), s = a(this, o, ce).call(this);
     if (!s.length)
       return;
-    t && t.classList.remove(e), I(s[0]).classList.add(e);
+    t && t.classList.remove(e);
+    const [l] = s;
+    l.classList.add(e);
   }
   isLastFocusedElementExist() {
-    return !!n(this, M);
+    return !!n(this, G);
+  }
+  destroy() {
+    this.intersectionItemsObserver && this.intersectionItemsObserver.disconnect();
   }
 }
-M = new WeakMap(), D = new WeakMap(), A = new WeakMap(), U = new WeakMap(), d = new WeakSet(), // Private methods
-Je = function(e, t) {
+G = new WeakMap(), P = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), o = new WeakSet(), // Private methods
+z = function() {
+  ps({
+    optionsTreeMap: this.optionsTreeMap,
+    emptyListHtmlElement: this.emptyListHtmlElement,
+    iconElements: this.iconElements,
+    previousSingleSelectedValue: n(this, M),
+    rtl: this.rtl
+  });
+}, Ze = function(e, t) {
   if (!e)
     return;
-  const s = t.key, a = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), u = ve(a, this.flattedOptions), p = e.querySelector(".treeselect-list__item-icon");
-  s === "ArrowLeft" && !u.isClosed && u.isGroup && (p.dispatchEvent(new Event("mousedown")), t.preventDefault()), s === "ArrowRight" && u.isClosed && u.isGroup && (p.dispatchEvent(new Event("mousedown")), t.preventDefault());
-}, Ze = function(e, t) {
-  var i;
-  const s = Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter(
-    (a) => window.getComputedStyle(I(a)).display !== "none"
-  );
-  if (s.length)
-    if (!e)
-      I(s[0]).classList.add("treeselect-list__item--focused");
-    else {
-      const a = s.findIndex(
-        (O) => I(O).classList.contains("treeselect-list__item--focused")
-      );
-      I(s[a]).classList.remove("treeselect-list__item--focused");
-      const p = t === "ArrowDown" ? a + 1 : a - 1, w = t === "ArrowDown" ? 0 : s.length - 1, g = s[p] ?? s[w], k = !s[p], E = I(g);
-      E.classList.add("treeselect-list__item--focused");
-      const v = this.srcElement.getBoundingClientRect(), L = E.getBoundingClientRect();
-      if (k && t === "ArrowDown") {
-        this.srcElement.scroll(0, 0);
-        return;
-      }
-      if (k && t === "ArrowUp") {
-        this.srcElement.scroll(0, this.srcElement.scrollHeight);
-        return;
-      }
-      const _ = ((i = this.listSlotHtmlComponent) == null ? void 0 : i.clientHeight) ?? 0;
-      if (v.y + v.height < L.y + L.height + _) {
-        this.srcElement.scroll(0, this.srcElement.scrollTop + L.height);
-        return;
-      }
-      if (v.y > L.y) {
-        this.srcElement.scroll(0, this.srcElement.scrollTop - L.height);
-        return;
-      }
+  const s = t.key, r = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), u = ns(r, this.optionsTreeMap), f = u.arrowItemHtmlElement;
+  s === "ArrowLeft" && !u.isClosed && u.isGroup && (f.dispatchEvent(new Event("mousedown")), t.preventDefault()), s === "ArrowRight" && u.isClosed && u.isGroup && (f.dispatchEvent(new Event("mousedown")), t.preventDefault());
+}, Je = function(e, t) {
+  var r;
+  const s = a(this, o, ce).call(this);
+  if (!s.length)
+    return;
+  const l = "treeselect-list__item--focused";
+  if (e) {
+    const u = s.findIndex((N) => N.classList.contains(l));
+    s[u].classList.remove(l);
+    const v = t === "ArrowDown" ? u + 1 : u - 1, k = t === "ArrowDown" ? 0 : s.length - 1, E = !s[v], C = s[v] ?? s[k];
+    C.classList.add(l);
+    const w = this.srcElement.getBoundingClientRect(), L = C.getBoundingClientRect();
+    if (E && t === "ArrowDown") {
+      this.srcElement.scroll(0, 0);
+      return;
+    }
+    if (E && t === "ArrowUp") {
+      this.srcElement.scroll(0, this.srcElement.scrollHeight);
+      return;
     }
+    const T = ((r = this.listSlotHtmlComponent) == null ? void 0 : r.clientHeight) ?? 0;
+    if (w.y + w.height < L.y + L.height + T) {
+      this.srcElement.scroll(0, this.srcElement.scrollTop + L.height);
+      return;
+    }
+    if (w.y > L.y) {
+      this.srcElement.scroll(0, this.srcElement.scrollTop - L.height);
+      return;
+    }
+  } else {
+    const [u] = s;
+    u.classList.add(l);
+  }
 }, Qe = function() {
-  const e = o(this, d, et).call(this), t = o(this, d, oe).call(this, this.options);
+  const e = a(this, o, et).call(this), t = a(this, o, ae).call(this, this.options);
   e.append(...t);
-  const s = o(this, d, lt).call(this);
+  const s = a(this, o, lt).call(this);
   e.append(s);
-  const i = o(this, d, it).call(this);
-  return i && e.append(i), e;
+  const l = a(this, o, it).call(this);
+  return l && e.append(l), e;
 }, et = function() {
   const e = document.createElement("div");
-  return e.classList.add("treeselect-list"), this.listClassName.length > 0 && e.classList.add(this.listClassName), this.isSingleSelect && e.classList.add("treeselect-list--single-select"), this.disabledBranchNode && e.classList.add("treeselect-list--disabled-branch-node"), e.addEventListener("mouseout", (t) => o(this, d, tt).call(this, t)), e.addEventListener("mousemove", () => o(this, d, st).call(this)), e.addEventListener("mouseup", () => this.mouseupCallback(), !0), e;
+  return e.classList.add("treeselect-list"), this.listClassName.length > 0 && e.classList.add(this.listClassName), this.isSingleSelect && e.classList.add("treeselect-list--single-select"), this.disabledBranchNode && e.classList.add("treeselect-list--disabled-branch-node"), e.addEventListener("mouseout", (t) => a(this, o, tt).call(this, t)), e.addEventListener("mousemove", () => a(this, o, st).call(this)), e.addEventListener("mouseup", () => this.mouseupCallback(), !0), this.isBoostedRendering && (this.intersectionItemsObserver = ms(e)), e;
 }, tt = function(e) {
-  e.stopPropagation(), n(this, M) && n(this, D) && n(this, M).classList.add("treeselect-list__item--focused");
+  e.stopPropagation(), n(this, G) && n(this, P) && n(this, G).classList.add("treeselect-list__item--focused");
 }, st = function() {
-  b(this, D, !0);
-}, oe = function(e) {
+  b(this, P, !0);
+}, ae = function(e) {
   return e.reduce((t, s) => {
-    var a;
-    if ((a = s.children) != null && a.length) {
-      const u = o(this, d, nt).call(this, s), p = o(this, d, oe).call(this, s.children);
-      return u.append(...p), t.push(u), t;
+    var r;
+    if ((r = s.children) != null && r.length) {
+      const u = a(this, o, nt).call(this, s), f = a(this, o, ae).call(this, s.children);
+      return u.append(...f), t.push(u), t;
     }
-    const i = o(this, d, re).call(this, s, !1);
-    return t.push(i), t;
+    const l = a(this, o, re).call(this, s, !1);
+    return t.push(l), t;
   }, []);
 }, it = function() {
   if (!this.listSlotHtmlComponent)
@@ -543,298 +746,327 @@ Je = function(e, t) {
   const e = document.createElement("div");
   e.classList.add("treeselect-list__empty"), e.setAttribute("title", this.emptyText);
   const t = document.createElement("span");
-  t.classList.add("treeselect-list__empty-icon"), B(this.iconElements.attention, t);
+  t.classList.add("treeselect-list__empty-icon"), O(this.iconElements.attention, t);
   const s = document.createElement("span");
-  return s.classList.add("treeselect-list__empty-text"), s.textContent = this.emptyText, e.append(t, s), e;
+  return s.classList.add("treeselect-list__empty-text"), s.textContent = this.emptyText, e.append(t, s), this.emptyListHtmlElement = e, e;
 }, nt = function(e) {
   const t = document.createElement("div");
   t.setAttribute("group-container-id", e.value.toString()), t.classList.add("treeselect-list__group-container");
-  const s = o(this, d, re).call(this, e, !0);
+  const s = a(this, o, re).call(this, e, !0);
   return t.appendChild(s), t;
 }, re = function(e, t) {
-  const s = o(this, d, at).call(this, e);
+  const s = a(this, o, at).call(this, e);
   if (t) {
-    const u = o(this, d, ht).call(this);
+    const u = a(this, o, ht).call(this, e);
     s.appendChild(u), s.classList.add("treeselect-list__item--group");
   }
-  const i = o(this, d, ut).call(this, e), a = o(this, d, pt).call(this, e, t);
-  return s.append(i, a), s;
+  const l = a(this, o, ut).call(this, e), r = a(this, o, mt).call(this, e, t);
+  return s.append(l, r), s;
 }, at = function(e) {
   const t = document.createElement("div");
-  return t.setAttribute("tabindex", "-1"), t.setAttribute("title", e.name), Es(t, e.htmlAttr), t.classList.add("treeselect-list__item"), t.addEventListener("mouseover", () => o(this, d, ot).call(this, t), !0), t.addEventListener("mouseout", () => o(this, d, rt).call(this, t), !0), t.addEventListener("mousedown", (s) => o(this, d, ct).call(this, s, e)), t;
-}, ot = function(e) {
-  n(this, D) && o(this, d, ce).call(this, !0, e);
+  t.setAttribute("tabindex", "-1"), t.setAttribute("title", e.name), bs(t, e.htmlAttr), t.classList.add("treeselect-list__item"), t.addEventListener("mouseover", () => a(this, o, rt).call(this, t), !0), t.addEventListener("mouseout", () => a(this, o, ct).call(this, t), !0), t.addEventListener("mousedown", (l) => a(this, o, ot).call(this, l, e)), this.intersectionItemsObserver && this.intersectionItemsObserver.observe(t);
+  const s = this.optionsTreeMap.get(e.value);
+  return s && (s.itemHtmlElement = t), t;
 }, rt = function(e) {
-  n(this, D) && (o(this, d, ce).call(this, !1, e), b(this, M, e));
-}, ct = function(e, t) {
-  var a;
-  if (e.preventDefault(), e.stopPropagation(), (a = this.flattedOptions.find((u) => u.id === t.value)) == null ? void 0 : a.disabled)
+  n(this, P) && a(this, o, oe).call(this, !0, e);
+}, ct = function(e) {
+  n(this, P) && (a(this, o, oe).call(this, !1, e), b(this, G, e));
+}, ot = function(e, t) {
+  e.preventDefault(), e.stopPropagation();
+  const s = this.optionsTreeMap.get(t.value) ?? null;
+  if (s != null && s.disabled)
     return;
-  const i = e.target.querySelector(".treeselect-list__item-checkbox");
-  i.checked = !i.checked, o(this, d, ft).call(this, i, t);
-}, ht = function() {
-  const e = document.createElement("span");
-  return e.setAttribute("tabindex", "-1"), e.classList.add("treeselect-list__item-icon"), B(this.iconElements.arrowDown, e), e.addEventListener("mousedown", (t) => o(this, d, dt).call(this, t)), e;
-}, dt = function(e) {
-  e.preventDefault(), e.stopPropagation(), o(this, d, Ct).call(this, e);
+  const l = s == null ? void 0 : s.checkboxHtmlElement;
+  l && (l.checked = !l.checked, a(this, o, ft).call(this, l, t));
+}, ht = function(e) {
+  const t = document.createElement("span");
+  t.setAttribute("tabindex", "-1"), t.classList.add("treeselect-list__item-icon"), O(this.iconElements.arrowDown, t), t.addEventListener("mousedown", (l) => a(this, o, dt).call(this, l, e));
+  const s = this.optionsTreeMap.get(e.value);
+  return s && (s.arrowItemHtmlElement = t), t;
+}, dt = function(e, t) {
+  e.preventDefault(), e.stopPropagation(), a(this, o, gt).call(this, t);
 }, ut = function(e) {
   const t = document.createElement("div");
   t.classList.add("treeselect-list__item-checkbox-container");
   const s = document.createElement("span");
   s.classList.add("treeselect-list__item-checkbox-icon"), s.innerHTML = "";
-  const i = document.createElement("input");
-  return i.setAttribute("tabindex", "-1"), i.setAttribute("type", "checkbox"), i.setAttribute("input-id", e.value.toString()), i.classList.add("treeselect-list__item-checkbox"), t.append(s, i), t;
-}, pt = function(e, t) {
+  const l = document.createElement("input");
+  l.setAttribute("tabindex", "-1"), l.setAttribute("type", "checkbox"), l.setAttribute("input-id", e.value.toString()), l.classList.add("treeselect-list__item-checkbox"), t.append(s, l);
+  const r = this.optionsTreeMap.get(e.value);
+  return r && (r.checkboxHtmlElement = l, r.checkboxIconHtmlElement = s), t;
+}, mt = function(e, t) {
   const s = document.createElement("label");
   if (s.textContent = e.name, s.classList.add("treeselect-list__item-label"), t && this.showCount) {
-    const i = o(this, d, mt).call(this, e);
-    s.appendChild(i);
+    const l = a(this, o, pt).call(this, e);
+    s.appendChild(l);
   }
   return s;
-}, mt = function(e) {
-  const t = document.createElement("span"), s = this.flattedOptions.filter((i) => i.childOf === e.value);
+}, pt = function(e) {
+  var l;
+  const t = document.createElement("span"), s = ((l = this.optionsTreeMap.get(e.value)) == null ? void 0 : l.children) ?? [];
   return t.textContent = `(${s.length})`, t.classList.add("treeselect-list__item-label-counter"), t;
+}, ce = function() {
+  const e = [];
+  return this.optionsTreeMap.forEach((t) => {
+    !t.hidden && t.itemHtmlElement && e.push(t.itemHtmlElement);
+  }), e;
 }, // Actions
 ft = function(e, t) {
-  const s = this.flattedOptions.find((i) => i.id === t.value);
-  if (s) {
-    if (s != null && s.isGroup && this.disabledBranchNode) {
-      const i = ws(e);
-      i == null || i.dispatchEvent(new Event("mousedown"));
+  const s = this.optionsTreeMap.get(t.value) ?? null;
+  if (s === null)
+    return;
+  const l = s.isGroupSelectable ?? !0;
+  if (s.isGroup && (this.disabledBranchNode || !l)) {
+    const r = s.arrowItemHtmlElement;
+    r == null || r.dispatchEvent(new Event("mousedown"));
+    return;
+  }
+  if (this.isSingleSelect) {
+    const [r] = n(this, M);
+    if (s.id === r)
       return;
-    }
-    if (this.isSingleSelect) {
-      const [i] = n(this, A);
-      if (s.id === i)
-        return;
-      b(this, A, [s.id]), Re([s.id], this.flattedOptions, this.isSingleSelect, this.isIndependentNodes);
-    } else {
-      s.checked = e.checked;
-      const i = be(s, this.flattedOptions, this.isIndependentNodes);
-      e.checked = i;
-    }
-    X(this.flattedOptions, this.srcElement, this.iconElements, n(this, A), this.rtl), o(this, d, bt).call(this);
+    b(this, M, [s.id]), je({
+      newValue: [s.id],
+      optionsTreeMap: this.optionsTreeMap,
+      isSingleSelect: this.isSingleSelect,
+      isIndependentNodes: this.isIndependentNodes
+    });
+  } else {
+    s.checked = e.checked;
+    const r = Ce({
+      option: s,
+      optionsTreeMap: this.optionsTreeMap,
+      isIndependentNodes: this.isIndependentNodes
+    });
+    e.checked = r;
   }
-}, Ct = function(e) {
-  var a, u;
-  const t = (u = (a = e.target) == null ? void 0 : a.parentNode) == null ? void 0 : u.querySelector("[input-id]"), s = (t == null ? void 0 : t.getAttribute("input-id")) ?? null, i = ve(s, this.flattedOptions);
-  i && (i.isClosed = !i.isClosed, te(this.flattedOptions, i), X(this.flattedOptions, this.srcElement, this.iconElements, n(this, A), this.rtl), this.arrowClickCallback(i.id, i.isClosed));
-}, ce = function(e, t) {
+  a(this, o, z).call(this), a(this, o, bt).call(this);
+}, gt = function(e) {
+  const t = this.optionsTreeMap.get(e.value) ?? null;
+  t !== null && (t.isClosed = !t.isClosed, X(this.optionsTreeMap, t), a(this, o, z).call(this), this.arrowClickCallback(t.id, t.isClosed));
+}, oe = function(e, t) {
   const s = "treeselect-list__item--focused";
   if (e) {
-    const i = Array.from(this.srcElement.querySelectorAll(`.${s}`));
-    i.length && i.forEach((a) => a.classList.remove(s)), t.classList.add(s);
+    const l = Array.from(this.srcElement.querySelectorAll(`.${s}`));
+    l.length && l.forEach((r) => r.classList.remove(s)), t.classList.add(s);
   } else
     t.classList.remove(s);
 }, J = function(e) {
   return this.tagsSortFn === null ? e : [...e].sort((t, s) => this.tagsSortFn({ value: t.id, name: t.name }, { value: s.id, name: s.name }));
 }, he = function() {
-  const { ungroupedNodes: e, groupedNodes: t, allNodes: s } = ns(this.flattedOptions);
+  const { ungroupedNodes: e, groupedNodes: t, allNodes: s } = as(this.optionsTreeMap);
   this.selectedNodes = {
-    nodes: o(this, d, J).call(this, e),
-    groupedNodes: o(this, d, J).call(this, t),
-    allNodes: o(this, d, J).call(this, s)
+    nodes: a(this, o, J).call(this, e),
+    groupedNodes: a(this, o, J).call(this, t),
+    allNodes: a(this, o, J).call(this, s)
   };
 }, // Emits
 bt = function() {
-  o(this, d, he).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
+  a(this, o, he).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
 };
-const Le = ({
-  parentHtmlContainer: l,
+const Se = ({
+  parentHtmlContainer: i,
   staticList: e,
   appendToBody: t,
   isSingleSelect: s,
-  value: i,
-  direction: a
+  value: l,
+  direction: r
 }) => {
-  l || console.error("Validation: parentHtmlContainer prop is required!"), e && t && console.error("Validation: You should set staticList to false if you use appendToBody!"), s && Array.isArray(i) && console.error("Validation: if you use isSingleSelect prop, you should pass a single value!"), !s && !Array.isArray(i) && console.error("Validation: you should pass an array as a value!"), a && a !== "auto" && a !== "bottom" && a !== "top" && console.error("Validation: you should pass (auto | top | bottom | undefined) as a value for the direction prop!");
-}, K = (l) => l.map((e) => e.id), Ls = (l) => l == null ? [] : Array.isArray(l) ? l : [l], ys = (l, e) => {
+  i || console.error("Validation: parentHtmlContainer prop is required!"), e && t && console.error("Validation: You should set staticList to false if you use appendToBody!"), s && Array.isArray(l) && console.error("Validation: if you use isSingleSelect prop, you should pass a single value!"), !s && !Array.isArray(l) && console.error("Validation: you should pass an array as a value!"), r && r !== "auto" && r !== "bottom" && r !== "top" && console.error("Validation: you should pass (auto | top | bottom | undefined) as a value for the direction prop!");
+}, Z = (i) => i.map((e) => e.id), Ts = (i) => i == null ? [] : Array.isArray(i) ? i : [i], As = (i, e) => {
   if (e) {
-    const [t] = l;
+    const [t] = i;
     return t ?? null;
   }
-  return l;
+  return i;
 };
-var m, f, q, z, j, N, T, S, H, c, de, ue, gt, kt, wt, Et, vt, Lt, pe, yt, xt, St, _t, me, At, Z, fe, Q, Nt, Ce, Tt, Ot, It, Pt, Bt;
-class Ss {
+var m, p, R, q, $, A, I, y, B, h, de, ue, Ct, Et, vt, wt, kt, Lt, me, St, xt, yt, Tt, pe, fe, Q, ge, ee, At, be, It, Nt, _t, Ot, Ht;
+class Ns {
   constructor({
     parentHtmlContainer: e,
     value: t,
     options: s,
-    openLevel: i,
-    appendToBody: a,
+    openLevel: l,
+    appendToBody: r,
     alwaysOpen: u,
-    showTags: p,
-    tagsCountText: w,
-    tagsSortFn: g,
-    clearable: k,
-    searchable: E,
-    placeholder: v,
+    showTags: f,
+    tagsCountText: v,
+    tagsSortFn: k,
+    clearable: E,
+    searchable: C,
+    placeholder: w,
     grouped: L,
-    isGroupedValue: _,
-    listSlotHtmlComponent: O,
-    disabled: V,
-    emptyText: R,
-    staticList: Y,
-    id: se,
-    ariaLabel: ie,
-    isSingleSelect: ge,
-    showCount: Vt,
-    disabledBranchNode: Dt,
-    direction: Ht,
-    expandSelected: Gt,
-    saveScrollPosition: Ft,
+    isGroupedValue: T,
+    listSlotHtmlComponent: N,
+    disabled: H,
+    emptyText: W,
+    staticList: F,
+    id: te,
+    ariaLabel: se,
+    isSingleSelect: ve,
+    showCount: Pt,
+    disabledBranchNode: Bt,
+    direction: Vt,
+    expandSelected: Dt,
+    saveScrollPosition: Gt,
     isIndependentNodes: Mt,
-    rtl: qt,
-    listClassName: jt,
-    iconElements: Rt,
-    inputCallback: $t,
-    openCallback: Wt,
-    closeCallback: Ut,
-    nameChangeCallback: zt,
-    searchCallback: Yt,
+    rtl: Ft,
+    listClassName: Rt,
+    isBoostedRendering: $t,
+    iconElements: Wt,
+    inputCallback: jt,
+    openCallback: Ut,
+    closeCallback: zt,
+    nameChangeCallback: Yt,
+    searchCallback: qt,
     openCloseGroupCallback: Kt
   }) {
-    C(this, c);
+    g(this, h);
     // Props
-    r(this, "parentHtmlContainer");
-    r(this, "value");
-    r(this, "options");
-    r(this, "openLevel");
-    r(this, "appendToBody");
-    r(this, "alwaysOpen");
-    r(this, "showTags");
-    r(this, "tagsCountText");
-    r(this, "tagsSortFn");
-    r(this, "clearable");
-    r(this, "searchable");
-    r(this, "placeholder");
-    r(this, "grouped");
-    r(this, "isGroupedValue");
-    r(this, "listSlotHtmlComponent");
-    r(this, "disabled");
-    r(this, "emptyText");
-    r(this, "staticList");
-    r(this, "id");
-    r(this, "ariaLabel");
-    r(this, "isSingleSelect");
-    r(this, "showCount");
-    r(this, "disabledBranchNode");
-    r(this, "direction");
-    r(this, "expandSelected");
-    r(this, "saveScrollPosition");
-    r(this, "isIndependentNodes");
-    r(this, "rtl");
-    r(this, "listClassName");
-    r(this, "iconElements");
-    r(this, "inputCallback");
-    r(this, "openCallback");
-    r(this, "closeCallback");
-    r(this, "nameChangeCallback");
-    r(this, "searchCallback");
-    r(this, "openCloseGroupCallback");
+    c(this, "parentHtmlContainer");
+    c(this, "value");
+    c(this, "options");
+    c(this, "openLevel");
+    c(this, "appendToBody");
+    c(this, "alwaysOpen");
+    c(this, "showTags");
+    c(this, "tagsCountText");
+    c(this, "tagsSortFn");
+    c(this, "clearable");
+    c(this, "searchable");
+    c(this, "placeholder");
+    c(this, "grouped");
+    c(this, "isGroupedValue");
+    c(this, "listSlotHtmlComponent");
+    c(this, "disabled");
+    c(this, "emptyText");
+    c(this, "staticList");
+    c(this, "id");
+    c(this, "ariaLabel");
+    c(this, "isSingleSelect");
+    c(this, "showCount");
+    c(this, "disabledBranchNode");
+    c(this, "direction");
+    c(this, "expandSelected");
+    c(this, "saveScrollPosition");
+    c(this, "isIndependentNodes");
+    c(this, "rtl");
+    c(this, "listClassName");
+    c(this, "isBoostedRendering");
+    c(this, "iconElements");
+    c(this, "inputCallback");
+    c(this, "openCallback");
+    c(this, "closeCallback");
+    c(this, "nameChangeCallback");
+    c(this, "searchCallback");
+    c(this, "openCloseGroupCallback");
     // InnerState
-    r(this, "ungroupedValue");
-    r(this, "groupedValue");
-    r(this, "allValue");
-    r(this, "isListOpened");
-    r(this, "selectedName");
-    r(this, "srcElement");
+    c(this, "ungroupedValue");
+    c(this, "groupedValue");
+    c(this, "allValue");
+    c(this, "isListOpened");
+    c(this, "selectedName");
+    c(this, "srcElement");
     // Components
-    C(this, m, null);
-    C(this, f, null);
+    g(this, m, null);
+    g(this, p, null);
     // Resize props
-    C(this, q, null);
+    g(this, R, null);
     // List position scroll
-    C(this, z, 0);
+    g(this, q, 0);
     // Timer for search text
-    C(this, j, 0);
+    g(this, $, 0);
     // Outside listeners
-    C(this, N, null);
-    C(this, T, null);
-    C(this, S, null);
-    C(this, H, null);
-    Le({
+    g(this, A, null);
+    g(this, I, null);
+    g(this, y, null);
+    g(this, B, null);
+    Se({
       parentHtmlContainer: e,
       value: t,
-      staticList: Y,
-      appendToBody: a,
-      isSingleSelect: ge
-    }), this.parentHtmlContainer = e, this.value = [], this.options = s ?? [], this.openLevel = i ?? 0, this.appendToBody = a ?? !1, this.alwaysOpen = !!(u && !V), this.showTags = p ?? !0, this.tagsCountText = w ?? "elements selected", this.tagsSortFn = g ?? null, this.clearable = k ?? !0, this.searchable = E ?? !0, this.placeholder = v ?? "Search...", this.grouped = L ?? !0, this.isGroupedValue = _ ?? !1, this.listSlotHtmlComponent = O ?? null, this.disabled = V ?? !1, this.emptyText = R ?? "No results found...", this.staticList = !!(Y && !this.appendToBody), this.id = se ?? "", this.ariaLabel = ie ?? "", this.isSingleSelect = ge ?? !1, this.showCount = Vt ?? !1, this.disabledBranchNode = Dt ?? !1, this.direction = Ht ?? "auto", this.expandSelected = Gt ?? !1, this.saveScrollPosition = Ft ?? !0, this.isIndependentNodes = Mt ?? !1, this.rtl = qt ?? !1, this.listClassName = jt ?? "", this.iconElements = Ee(Rt), this.inputCallback = $t, this.openCallback = Wt, this.closeCallback = Ut, this.nameChangeCallback = zt, this.searchCallback = Yt, this.openCloseGroupCallback = Kt, this.ungroupedValue = [], this.groupedValue = [], this.allValue = [], this.isListOpened = !1, this.selectedName = "", this.srcElement = null, o(this, c, de).call(this, t);
+      staticList: F,
+      appendToBody: r,
+      isSingleSelect: ve
+    }), this.parentHtmlContainer = e, this.value = [], this.options = s ?? [], this.openLevel = l ?? 0, this.appendToBody = r ?? !1, this.alwaysOpen = !!(u && !H), this.showTags = f ?? !0, this.tagsCountText = v ?? "elements selected", this.tagsSortFn = k ?? null, this.clearable = E ?? !0, this.searchable = C ?? !0, this.placeholder = w ?? "Search...", this.grouped = L ?? !0, this.isGroupedValue = T ?? !1, this.listSlotHtmlComponent = N ?? null, this.disabled = H ?? !1, this.emptyText = W ?? "No results found...", this.staticList = !!(F && !this.appendToBody), this.id = te ?? "", this.ariaLabel = se ?? "", this.isSingleSelect = ve ?? !1, this.showCount = Pt ?? !1, this.disabledBranchNode = Bt ?? !1, this.direction = Vt ?? "auto", this.expandSelected = Dt ?? !1, this.saveScrollPosition = Gt ?? !0, this.isIndependentNodes = Mt ?? !1, this.rtl = Ft ?? !1, this.listClassName = Rt ?? "", this.isBoostedRendering = $t ?? !1, this.iconElements = Le(Wt), this.inputCallback = jt, this.openCallback = Ut, this.closeCallback = zt, this.nameChangeCallback = Yt, this.searchCallback = qt, this.openCloseGroupCallback = Kt, this.ungroupedValue = [], this.groupedValue = [], this.allValue = [], this.isListOpened = !1, this.selectedName = "", this.srcElement = null, a(this, h, de).call(this, t);
   }
   mount() {
-    Le({
+    Se({
       parentHtmlContainer: this.parentHtmlContainer,
       value: this.value,
       staticList: this.staticList,
       appendToBody: this.appendToBody,
       isSingleSelect: this.isSingleSelect
-    }), this.iconElements = Ee(this.iconElements), o(this, c, de).call(this, this.value);
+    }), this.iconElements = Le(this.iconElements), a(this, h, de).call(this, this.value);
   }
   updateValue(e) {
-    const t = Ls(e), s = n(this, m);
-    s && (s.updateValue(t), o(this, c, pe).call(this, s == null ? void 0 : s.selectedNodes));
+    const t = Ts(e), s = n(this, m);
+    s && (s.updateValue(t), a(this, h, me).call(this, s == null ? void 0 : s.selectedNodes));
   }
   destroy() {
-    this.srcElement && (o(this, c, me).call(this), this.srcElement.innerHTML = "", this.srcElement = null, o(this, c, Q).call(this, !0));
+    var e;
+    this.srcElement && (a(this, h, pe).call(this), this.srcElement.innerHTML = "", this.srcElement = null, a(this, h, ee).call(this, !0), (e = n(this, m)) == null || e.destroy());
   }
   focus() {
-    n(this, f) && n(this, f).focus();
+    n(this, p) && n(this, p).focus();
   }
   toggleOpenClose() {
-    n(this, f) && (n(this, f).openClose(), n(this, f).focus());
+    n(this, p) && (n(this, p).openClose(), n(this, p).focus());
   }
   // Outside Listeners
   scrollWindowHandler() {
     this.updateListPosition();
   }
   focusWindowHandler(e) {
-    var s, i, a;
-    ((s = this.srcElement) == null ? void 0 : s.contains(e.target)) || ((i = n(this, m)) == null ? void 0 : i.srcElement.contains(e.target)) || ((a = n(this, f)) == null || a.blur(), o(this, c, Q).call(this, !1), o(this, c, Z).call(this, !1));
+    var s, l, r;
+    ((s = this.srcElement) == null ? void 0 : s.contains(e.target)) || ((l = n(this, m)) == null ? void 0 : l.srcElement.contains(e.target)) || ((r = n(this, p)) == null || r.blur(), a(this, h, ee).call(this, !1), a(this, h, Q).call(this, !1));
   }
   blurWindowHandler() {
     var e;
-    (e = n(this, f)) == null || e.blur(), o(this, c, Q).call(this, !1), o(this, c, Z).call(this, !1);
+    (e = n(this, p)) == null || e.blur(), a(this, h, ee).call(this, !1), a(this, h, Q).call(this, !1);
   }
   // Update direction of the list. Support appendToBody and standard mode with absolute
   updateListPosition() {
-    var _;
-    const e = this.srcElement, t = (_ = n(this, m)) == null ? void 0 : _.srcElement;
+    var T;
+    const e = this.srcElement, t = (T = n(this, m)) == null ? void 0 : T.srcElement;
     if (!e || !t)
       return;
+    if (this.staticList) {
+      t.setAttribute("direction", "bottom"), a(this, h, fe).call(this, !1, this.appendToBody);
+      return;
+    }
     const { height: s } = t.getBoundingClientRect(), {
-      x: i,
-      y: a,
+      x: l,
+      y: r,
       height: u,
-      width: p
-    } = e.getBoundingClientRect(), w = window.innerHeight, g = a, k = w - a - u;
-    let E = g > k && g >= s && k < s;
-    if (this.direction !== "auto" && (E = this.direction === "top"), this.appendToBody) {
+      width: f
+    } = e.getBoundingClientRect(), v = window.innerHeight, k = r, E = v - r - u;
+    let C = k > E && k >= s && E < s;
+    if (this.direction !== "auto" && (C = this.direction === "top"), this.appendToBody) {
       (t.style.top !== "0px" || t.style.left !== "0px") && (t.style.top = "0px", t.style.left = "0px");
-      const O = i + window.scrollX, V = E ? a + window.scrollY - s : a + window.scrollY + u;
-      t.style.transform = `translate(${O}px,${V}px)`, t.style.width = `${p}px`;
+      const N = l + window.scrollX, H = C ? r + window.scrollY - s : r + window.scrollY + u;
+      t.style.transform = `translate(${N}px,${H}px)`, t.style.width = `${f}px`;
     }
-    const v = E ? "top" : "bottom";
-    t.getAttribute("direction") !== v && (t.setAttribute("direction", v), o(this, c, At).call(this, E, this.appendToBody));
+    const w = C ? "top" : "bottom";
+    t.getAttribute("direction") !== w && (t.setAttribute("direction", w), a(this, h, fe).call(this, C, this.appendToBody));
   }
 }
-m = new WeakMap(), f = new WeakMap(), q = new WeakMap(), z = new WeakMap(), j = new WeakMap(), N = new WeakMap(), T = new WeakMap(), S = new WeakMap(), H = new WeakMap(), c = new WeakSet(), de = function(e) {
-  var a;
+m = new WeakMap(), p = new WeakMap(), R = new WeakMap(), q = new WeakMap(), $ = new WeakMap(), A = new WeakMap(), I = new WeakMap(), y = new WeakMap(), B = new WeakMap(), h = new WeakSet(), de = function(e) {
+  var r;
   this.destroy();
-  const { container: t, list: s, input: i } = o(this, c, gt).call(this);
-  this.srcElement = t, b(this, m, s), b(this, f, i), b(this, N, this.scrollWindowHandler.bind(this)), b(this, T, this.scrollWindowHandler.bind(this)), b(this, S, this.focusWindowHandler.bind(this)), b(this, H, this.blurWindowHandler.bind(this)), this.alwaysOpen && ((a = n(this, f)) == null || a.openClose()), this.disabled ? this.srcElement.classList.add("treeselect--disabled") : this.srcElement.classList.remove("treeselect--disabled"), this.updateValue(e ?? this.value);
+  const { container: t, list: s, input: l } = a(this, h, Ct).call(this);
+  this.srcElement = t, b(this, m, s), b(this, p, l), b(this, A, this.scrollWindowHandler.bind(this)), b(this, I, this.scrollWindowHandler.bind(this)), b(this, y, this.focusWindowHandler.bind(this)), b(this, B, this.blurWindowHandler.bind(this)), this.alwaysOpen && ((r = n(this, p)) == null || r.openClose()), this.disabled ? this.srcElement.classList.add("treeselect--disabled") : this.srcElement.classList.remove("treeselect--disabled"), this.updateValue(e ?? this.value);
 }, ue = function({
   groupedNodes: e,
   nodes: t,
   allNodes: s
 }) {
-  this.ungroupedValue = t ? K(t) : [], this.groupedValue = e ? K(e) : [], this.allValue = s ? K(s) : [];
-  let i = [];
-  this.isIndependentNodes || this.isSingleSelect ? i = this.allValue : this.isGroupedValue ? i = this.groupedValue : i = this.ungroupedValue, this.value = ys(i, this.isSingleSelect);
-}, gt = function() {
+  this.ungroupedValue = t ? Z(t) : [], this.groupedValue = e ? Z(e) : [], this.allValue = s ? Z(s) : [];
+  let l = [];
+  this.isIndependentNodes || this.isSingleSelect ? l = this.allValue : this.isGroupedValue ? l = this.groupedValue : l = this.ungroupedValue, this.value = As(l, this.isSingleSelect);
+}, Ct = function() {
   const e = this.parentHtmlContainer;
-  e.classList.add("treeselect"), this.rtl && e.setAttribute("dir", "rtl");
-  const t = new vs({
+  e.classList.add("treeselect");
+  const t = new ys({
     value: [],
     // updateValue method calls in initMount method to set actual value
     options: this.options,
@@ -849,12 +1081,13 @@ m = new WeakMap(), f = new WeakMap(), q = new WeakMap(), z = new WeakMap(), j =
     isIndependentNodes: this.isIndependentNodes,
     rtl: this.rtl,
     listClassName: this.listClassName,
+    isBoostedRendering: this.isBoostedRendering,
     iconElements: this.iconElements,
-    inputCallback: (i) => o(this, c, yt).call(this, i),
-    arrowClickCallback: (i, a) => o(this, c, xt).call(this, i, a),
+    inputCallback: (l) => a(this, h, St).call(this, l),
+    arrowClickCallback: (l, r) => a(this, h, xt).call(this, l, r),
     mouseupCallback: () => {
-      var i;
-      return (i = n(this, f)) == null ? void 0 : i.focus();
+      var l;
+      return (l = n(this, p)) == null ? void 0 : l.focus();
     }
   }), s = new Qt({
     value: [],
@@ -870,95 +1103,95 @@ m = new WeakMap(), f = new WeakMap(), q = new WeakMap(), z = new WeakMap(), j =
     id: this.id,
     ariaLabel: this.ariaLabel,
     iconElements: this.iconElements,
-    inputCallback: (i) => o(this, c, kt).call(this, i),
-    searchCallback: (i) => o(this, c, Et).call(this, i),
-    openCallback: () => o(this, c, _t).call(this),
-    closeCallback: () => o(this, c, me).call(this),
-    keydownCallback: (i) => o(this, c, wt).call(this, i),
-    focusCallback: () => o(this, c, vt).call(this),
-    blurCallback: () => o(this, c, Lt).call(this),
-    nameChangeCallback: (i) => o(this, c, St).call(this, i)
+    inputCallback: (l) => a(this, h, Et).call(this, l),
+    searchCallback: (l) => a(this, h, wt).call(this, l),
+    openCallback: () => a(this, h, Tt).call(this),
+    closeCallback: () => a(this, h, pe).call(this),
+    keydownCallback: (l) => a(this, h, vt).call(this, l),
+    focusCallback: () => a(this, h, kt).call(this),
+    blurCallback: () => a(this, h, Lt).call(this),
+    nameChangeCallback: (l) => a(this, h, yt).call(this, l)
   });
-  return this.appendToBody && b(this, q, new ResizeObserver(() => this.updateListPosition())), e.append(s.srcElement), { container: e, list: t, input: s };
-}, kt = function(e) {
-  var i, a;
-  const t = K(e);
-  (i = n(this, m)) == null || i.updateValue(t);
-  const s = ((a = n(this, m)) == null ? void 0 : a.selectedNodes) ?? {};
-  o(this, c, ue).call(this, s), o(this, c, Ce).call(this);
-}, wt = function(e) {
+  return this.rtl && (e.setAttribute("dir", "rtl"), t.srcElement.setAttribute("dir", "rtl")), this.appendToBody && b(this, R, new ResizeObserver(() => this.updateListPosition())), e.append(s.srcElement), { container: e, list: t, input: s };
+}, Et = function(e) {
+  var l, r;
+  const t = Z(e);
+  (l = n(this, m)) == null || l.updateValue(t);
+  const s = ((r = n(this, m)) == null ? void 0 : r.selectedNodes) ?? {};
+  a(this, h, ue).call(this, s), a(this, h, be).call(this);
+}, vt = function(e) {
   var t;
   this.isListOpened && ((t = n(this, m)) == null || t.callKeyAction(e));
-}, Et = function(e) {
-  n(this, j) && clearTimeout(n(this, j)), b(this, j, window.setTimeout(() => {
+}, wt = function(e) {
+  n(this, $) && clearTimeout(n(this, $)), b(this, $, window.setTimeout(() => {
     var t;
     (t = n(this, m)) == null || t.updateSearchValue(e), this.updateListPosition();
-  }, 350)), o(this, c, Pt).call(this, e);
-}, vt = function() {
-  o(this, c, Z).call(this, !0), n(this, S) && n(this, S) && n(this, H) && (document.addEventListener("mousedown", n(this, S), !0), document.addEventListener("focus", n(this, S), !0), window.addEventListener("blur", n(this, H)));
+  }, 350)), a(this, h, Ot).call(this, e);
+}, kt = function() {
+  a(this, h, Q).call(this, !0), n(this, y) && n(this, y) && n(this, B) && (document.addEventListener("mousedown", n(this, y), !0), document.addEventListener("focus", n(this, y), !0), window.addEventListener("blur", n(this, B)));
 }, Lt = function() {
   setTimeout(() => {
-    var s, i;
-    const e = (s = n(this, f)) == null ? void 0 : s.srcElement.contains(document.activeElement), t = (i = n(this, m)) == null ? void 0 : i.srcElement.contains(document.activeElement);
+    var s, l;
+    const e = (s = n(this, p)) == null ? void 0 : s.srcElement.contains(document.activeElement), t = (l = n(this, m)) == null ? void 0 : l.srcElement.contains(document.activeElement);
     !e && !t && this.blurWindowHandler();
   }, 1);
-}, pe = function(e) {
+}, me = function(e) {
   var s;
   if (!e)
     return;
   let t = [];
-  this.isIndependentNodes || this.isSingleSelect ? t = e.allNodes : this.grouped ? t = e.groupedNodes : t = e.nodes, (s = n(this, f)) == null || s.updateValue(t), o(this, c, ue).call(this, e);
-}, yt = function(e) {
-  var t, s, i;
-  o(this, c, pe).call(this, e), this.isSingleSelect && !this.alwaysOpen && ((t = n(this, f)) == null || t.openClose(), (s = n(this, f)) == null || s.clearSearch()), (i = n(this, f)) == null || i.focus(), o(this, c, Ce).call(this);
+  this.isIndependentNodes || this.isSingleSelect ? t = e.allNodes : this.grouped ? t = e.groupedNodes : t = e.nodes, (s = n(this, p)) == null || s.updateValue(t), a(this, h, ue).call(this, e);
+}, St = function(e) {
+  var t, s, l;
+  a(this, h, me).call(this, e), this.isSingleSelect && !this.alwaysOpen && ((t = n(this, p)) == null || t.openClose(), (s = n(this, p)) == null || s.clearSearch()), (l = n(this, p)) == null || l.focus(), a(this, h, be).call(this);
 }, xt = function(e, t) {
   var s;
-  (s = n(this, f)) == null || s.focus(), this.updateListPosition(), o(this, c, Bt).call(this, e, t);
-}, St = function(e) {
-  this.selectedName !== e && (this.selectedName = e, o(this, c, Tt).call(this));
-}, _t = function() {
+  (s = n(this, p)) == null || s.focus(), this.updateListPosition(), a(this, h, Ht).call(this, e, t);
+}, yt = function(e) {
+  this.selectedName !== e && (this.selectedName = e, a(this, h, It).call(this));
+}, Tt = function() {
   var e;
-  this.isListOpened = !0, n(this, N) && n(this, T) && (window.addEventListener("scroll", n(this, N), !0), window.addEventListener("resize", n(this, T))), !(!n(this, m) || !this.srcElement) && (this.appendToBody ? (document.body.appendChild(n(this, m).srcElement), (e = n(this, q)) == null || e.observe(this.srcElement)) : this.srcElement.appendChild(n(this, m).srcElement), this.updateListPosition(), o(this, c, fe).call(this, !0), o(this, c, Nt).call(this), o(this, c, Ot).call(this));
-}, me = function() {
+  this.isListOpened = !0, n(this, A) && n(this, I) && (window.addEventListener("scroll", n(this, A), !0), window.addEventListener("resize", n(this, I))), !(!n(this, m) || !this.srcElement) && (this.appendToBody ? (document.body.appendChild(n(this, m).srcElement), (e = n(this, R)) == null || e.observe(this.srcElement)) : this.srcElement.appendChild(n(this, m).srcElement), this.updateListPosition(), a(this, h, ge).call(this, !0), a(this, h, At).call(this), a(this, h, Nt).call(this));
+}, pe = function() {
   var t;
-  this.alwaysOpen || (this.isListOpened = !1, n(this, N) && n(this, T) && (window.removeEventListener("scroll", n(this, N), !0), window.removeEventListener("resize", n(this, T))), !n(this, m) || !this.srcElement) || !(this.appendToBody ? document.body.contains(n(this, m).srcElement) : this.srcElement.contains(n(this, m).srcElement)) || (b(this, z, n(this, m).srcElement.scrollTop), this.appendToBody ? (document.body.removeChild(n(this, m).srcElement), (t = n(this, q)) == null || t.disconnect()) : this.srcElement.removeChild(n(this, m).srcElement), o(this, c, fe).call(this, !1), o(this, c, It).call(this));
-}, At = function(e, t) {
-  if (!n(this, m) || !n(this, f))
+  this.alwaysOpen || (this.isListOpened = !1, n(this, A) && n(this, I) && (window.removeEventListener("scroll", n(this, A), !0), window.removeEventListener("resize", n(this, I))), !n(this, m) || !this.srcElement) || !(this.appendToBody ? document.body.contains(n(this, m).srcElement) : this.srcElement.contains(n(this, m).srcElement)) || (b(this, q, n(this, m).srcElement.scrollTop), this.appendToBody ? (document.body.removeChild(n(this, m).srcElement), (t = n(this, R)) == null || t.disconnect()) : this.srcElement.removeChild(n(this, m).srcElement), a(this, h, ge).call(this, !1), a(this, h, _t).call(this));
+}, fe = function(e, t) {
+  if (!n(this, m) || !n(this, p))
     return;
-  const s = t ? "treeselect-list--top-to-body" : "treeselect-list--top", i = t ? "treeselect-list--bottom-to-body" : "treeselect-list--bottom";
-  e ? (n(this, m).srcElement.classList.add(s), n(this, m).srcElement.classList.remove(i), n(this, f).srcElement.classList.add("treeselect-input--top"), n(this, f).srcElement.classList.remove("treeselect-input--bottom")) : (n(this, m).srcElement.classList.remove(s), n(this, m).srcElement.classList.add(i), n(this, f).srcElement.classList.remove("treeselect-input--top"), n(this, f).srcElement.classList.add("treeselect-input--bottom"));
-}, Z = function(e) {
-  !n(this, f) || !n(this, m) || (e ? (n(this, f).srcElement.classList.add("treeselect-input--focused"), n(this, m).srcElement.classList.add("treeselect-list--focused")) : (n(this, f).srcElement.classList.remove("treeselect-input--focused"), n(this, m).srcElement.classList.remove("treeselect-list--focused")));
-}, fe = function(e) {
-  var t, s, i, a;
-  e ? (t = n(this, f)) == null || t.srcElement.classList.add("treeselect-input--opened") : (s = n(this, f)) == null || s.srcElement.classList.remove("treeselect-input--opened"), this.staticList ? (i = n(this, m)) == null || i.srcElement.classList.add("treeselect-list--static") : (a = n(this, m)) == null || a.srcElement.classList.remove("treeselect-list--static");
+  const s = t ? "treeselect-list--top-to-body" : "treeselect-list--top", l = t ? "treeselect-list--bottom-to-body" : "treeselect-list--bottom";
+  e ? (n(this, m).srcElement.classList.add(s), n(this, m).srcElement.classList.remove(l), n(this, p).srcElement.classList.add("treeselect-input--top"), n(this, p).srcElement.classList.remove("treeselect-input--bottom")) : (n(this, m).srcElement.classList.remove(s), n(this, m).srcElement.classList.add(l), n(this, p).srcElement.classList.remove("treeselect-input--top"), n(this, p).srcElement.classList.add("treeselect-input--bottom"));
 }, Q = function(e) {
-  !n(this, N) || !n(this, T) || !n(this, S) || !n(this, H) || ((!this.alwaysOpen || e) && (window.removeEventListener("scroll", n(this, N), !0), window.removeEventListener("resize", n(this, T))), document.removeEventListener("mousedown", n(this, S), !0), document.removeEventListener("focus", n(this, S), !0), window.removeEventListener("blur", n(this, H)));
-}, Nt = function() {
-  var t, s, i;
+  !n(this, p) || !n(this, m) || (e ? (n(this, p).srcElement.classList.add("treeselect-input--focused"), n(this, m).srcElement.classList.add("treeselect-list--focused")) : (n(this, p).srcElement.classList.remove("treeselect-input--focused"), n(this, m).srcElement.classList.remove("treeselect-list--focused")));
+}, ge = function(e) {
+  var t, s, l, r;
+  e ? (t = n(this, p)) == null || t.srcElement.classList.add("treeselect-input--opened") : (s = n(this, p)) == null || s.srcElement.classList.remove("treeselect-input--opened"), this.staticList ? (l = n(this, m)) == null || l.srcElement.classList.add("treeselect-list--static") : (r = n(this, m)) == null || r.srcElement.classList.remove("treeselect-list--static");
+}, ee = function(e) {
+  !n(this, A) || !n(this, I) || !n(this, y) || !n(this, B) || ((!this.alwaysOpen || e) && (window.removeEventListener("scroll", n(this, A), !0), window.removeEventListener("resize", n(this, I))), document.removeEventListener("mousedown", n(this, y), !0), document.removeEventListener("focus", n(this, y), !0), window.removeEventListener("blur", n(this, B)));
+}, At = function() {
+  var t, s, l;
   const e = (t = n(this, m)) == null ? void 0 : t.isLastFocusedElementExist();
-  this.saveScrollPosition && e ? (s = n(this, m)) == null || s.srcElement.scroll(0, n(this, z)) : (i = n(this, m)) == null || i.focusFirstListElement();
+  this.saveScrollPosition && e ? (s = n(this, m)) == null || s.srcElement.scroll(0, n(this, q)) : (l = n(this, m)) == null || l.focusFirstListElement();
 }, // Emits
-Ce = function() {
+be = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("input", { detail: this.value })), this.inputCallback && this.inputCallback(this.value);
-}, Tt = function() {
+}, It = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("name-change", { detail: this.selectedName })), this.nameChangeCallback && this.nameChangeCallback(this.selectedName);
-}, Ot = function() {
+}, Nt = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("open", { detail: this.value })), this.openCallback && this.openCallback(this.value));
-}, It = function() {
+}, _t = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("close", { detail: this.value })), this.closeCallback && this.closeCallback(this.value));
-}, Pt = function(e) {
+}, Ot = function(e) {
   var s;
   const t = (e == null ? void 0 : e.trim()) ?? "";
   (s = this.srcElement) == null || s.dispatchEvent(new CustomEvent("search", { detail: t })), this.searchCallback && this.searchCallback(t);
-}, Bt = function(e, t) {
+}, Ht = function(e, t) {
   var s;
   (s = this.srcElement) == null || s.dispatchEvent(new CustomEvent("open-close-group", { detail: { groupId: e, isClosed: t } })), this.openCloseGroupCallback && this.openCloseGroupCallback(e, t);
 };
 export {
-  Ss as default
+  Ns as default
 };