treeselectjs 0.13.0 → 0.13.2

package/dist/treeselectjs.mjs

@@ -1,11 +1,11 @@
-var Xt = Object.defineProperty;
+var Kt = Object.defineProperty;
 var we = (i) => {
   throw TypeError(i);
 };
-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 = {
+var Xt = (i, e, t) => e in i ? Kt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var c = (i, e, t) => Xt(i, typeof e != "symbol" ? e + "" : e, t), ee = (i, e, t) => e.has(i) || we("Cannot " + t);
+var n = (i, e, t) => (ee(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) => (ee(i, e, "write to private field"), s ? s.call(i, t) : e.set(i, t), t), a = (i, e, t) => (ee(i, e, "access private method"), t);
+const ve = {
   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>',
@@ -21,14 +21,14 @@ const ke = {
     const t = i.cloneNode(!0);
     e.appendChild(t);
   }
-}, Le = (i) => {
+}, ke = (i) => {
   const e = i ? { ...i } : {};
-  return Object.keys(ke).forEach((t) => {
-    e[t] || (e[t] = ke[t]);
+  return Object.keys(ve).forEach((t) => {
+    e[t] || (e[t] = ve[t]);
   }), e;
-}, 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 {
+}, Zt = (i) => i.reduce((e, { name: t }, s) => (e += t, s < i.length - 1 && (e += ", "), e), "");
+var _, S, D, x, h, Se, j, xe, ye, U, B, Te, Ae, Ie, Ne, _e, Oe, He, Pe, Ve, Be, De, Ge, Me, Re, Fe, $e, te;
+class Jt {
   constructor({
     value: e,
     showTags: t,
@@ -37,21 +37,20 @@ class Qt {
     isAlwaysOpened: r,
     searchable: u,
     placeholder: f,
-    disabled: v,
+    disabled: w,
     isSingleSelect: k,
     id: E,
     ariaLabel: C,
-    iconElements: w,
+    iconElements: v,
     inputCallback: L,
     searchCallback: T,
     openCallback: N,
     closeCallback: H,
     keydownCallback: W,
-    focusCallback: F,
-    blurCallback: te,
-    nameChangeCallback: se
+    focusCallback: R,
+    nameChangeCallback: Q
   }) {
-    g(this, d);
+    g(this, h);
     // Props
     c(this, "value");
     c(this, "showTags");
@@ -81,54 +80,53 @@ class Qt {
     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, {
+    this.value = e, this.showTags = t, this.tagsCountText = s, this.searchable = u, this.placeholder = f, this.clearable = l, this.isAlwaysOpened = r, this.disabled = w, this.isSingleSelect = k, this.id = E, this.ariaLabel = C, this.iconElements = v, this.isOpened = !1, this.searchText = "", b(this, _, a(this, h, Ie).call(this)), b(this, S, a(this, h, Ve).call(this)), b(this, D, a(this, h, Ge).call(this)), b(this, x, null), this.inputCallback = L, this.searchCallback = T, this.openCallback = N, this.closeCallback = H, this.keydownCallback = W, this.focusCallback = R, this.nameChangeCallback = Q, this.srcElement = a(this, h, Te).call(this, {
       htmlTagsSection: n(this, _),
       htmlEditControl: n(this, S),
       htmlOperators: n(this, D)
-    }), a(this, d, xe).call(this);
+    }), a(this, h, Se).call(this);
   }
   // Public methods
   focus() {
     setTimeout(() => n(this, S).focus(), 0);
   }
   blur() {
-    this.isOpened && a(this, d, V).call(this), this.clearSearch(), n(this, S).blur();
+    this.isOpened && a(this, h, B).call(this), this.clearSearch(), n(this, S).blur();
   }
   updateValue(e) {
-    this.value = e, a(this, d, j).call(this), a(this, d, U).call(this);
+    this.value = e, a(this, h, j).call(this), a(this, h, U).call(this);
   }
   removeItem(e) {
-    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);
+    this.value = this.value.filter((t) => t.id !== e), a(this, h, te).call(this), a(this, h, j).call(this), a(this, h, U).call(this);
   }
   clear() {
-    this.value = [], a(this, d, le).call(this), a(this, d, j).call(this), this.clearSearch();
+    this.value = [], a(this, h, te).call(this), a(this, h, j).call(this), this.clearSearch();
   }
   openClose() {
-    a(this, d, V).call(this);
+    a(this, h, B).call(this);
   }
   clearSearch() {
-    this.searchText = "", this.searchCallback(""), a(this, d, U).call(this);
+    this.searchText = "", this.searchCallback(""), a(this, h, U).call(this);
   }
 }
-_ = 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);
+_ = new WeakMap(), S = new WeakMap(), D = new WeakMap(), x = new WeakMap(), h = new WeakSet(), // Private methods
+Se = function() {
+  a(this, h, j).call(this), a(this, h, U).call(this), a(this, h, xe).call(this);
 }, j = function() {
   if (n(this, _).innerHTML = "", this.showTags) {
-    n(this, _).append(...a(this, d, _e).call(this));
-    const e = Jt(this.value);
+    n(this, _).append(...a(this, h, Ne).call(this));
+    const e = Zt(this.value);
     this.nameChangeCallback(e);
   } else {
-    const e = a(this, d, Be).call(this);
+    const e = a(this, h, Pe).call(this);
     n(this, _).appendChild(e), this.nameChangeCallback(e.innerText);
   }
   n(this, _).appendChild(n(this, S));
-}, ye = function() {
+}, xe = function() {
   const e = [];
-  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() {
+  n(this, D).innerHTML = "", this.clearable && e.push(a(this, h, Me).call(this)), this.isAlwaysOpened || e.push(a(this, h, Fe).call(this, this.isOpened)), e.length && n(this, D).append(...e);
+}, ye = function() {
   if (!this.isAlwaysOpened && n(this, x)) {
     const e = this.isOpened ? this.iconElements.arrowUp : this.iconElements.arrowDown;
     O(e, n(this, x));
@@ -136,36 +134,36 @@ xe = function() {
 }, U = function() {
   var e;
   (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({
+}, B = function() {
+  this.isOpened = !this.isOpened, a(this, h, ye).call(this), this.isOpened ? this.openCallback() : this.closeCallback();
+}, Te = 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() {
+  return l.classList.add("treeselect-input"), l.setAttribute("tabindex", "-1"), l.addEventListener("mousedown", (r) => a(this, h, Ae).call(this, r)), l.addEventListener("focus", () => this.focusCallback(), !0), e.appendChild(t), l.append(e, s), l;
+}, Ae = function(e) {
+  e.stopPropagation(), this.isOpened || a(this, h, B).call(this), this.focus();
+}, Ie = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__tags"), e;
-}, _e = function() {
+}, Ne = 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 = 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;
+    const s = a(this, h, Oe).call(this, e.name), l = a(this, h, He).call(this);
+    return t.addEventListener("mousedown", (r) => a(this, h, _e).call(this, r, e.id)), t.append(s, l), t;
   });
-}, Oe = function(e, t) {
+}, _e = function(e, t) {
   e.preventDefault(), e.stopPropagation(), this.removeItem(t), this.focus();
-}, He = function(e) {
+}, Oe = function(e) {
   const t = document.createElement("span");
   return t.classList.add("treeselect-input__tags-name"), t.textContent = e, t;
-}, Pe = function() {
+}, He = function() {
   const e = document.createElement("span");
   return e.classList.add("treeselect-input__tags-cross"), O(this.iconElements.cross, e), e;
-}, Be = function() {
+}, Pe = function() {
   const e = document.createElement("span");
   if (e.classList.add("treeselect-input__tags-count"), !this.value.length)
     return e.textContent = "", e.setAttribute("title", ""), e;
@@ -173,12 +171,12 @@ xe = 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) => a(this, d, De).call(this, t)), e.addEventListener("input", (t) => a(this, d, Ge).call(this, t, e)), e;
-}, De = function(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, h, Be).call(this, t)), e.addEventListener("input", (t) => a(this, h, De).call(this, t, e)), e;
+}, Be = 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) && 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) {
+  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, h, B).call(this), (t === "Enter" || t === "ArrowDown" || t === "ArrowUp") && e.preventDefault(), this.keydownCallback(e), t !== "Tab" && this.focus();
+}, De = function(e, t) {
   e.stopPropagation();
   const s = this.searchText, l = t.value.trim();
   if (s.length === 0 && l.length === 0) {
@@ -187,35 +185,35 @@ xe = function() {
   }
   if (this.searchable) {
     const r = e.target.value;
-    this.searchCallback(r), this.isOpened || a(this, d, V).call(this);
+    this.searchCallback(r), this.isOpened || a(this, h, B).call(this);
   } else
     t.value = "";
   this.searchText = t.value;
-}, Me = function() {
+}, Ge = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__operators"), e;
-}, Fe = function() {
+}, Me = function() {
   const e = document.createElement("span");
-  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;
+  return e.classList.add("treeselect-input__clear"), e.setAttribute("tabindex", "-1"), O(this.iconElements.clear, e), e.addEventListener("mousedown", (t) => a(this, h, Re).call(this, t)), e;
 }, Re = function(e) {
   e.preventDefault(), e.stopPropagation(), (this.searchText.length || this.value.length) && this.clear(), this.focus();
-}, $e = function(e) {
+}, Fe = 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 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);
+  return O(t, n(this, x)), n(this, x).addEventListener("mousedown", (s) => a(this, h, $e).call(this, s)), n(this, x);
+}, $e = function(e) {
+  e.stopPropagation(), e.preventDefault(), this.focus(), a(this, h, B).call(this);
 }, // Emits
-le = function() {
+te = function() {
   this.inputCallback(this.value);
 };
-const je = ({
+const We = ({
   newValue: i,
   optionsTreeMap: e,
   isSingleSelect: t,
   isIndependentNodes: s
 }) => {
-  is(e);
+  ss(e);
   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;
@@ -223,14 +221,14 @@ const je = ({
   }
   l.forEach((u) => {
     u.checked = !0;
-    const f = Ce({
+    const f = be({
       option: u,
       optionsTreeMap: e,
       isIndependentNodes: s
     });
     u.checked = f;
   });
-}, Ce = ({
+}, be = ({
   option: { id: i, checked: e },
   optionsTreeMap: t,
   isIndependentNodes: s
@@ -240,16 +238,16 @@ const je = ({
     return !1;
   if (s)
     return l.checked = !l.disabled && e, l.checked;
-  const r = Ue({
+  const r = je({
     checked: e,
     currentOption: l,
     optionsTreeMap: t
   });
-  return ze({
+  return Ue({
     childOption: l,
     optionsTreeMap: t
   }), r;
-}, Ue = ({
+}, je = ({
   checked: i,
   currentOption: e,
   optionsTreeMap: t
@@ -257,52 +255,52 @@ const je = ({
   if (!e.isGroup)
     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({
+  return !i || e.disabled || e.isPartialChecked ? (e.checked = !1, e.isPartialChecked = !1, se({
     option: e,
     children: s,
     optionsTreeMap: t
-  }), e.checked) : Ye({
+  }), e.checked) : ze({
     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({
+  }) ? Ye(s) ? (e.checked = !1, e.isPartialChecked = !1, e.disabled = !0, e.checked) : (e.checked = !1, e.isPartialChecked = !0, s.forEach((f) => {
+    je({
       checked: i,
       currentOption: f,
       optionsTreeMap: t
     });
-  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, ne({
+  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, se({
     option: e,
     children: s,
     optionsTreeMap: t
   }), e.checked);
-}, ze = ({
+}, Ue = ({
   childOption: i,
   optionsTreeMap: e
 }) => {
   const t = e.get(i.childOf) ?? null;
-  t !== null && (es({ parentOption: t, optionsTreeMap: e }), ze({
+  t !== null && (Qt({ parentOption: t, optionsTreeMap: e }), Ue({
     childOption: t,
     optionsTreeMap: e
   }));
-}, es = ({
+}, Qt = ({
   parentOption: i,
   optionsTreeMap: e
 }) => {
   const t = K({ id: i.id, optionsTreeMap: e });
-  if (qe(t)) {
+  if (Ye(t)) {
     i.checked = !1, i.isPartialChecked = !1, i.disabled = !0;
     return;
   }
-  if (ts(t)) {
+  if (es(t)) {
     i.checked = !0, i.isPartialChecked = !1;
     return;
   }
-  if (ss(t)) {
+  if (ts(t)) {
     i.checked = !1, i.isPartialChecked = !0;
     return;
   }
   i.checked = !1, i.isPartialChecked = !1;
-}, ne = ({
+}, se = ({
   option: { checked: i, disabled: e },
   children: t,
   optionsTreeMap: s
@@ -310,38 +308,38 @@ const je = ({
   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({
+    se({
       option: { checked: i, disabled: e },
       children: r,
       optionsTreeMap: s
     });
   });
-}, Ye = ({
+}, ze = ({
   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) => {
+  return ze({ children: l, optionsTreeMap: e });
+}), Ye = (i) => i.every((e) => !!e.disabled), es = (i) => i.every((e) => e.checked), ts = (i) => i.some((e) => e.checked || e.isPartialChecked), ss = (i) => {
   i.forEach((e) => {
     e.checked = !1, e.isPartialChecked = !1;
   });
-}, ls = ({
+}, is = ({
   options: i,
   openLevel: e,
   isIndependentNodes: t
 }) => {
   const s = { level: 0, groupId: "" }, l = /* @__PURE__ */ new Map();
-  return Ke({
+  return qe({
     optionsTreeMap: l,
     options: i,
     openLevel: e,
     groupId: s.groupId,
     level: s.level
-  }), rs({ optionsTreeMap: l, isIndependentNodes: t }), l;
-}, Ke = ({
+  }), as({ optionsTreeMap: l, isIndependentNodes: t }), l;
+}, qe = ({
   optionsTreeMap: i,
   options: e,
   openLevel: t,
@@ -349,8 +347,8 @@ const je = ({
   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;
+    var C, v;
+    const u = (((C = r.children) == null ? void 0 : C.length) ?? 0) > 0, f = l >= t && u, w = l > t, k = ((v = r.children) == null ? void 0 : v.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, {
@@ -362,7 +360,7 @@ const je = ({
       isPartialChecked: !1,
       level: l,
       isClosed: f,
-      hidden: v,
+      hidden: w,
       disabled: r.disabled ?? !1,
       isGroupSelectable: !u || (r.isGroupSelectable ?? !0),
       children: k,
@@ -371,7 +369,7 @@ const je = ({
       itemHtmlElement: null,
       arrowItemHtmlElement: null,
       checkboxIconHtmlElement: null
-    }), u && Ke({
+    }), u && qe({
       optionsTreeMap: i,
       options: r.children,
       openLevel: t,
@@ -379,7 +377,7 @@ const je = ({
       level: l + 1
     });
   });
-}, ns = (i, e) => i === null ? null : e.get(i) ?? e.get(parseInt(i)) ?? null, K = ({
+}, ls = (i, e) => i === null ? null : e.get(i) ?? e.get(parseInt(i)) ?? null, K = ({
   id: i,
   optionsTreeMap: e
 }) => {
@@ -388,14 +386,14 @@ const je = ({
     const r = e.get(l) ?? null;
     return r !== null && s.push(r), s;
   }, []);
-}, as = (i) => {
+}, ns = (i) => {
   const e = [], t = [], s = [];
   i.forEach((r) => {
     r.checked && (s.push(r), r.isGroup ? t.push(r) : e.push(r));
   });
   const l = s.filter((r) => !t.some(({ id: u }) => u === r.childOf));
   return { ungroupedNodes: e, groupedNodes: l, allNodes: s };
-}, rs = ({
+}, as = ({
   optionsTreeMap: i,
   isIndependentNodes: e
 }) => {
@@ -403,7 +401,7 @@ const je = ({
   i.forEach((s) => {
     s.disabled && t.push(s);
   }), t.forEach(
-    ({ id: s }) => Ce({
+    ({ id: s }) => be({
       option: { id: s, checked: !1 },
       optionsTreeMap: i,
       isIndependentNodes: e
@@ -413,34 +411,34 @@ const je = ({
   K({ id: e, optionsTreeMap: i }).forEach((l) => {
     l.hidden = t ?? !1, l.isGroup && !l.isClosed && X(i, { id: l.id, isClosed: t });
   });
-}, cs = (i, e) => {
+}, rs = (i, e) => {
   if (e) {
-    os(i);
+    cs(i);
     return;
   }
   i.forEach((t) => {
-    t.checked && Ee(t.childOf, i), t.isGroup && !t.disabled && (t.checked || t.isPartialChecked) && (t.isClosed = !1, X(i, t));
+    t.checked && Ce(t.childOf, i), t.isGroup && !t.disabled && (t.checked || t.isPartialChecked) && (t.isClosed = !1, X(i, t));
   });
-}, os = (i) => {
+}, cs = (i) => {
   let e = null;
   for (const [t, s] of i)
     if (s.checked && !s.disabled) {
       e = s;
       break;
     }
-  e && (e.isGroup && (e.isClosed = !1, X(i, e)), Ee(e.childOf, i));
-}, Ee = (i, e) => {
+  e && (e.isGroup && (e.isClosed = !1, X(i, e)), Ce(e.childOf, i));
+}, Ce = (i, e) => {
   const t = e.get(i) ?? null;
-  t && (t.isClosed = !1, X(e, t), Ee(t.childOf, e));
-}, hs = (i, e) => {
+  t && (t.isClosed = !1, X(e, t), Ce(t.childOf, e));
+}, os = (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;
+    s && (t.isGroup && (t.isClosed = !0), t.childOf && Ke(t.childOf, i)), t.hidden = !s;
   });
-}, Xe = (i, e) => {
+}, Ke = (i, e) => {
   const t = e.get(i) ?? null;
-  t && (t.hidden = !1, t.isClosed = !1, Xe(t.childOf, e));
-}, ds = ({
+  t && (t.hidden = !1, t.isClosed = !1, Ke(t.childOf, e));
+}, hs = ({
   optionsTreeMap: i,
   beforeSearchStateMap: e
 }) => {
@@ -448,7 +446,7 @@ const je = ({
     const s = e.get(t.id);
     s && (t.hidden = s.hidden, t.isClosed = s.isClosed);
   }), e.clear();
-}, us = ({
+}, ds = ({
   optionsTreeMap: i,
   beforeSearchStateMap: e
 }) => {
@@ -458,14 +456,14 @@ const je = ({
       isClosed: t.isClosed
     });
   });
-}, ms = (i) => new IntersectionObserver(
+}, us = (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 = ({
+), ms = ({
   optionsTreeMap: i,
   emptyListHtmlElement: e,
   iconElements: t,
@@ -474,9 +472,9 @@ const je = ({
 }) => {
   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 = ({
+    u && (u.checked = r.checked), bs({ option: r, previousSingleSelectedValue: s }), Cs(r), Es(r), ws({ option: r, iconElements: t }), vs(r), ps({ option: r, optionsTreeMap: i, rtl: l }), ks({ option: r, iconElements: t }), Ls(r);
+  }), fs({ optionsTreeMap: i, emptyListHtmlElement: e });
+}, ps = ({
   option: i,
   optionsTreeMap: e,
   rtl: t
@@ -484,19 +482,19 @@ const je = ({
   const s = i.level === 0, l = 20, r = 5;
   let u = "0";
   if (s) {
-    let v = !1;
+    let w = !1;
     for (const [E, C] of e)
       if (C.isGroup && C.level === i.level) {
-        v = !0;
+        w = !0;
         break;
       }
-    const k = !i.isGroup && v ? `${l}px` : `${r}px`;
+    const k = !i.isGroup && w ? `${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 = ({
+}, fs = ({
   optionsTreeMap: i,
   emptyListHtmlElement: e
 }) => {
@@ -507,12 +505,12 @@ const je = ({
       break;
     }
   e == null || e.classList.toggle("treeselect-list__empty--hidden", t);
-}, bs = (i, e) => {
+}, gs = (i, e) => {
   e && Object.keys(e).forEach((t) => {
     const s = e[t];
     typeof s == "string" && i.setAttribute(t, s);
   });
-}, Cs = ({
+}, bs = ({
   option: i,
   previousSingleSelectedValue: e
 }) => {
@@ -520,10 +518,10 @@ const je = ({
   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) => {
+}, Cs = (i) => {
   const e = i.itemHtmlElement;
   e == null || e.classList.toggle("treeselect-list__item--partial-checked", i.isPartialChecked);
-}, vs = (i) => {
+}, Es = (i) => {
   const e = i.itemHtmlElement;
   e == null || e.classList.toggle("treeselect-list__item--disabled", i.disabled);
 }, ws = ({ option: i, iconElements: e }) => {
@@ -534,16 +532,16 @@ const je = ({
     const l = i.itemHtmlElement;
     l == null || l.classList.toggle("treeselect-list__item--closed", i.isClosed);
   }
-}, ks = (i) => {
+}, vs = (i) => {
   const e = i.itemHtmlElement;
   e == null || e.classList.toggle("treeselect-list__item--hidden", i.hidden);
-}, Ls = ({ option: i, iconElements: e }) => {
+}, ks = ({ 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) => {
+}, Ls = (i) => {
   const e = i.itemHtmlElement;
   e == null || e.classList.toggle("treeselect-list__item--non-selectable-group", !i.isGroupSelectable);
-}, xs = ({
+}, Ss = ({
   newValue: i,
   optionsTreeMap: e,
   isSingleSelect: t,
@@ -551,15 +549,15 @@ const je = ({
   isFirstValueUpdate: l,
   isIndependentNodes: r
 }) => {
-  je({
+  We({
     newValue: i,
     optionsTreeMap: e,
     isSingleSelect: t,
     isIndependentNodes: r
-  }), l && s && cs(e, t);
+  }), l && s && rs(e, t);
 };
-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 {
+var G, P, M, Y, o, z, Xe, Ze, Je, Qe, et, tt, ie, st, it, lt, le, nt, at, rt, ct, ot, ht, dt, ut, mt, ne, pt, ft, ae, J, re, gt;
+class xs {
   constructor({
     options: e,
     value: t,
@@ -568,17 +566,17 @@ class ys {
     tagsSortFn: r,
     emptyText: u,
     isSingleSelect: f,
-    iconElements: v,
+    iconElements: w,
     showCount: k,
     disabledBranchNode: E,
     expandSelected: C,
-    isIndependentNodes: w,
+    isIndependentNodes: v,
     rtl: L,
     listClassName: T,
     isBoostedRendering: N,
     inputCallback: H,
     arrowClickCallback: W,
-    mouseupCallback: F
+    mouseupCallback: R
   }) {
     g(this, o);
     // Props
@@ -614,34 +612,34 @@ class ys {
     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({
+    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 = v ?? !1, this.rtl = L ?? !1, this.listClassName = T ?? "", this.isBoostedRendering = N, this.iconElements = w, this.searchText = "", this.intersectionItemsObserver = null, this.selectedNodes = { nodes: [], groupedNodes: [], allNodes: [] }, this.optionsTreeMap = is({
       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;
+    }), this.beforeSearchStateMap = /* @__PURE__ */ new Map(), this.emptyListHtmlElement = null, this.srcElement = a(this, o, Je).call(this), this.inputCallback = H, this.arrowClickCallback = W, this.mouseupCallback = R;
   }
   // Public methods
   updateValue(e) {
-    this.value = e, b(this, M, this.isSingleSelect ? this.value : []), xs({
+    this.value = e, b(this, M, this.isSingleSelect ? this.value : []), Ss({
       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);
+    }), a(this, o, z).call(this), b(this, Y, !1), a(this, o, re).call(this);
   }
   updateSearchValue(e) {
     if (e === this.searchText)
       return;
     const t = this.searchText === "" && e !== "";
-    this.searchText = e, t && us({
+    this.searchText = e, t && ds({
       beforeSearchStateMap: this.beforeSearchStateMap,
       optionsTreeMap: this.optionsTreeMap
-    }), this.searchText === "" && ds({
+    }), this.searchText === "" && hs({
       beforeSearchStateMap: this.beforeSearchStateMap,
       optionsTreeMap: this.optionsTreeMap
-    }), this.searchText && hs(this.optionsTreeMap, e), a(this, o, z).call(this), this.focusFirstListElement();
+    }), this.searchText && os(this.optionsTreeMap, e), a(this, o, z).call(this), this.focusFirstListElement();
   }
   callKeyAction(e) {
     b(this, P, !1);
@@ -649,10 +647,10 @@ class ys {
     if (t == null ? void 0 : t.classList.contains("treeselect-list__item--hidden"))
       return;
     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);
+    l === "Enter" && t && t.dispatchEvent(new Event("mousedown")), (l === "ArrowLeft" || l === "ArrowRight") && a(this, o, Xe).call(this, t, e), (l === "ArrowDown" || l === "ArrowUp") && a(this, o, Ze).call(this, t, l);
   }
   focusFirstListElement() {
-    const e = "treeselect-list__item--focused", t = this.srcElement.querySelector(`.${e}`), s = a(this, o, ce).call(this);
+    const e = "treeselect-list__item--focused", t = this.srcElement.querySelector(`.${e}`), s = a(this, o, ne).call(this);
     if (!s.length)
       return;
     t && t.classList.remove(e);
@@ -668,30 +666,30 @@ class ys {
 }
 G = new WeakMap(), P = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), o = new WeakSet(), // Private methods
 z = function() {
-  ps({
+  ms({
     optionsTreeMap: this.optionsTreeMap,
     emptyListHtmlElement: this.emptyListHtmlElement,
     iconElements: this.iconElements,
     previousSingleSelectedValue: n(this, M),
     rtl: this.rtl
   });
-}, Ze = function(e, t) {
+}, Xe = function(e, t) {
   if (!e)
     return;
-  const s = t.key, r = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), u = ns(r, this.optionsTreeMap), f = u.arrowItemHtmlElement;
+  const s = t.key, r = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), u = ls(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) {
+}, Ze = function(e, t) {
   var r;
-  const s = a(this, o, ce).call(this);
+  const s = a(this, o, ne).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];
+    const w = t === "ArrowDown" ? u + 1 : u - 1, k = t === "ArrowDown" ? 0 : s.length - 1, E = !s[w], C = s[w] ?? s[k];
     C.classList.add(l);
-    const w = this.srcElement.getBoundingClientRect(), L = C.getBoundingClientRect();
+    const v = this.srcElement.getBoundingClientRect(), L = C.getBoundingClientRect();
     if (E && t === "ArrowDown") {
       this.srcElement.scroll(0, 0);
       return;
@@ -701,11 +699,11 @@ z = function() {
       return;
     }
     const T = ((r = this.listSlotHtmlComponent) == null ? void 0 : r.clientHeight) ?? 0;
-    if (w.y + w.height < L.y + L.height + T) {
+    if (v.y + v.height < L.y + L.height + T) {
       this.srcElement.scroll(0, this.srcElement.scrollTop + L.height);
       return;
     }
-    if (w.y > L.y) {
+    if (v.y > L.y) {
       this.srcElement.scroll(0, this.srcElement.scrollTop - L.height);
       return;
     }
@@ -713,79 +711,79 @@ z = function() {
     const [u] = s;
     u.classList.add(l);
   }
-}, Qe = function() {
-  const e = a(this, o, et).call(this), t = a(this, o, ae).call(this, this.options);
+}, Je = function() {
+  const e = a(this, o, Qe).call(this), t = a(this, o, ie).call(this, this.options);
   e.append(...t);
-  const s = a(this, o, lt).call(this);
+  const s = a(this, o, it).call(this);
   e.append(s);
-  const l = a(this, o, it).call(this);
+  const l = a(this, o, st).call(this);
   return l && e.append(l), e;
-}, et = function() {
+}, Qe = 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) => 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) {
+  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, et).call(this, t)), e.addEventListener("mousemove", () => a(this, o, tt).call(this)), e.addEventListener("mouseup", () => this.mouseupCallback(), !0), this.isBoostedRendering && (this.intersectionItemsObserver = us(e)), e;
+}, et = function(e) {
   e.stopPropagation(), n(this, G) && n(this, P) && n(this, G).classList.add("treeselect-list__item--focused");
-}, st = function() {
+}, tt = function() {
   b(this, P, !0);
-}, ae = function(e) {
+}, ie = function(e) {
   return e.reduce((t, s) => {
     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);
+      const u = a(this, o, lt).call(this, s), f = a(this, o, ie).call(this, s.children);
       return u.append(...f), t.push(u), t;
     }
-    const l = a(this, o, re).call(this, s, !1);
+    const l = a(this, o, le).call(this, s, !1);
     return t.push(l), t;
   }, []);
-}, it = function() {
+}, st = function() {
   if (!this.listSlotHtmlComponent)
     return null;
   const e = document.createElement("div");
   return e.classList.add("treeselect-list__slot"), e.appendChild(this.listSlotHtmlComponent), e;
-}, lt = function() {
+}, it = function() {
   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"), 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), this.emptyListHtmlElement = e, e;
-}, nt = function(e) {
+}, lt = function(e) {
   const t = document.createElement("div");
   t.setAttribute("group-container-id", e.value.toString()), t.classList.add("treeselect-list__group-container");
-  const s = a(this, o, re).call(this, e, !0);
+  const s = a(this, o, le).call(this, e, !0);
   return t.appendChild(s), t;
-}, re = function(e, t) {
-  const s = a(this, o, at).call(this, e);
+}, le = function(e, t) {
+  const s = a(this, o, nt).call(this, e);
   if (t) {
-    const u = a(this, o, ht).call(this, e);
+    const u = a(this, o, ot).call(this, e);
     s.appendChild(u), s.classList.add("treeselect-list__item--group");
   }
-  const l = a(this, o, ut).call(this, e), r = a(this, o, mt).call(this, e, t);
+  const l = a(this, o, dt).call(this, e), r = a(this, o, ut).call(this, e, t);
   return s.append(l, r), s;
-}, at = function(e) {
+}, nt = function(e) {
   const t = document.createElement("div");
-  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);
+  t.setAttribute("tabindex", "-1"), t.setAttribute("title", e.name), gs(t, e.htmlAttr), t.classList.add("treeselect-list__item"), t.addEventListener("mouseover", () => a(this, o, at).call(this, t), !0), t.addEventListener("mouseout", () => a(this, o, rt).call(this, t), !0), t.addEventListener("mousedown", (l) => a(this, o, ct).call(this, l, e)), this.intersectionItemsObserver && this.intersectionItemsObserver.observe(t);
   const s = this.optionsTreeMap.get(e.value);
   return s && (s.itemHtmlElement = t), t;
+}, at = function(e) {
+  n(this, P) && a(this, o, ae).call(this, !0, e);
 }, rt = function(e) {
-  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) {
+  n(this, P) && (a(this, o, ae).call(this, !1, e), b(this, G, e));
+}, ct = function(e, t) {
   e.preventDefault(), e.stopPropagation();
   const s = this.optionsTreeMap.get(t.value) ?? null;
   if (s != null && s.disabled)
     return;
   const l = s == null ? void 0 : s.checkboxHtmlElement;
-  l && (l.checked = !l.checked, a(this, o, ft).call(this, l, t));
-}, ht = function(e) {
+  l && (l.checked = !l.checked, a(this, o, pt).call(this, l, t));
+}, ot = 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));
+  t.setAttribute("tabindex", "-1"), t.classList.add("treeselect-list__item-icon"), O(this.iconElements.arrowDown, t), t.addEventListener("mousedown", (l) => a(this, o, ht).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) {
+}, ht = function(e, t) {
+  e.preventDefault(), e.stopPropagation(), a(this, o, ft).call(this, t);
+}, dt = function(e) {
   const t = document.createElement("div");
   t.classList.add("treeselect-list__item-checkbox-container");
   const s = document.createElement("span");
@@ -794,24 +792,24 @@ z = function() {
   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) {
+}, ut = function(e, t) {
   const s = document.createElement("label");
   if (s.textContent = e.name, s.classList.add("treeselect-list__item-label"), t && this.showCount) {
-    const l = a(this, o, pt).call(this, e);
+    const l = a(this, o, mt).call(this, e);
     s.appendChild(l);
   }
   return s;
-}, pt = function(e) {
+}, mt = 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() {
+}, ne = function() {
   const e = [];
   return this.optionsTreeMap.forEach((t) => {
     !t.hidden && t.itemHtmlElement && e.push(t.itemHtmlElement);
   }), e;
 }, // Actions
-ft = function(e, t) {
+pt = function(e, t) {
   const s = this.optionsTreeMap.get(t.value) ?? null;
   if (s === null)
     return;
@@ -825,7 +823,7 @@ ft = function(e, t) {
     const [r] = n(this, M);
     if (s.id === r)
       return;
-    b(this, M, [s.id]), je({
+    b(this, M, [s.id]), We({
       newValue: [s.id],
       optionsTreeMap: this.optionsTreeMap,
       isSingleSelect: this.isSingleSelect,
@@ -833,18 +831,18 @@ ft = function(e, t) {
     });
   } else {
     s.checked = e.checked;
-    const r = Ce({
+    const r = be({
       option: s,
       optionsTreeMap: this.optionsTreeMap,
       isIndependentNodes: this.isIndependentNodes
     });
     e.checked = r;
   }
-  a(this, o, z).call(this), a(this, o, bt).call(this);
-}, gt = function(e) {
+  a(this, o, z).call(this), a(this, o, gt).call(this);
+}, ft = 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) {
+}, ae = function(e, t) {
   const s = "treeselect-list__item--focused";
   if (e) {
     const l = Array.from(this.srcElement.querySelectorAll(`.${s}`));
@@ -853,18 +851,18 @@ ft = function(e, t) {
     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 } = as(this.optionsTreeMap);
+}, re = function() {
+  const { ungroupedNodes: e, groupedNodes: t, allNodes: s } = ns(this.optionsTreeMap);
   this.selectedNodes = {
     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() {
-  a(this, o, he).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
+gt = function() {
+  a(this, o, re).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
 };
-const Se = ({
+const Le = ({
   parentHtmlContainer: i,
   staticList: e,
   appendToBody: t,
@@ -873,15 +871,15 @@ const Se = ({
   direction: r
 }) => {
   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) => {
+}, Z = (i) => i.map((e) => e.id), ys = (i) => i == null ? [] : Array.isArray(i) ? i : [i], Ts = (i, e) => {
   if (e) {
     const [t] = i;
     return t ?? null;
   }
   return i;
 };
-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 {
+var m, p, F, q, $, A, I, y, V, d, ce, oe, bt, Ct, Et, wt, vt, he, kt, Lt, St, xt, de, ue, me, pe, fe, yt, ge, Tt, At, It, Nt, _t;
+class Is {
   constructor({
     parentHtmlContainer: e,
     value: t,
@@ -890,38 +888,38 @@ class Ns {
     appendToBody: r,
     alwaysOpen: u,
     showTags: f,
-    tagsCountText: v,
+    tagsCountText: w,
     tagsSortFn: k,
     clearable: E,
     searchable: C,
-    placeholder: w,
+    placeholder: v,
     grouped: L,
     isGroupedValue: T,
     listSlotHtmlComponent: N,
     disabled: H,
     emptyText: W,
-    staticList: F,
-    id: te,
-    ariaLabel: se,
-    isSingleSelect: ve,
-    showCount: Pt,
-    disabledBranchNode: Bt,
+    staticList: R,
+    id: Q,
+    ariaLabel: Ot,
+    isSingleSelect: Ee,
+    showCount: Ht,
+    disabledBranchNode: Pt,
     direction: Vt,
-    expandSelected: Dt,
-    saveScrollPosition: Gt,
-    isIndependentNodes: Mt,
-    rtl: Ft,
+    expandSelected: Bt,
+    saveScrollPosition: Dt,
+    isIndependentNodes: Gt,
+    rtl: Mt,
     listClassName: Rt,
-    isBoostedRendering: $t,
-    iconElements: Wt,
-    inputCallback: jt,
-    openCallback: Ut,
-    closeCallback: zt,
-    nameChangeCallback: Yt,
-    searchCallback: qt,
-    openCloseGroupCallback: Kt
+    isBoostedRendering: Ft,
+    iconElements: $t,
+    inputCallback: Wt,
+    openCallback: jt,
+    closeCallback: Ut,
+    nameChangeCallback: zt,
+    searchCallback: Yt,
+    openCloseGroupCallback: qt
   }) {
-    g(this, h);
+    g(this, d);
     // Props
     c(this, "parentHtmlContainer");
     c(this, "value");
@@ -971,7 +969,7 @@ class Ns {
     g(this, m, null);
     g(this, p, null);
     // Resize props
-    g(this, R, null);
+    g(this, F, null);
     // List position scroll
     g(this, q, 0);
     // Timer for search text
@@ -980,31 +978,31 @@ class Ns {
     g(this, A, null);
     g(this, I, null);
     g(this, y, null);
-    g(this, B, null);
-    Se({
+    g(this, V, null);
+    Le({
       parentHtmlContainer: e,
       value: t,
-      staticList: F,
+      staticList: R,
       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);
+      isSingleSelect: Ee
+    }), 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 = w ?? "elements selected", this.tagsSortFn = k ?? null, this.clearable = E ?? !0, this.searchable = C ?? !0, this.placeholder = v ?? "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 = !!(R && !this.appendToBody), this.id = Q ?? "", this.ariaLabel = Ot ?? "", this.isSingleSelect = Ee ?? !1, this.showCount = Ht ?? !1, this.disabledBranchNode = Pt ?? !1, this.direction = Vt ?? "auto", this.expandSelected = Bt ?? !1, this.saveScrollPosition = Dt ?? !0, this.isIndependentNodes = Gt ?? !1, this.rtl = Mt ?? !1, this.listClassName = Rt ?? "", this.isBoostedRendering = Ft ?? !1, this.iconElements = ke($t), this.inputCallback = Wt, this.openCallback = jt, this.closeCallback = Ut, this.nameChangeCallback = zt, this.searchCallback = Yt, this.openCloseGroupCallback = qt, this.ungroupedValue = [], this.groupedValue = [], this.allValue = [], this.isListOpened = !1, this.selectedName = "", this.srcElement = null, a(this, d, ce).call(this, t);
   }
   mount() {
-    Se({
+    Le({
       parentHtmlContainer: this.parentHtmlContainer,
       value: this.value,
       staticList: this.staticList,
       appendToBody: this.appendToBody,
       isSingleSelect: this.isSingleSelect
-    }), this.iconElements = Le(this.iconElements), a(this, h, de).call(this, this.value);
+    }), this.iconElements = ke(this.iconElements), a(this, d, ce).call(this, this.value);
   }
   updateValue(e) {
-    const t = Ts(e), s = n(this, m);
-    s && (s.updateValue(t), a(this, h, me).call(this, s == null ? void 0 : s.selectedNodes));
+    const t = ys(e), s = n(this, m);
+    s && (s.updateValue(t), a(this, d, he).call(this, s == null ? void 0 : s.selectedNodes));
   }
   destroy() {
     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());
+    this.srcElement && (a(this, d, de).call(this), this.srcElement.innerHTML = "", this.srcElement = null, a(this, d, fe).call(this, !0), (e = n(this, m)) == null || e.destroy());
   }
   focus() {
     n(this, p) && n(this, p).focus();
@@ -1017,12 +1015,13 @@ class Ns {
     this.updateListPosition();
   }
   focusWindowHandler(e) {
-    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));
+    var l, r;
+    let t = e.target;
+    t != null && t.shadowRoot && e.composedPath().length > 0 && (t = e.composedPath()[0]), ((l = this.srcElement) == null ? void 0 : l.contains(t)) || ((r = n(this, m)) == null ? void 0 : r.srcElement.contains(t)) || this.blurWindowHandler();
   }
   blurWindowHandler() {
     var e;
-    (e = n(this, p)) == null || e.blur(), a(this, h, ee).call(this, !1), a(this, h, Q).call(this, !1);
+    (e = n(this, p)) == null || e.blur(), a(this, d, fe).call(this, !1), a(this, d, me).call(this, !1);
   }
   // Update direction of the list. Support appendToBody and standard mode with absolute
   updateListPosition() {
@@ -1031,7 +1030,7 @@ class Ns {
     if (!e || !t)
       return;
     if (this.staticList) {
-      t.setAttribute("direction", "bottom"), a(this, h, fe).call(this, !1, this.appendToBody);
+      t.setAttribute("direction", "bottom"), a(this, d, ue).call(this, !1, this.appendToBody);
       return;
     }
     const { height: s } = t.getBoundingClientRect(), {
@@ -1039,34 +1038,34 @@ class Ns {
       y: r,
       height: u,
       width: f
-    } = e.getBoundingClientRect(), v = window.innerHeight, k = r, E = v - r - u;
+    } = e.getBoundingClientRect(), w = window.innerHeight, k = r, E = w - 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 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 w = C ? "top" : "bottom";
-    t.getAttribute("direction") !== w && (t.setAttribute("direction", w), a(this, h, fe).call(this, C, this.appendToBody));
+    const v = C ? "top" : "bottom";
+    t.getAttribute("direction") !== v && (t.setAttribute("direction", v), a(this, d, ue).call(this, C, this.appendToBody));
   }
 }
-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) {
+m = new WeakMap(), p = new WeakMap(), F = new WeakMap(), q = new WeakMap(), $ = new WeakMap(), A = new WeakMap(), I = new WeakMap(), y = new WeakMap(), V = new WeakMap(), d = new WeakSet(), ce = function(e) {
   var r;
   this.destroy();
-  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({
+  const { container: t, list: s, input: l } = a(this, d, bt).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, V, 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);
+}, oe = function({
   groupedNodes: e,
   nodes: t,
   allNodes: s
 }) {
   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() {
+  this.isIndependentNodes || this.isSingleSelect ? l = this.allValue : this.isGroupedValue ? l = this.groupedValue : l = this.ungroupedValue, this.value = Ts(l, this.isSingleSelect);
+}, bt = function() {
   const e = this.parentHtmlContainer;
   e.classList.add("treeselect");
-  const t = new ys({
+  const t = new xs({
     value: [],
     // updateValue method calls in initMount method to set actual value
     options: this.options,
@@ -1083,13 +1082,13 @@ m = new WeakMap(), p = new WeakMap(), R = new WeakMap(), q = new WeakMap(), $ =
     listClassName: this.listClassName,
     isBoostedRendering: this.isBoostedRendering,
     iconElements: this.iconElements,
-    inputCallback: (l) => a(this, h, St).call(this, l),
-    arrowClickCallback: (l, r) => a(this, h, xt).call(this, l, r),
+    inputCallback: (l) => a(this, d, kt).call(this, l),
+    arrowClickCallback: (l, r) => a(this, d, Lt).call(this, l, r),
     mouseupCallback: () => {
       var l;
       return (l = n(this, p)) == null ? void 0 : l.focus();
     }
-  }), s = new Qt({
+  }), s = new Jt({
     value: [],
     // updateValue method calls in initMount method to set actual value
     showTags: this.showTags,
@@ -1103,95 +1102,88 @@ m = new WeakMap(), p = new WeakMap(), R = new WeakMap(), q = new WeakMap(), $ =
     id: this.id,
     ariaLabel: this.ariaLabel,
     iconElements: this.iconElements,
-    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)
+    inputCallback: (l) => a(this, d, Ct).call(this, l),
+    searchCallback: (l) => a(this, d, wt).call(this, l),
+    openCallback: () => a(this, d, xt).call(this),
+    closeCallback: () => a(this, d, de).call(this),
+    keydownCallback: (l) => a(this, d, Et).call(this, l),
+    focusCallback: () => a(this, d, vt).call(this),
+    nameChangeCallback: (l) => a(this, d, St).call(this, l)
   });
-  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) {
+  return this.rtl && (e.setAttribute("dir", "rtl"), t.srcElement.setAttribute("dir", "rtl")), this.appendToBody && b(this, F, new ResizeObserver(() => this.updateListPosition())), e.append(s.srcElement), { container: e, list: t, input: s };
+}, Ct = 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) {
+  a(this, d, oe).call(this, s), a(this, d, ge).call(this);
+}, Et = function(e) {
   var t;
   this.isListOpened && ((t = n(this, m)) == null || t.callKeyAction(e));
 }, 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)), 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, 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);
-}, me = function(e) {
+  }, 350)), a(this, d, Nt).call(this, e);
+}, vt = function() {
+  a(this, d, me).call(this, !0), n(this, y) && n(this, y) && n(this, V) && (document.addEventListener("mousedown", n(this, y), !0), document.addEventListener("focus", n(this, y), !0), window.addEventListener("blur", n(this, V), { capture: !1 }));
+}, he = 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, p)) == null || s.updateValue(t), a(this, h, ue).call(this, e);
-}, St = function(e) {
+  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, d, oe).call(this, e);
+}, kt = 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) {
+  a(this, d, he).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, d, ge).call(this);
+}, Lt = function(e, t) {
   var s;
-  (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() {
+  (s = n(this, p)) == null || s.focus(), this.updateListPosition(), a(this, d, _t).call(this, e, t);
+}, St = function(e) {
+  this.selectedName !== e && (this.selectedName = e, a(this, d, Tt).call(this));
+}, xt = function() {
   var e;
-  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() {
+  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, F)) == null || e.observe(this.srcElement)) : this.srcElement.appendChild(n(this, m).srcElement), this.updateListPosition(), a(this, d, pe).call(this, !0), a(this, d, yt).call(this), a(this, d, At).call(this));
+}, de = function() {
   var t;
-  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) {
+  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, F)) == null || t.disconnect()) : this.srcElement.removeChild(n(this, m).srcElement), a(this, d, pe).call(this, !1), a(this, d, It).call(this));
+}, ue = function(e, t) {
   if (!n(this, m) || !n(this, p))
     return;
   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) {
+}, me = function(e) {
   !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) {
+}, pe = 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() {
+}, fe = function(e) {
+  !n(this, A) || !n(this, I) || !n(this, y) || !n(this, V) || ((!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, V), { capture: !1 }));
+}, yt = 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, q)) : (l = n(this, m)) == null || l.focusFirstListElement();
 }, // Emits
-be = function() {
+ge = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("input", { detail: this.value })), this.inputCallback && this.inputCallback(this.value);
-}, It = function() {
+}, Tt = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("name-change", { detail: this.selectedName })), this.nameChangeCallback && this.nameChangeCallback(this.selectedName);
-}, Nt = function() {
+}, At = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("open", { detail: this.value })), this.openCallback && this.openCallback(this.value));
-}, _t = function() {
+}, It = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("close", { detail: this.value })), this.closeCallback && this.closeCallback(this.value));
-}, Ot = function(e) {
+}, Nt = 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);
-}, Ht = function(e, t) {
+}, _t = 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 {
-  Ns as default
+  Is as default
 };