treeselectjs 0.9.2 → 0.9.3

package/dist/treeselectjs.mjs

@@ -1,16 +1,16 @@
-var li = Object.defineProperty;
-var ni = (l, e, t) => e in l ? li(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var c = (l, e, t) => (ni(l, typeof e != "symbol" ? e + "" : e, t), t), gt = (l, e, t) => {
+var oi = Object.defineProperty;
+var ri = (l, e, t) => e in l ? oi(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var c = (l, e, t) => (ri(l, typeof e != "symbol" ? e + "" : e, t), t), kt = (l, e, t) => {
   if (!e.has(l))
     throw TypeError("Cannot " + t);
 };
-var n = (l, e, t) => (gt(l, e, "read from private field"), t ? t.call(l) : e.get(l)), r = (l, e, t) => {
+var n = (l, e, t) => (kt(l, e, "read from private field"), t ? t.call(l) : e.get(l)), r = (l, e, t) => {
   if (e.has(l))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(l) : e.set(l, t);
-}, m = (l, e, t, s) => (gt(l, e, "write to private field"), s ? s.call(l, t) : e.set(l, t), t);
-var o = (l, e, t) => (gt(l, e, "access private method"), t);
-const It = {
+}, m = (l, e, t, s) => (kt(l, e, "write to private field"), s ? s.call(l, t) : e.set(l, t), t);
+var o = (l, e, t) => (kt(l, e, "access private method"), t);
+const Pt = {
   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>',
@@ -26,14 +26,14 @@ const It = {
     const t = l.cloneNode(!0);
     e.appendChild(t);
   }
-}, Pt = (l) => {
+}, Bt = (l) => {
   const e = l ? { ...l } : {};
-  return Object.keys(It).forEach((t) => {
-    e[t] || (e[t] = It[t]);
+  return Object.keys(Pt).forEach((t) => {
+    e[t] || (e[t] = Pt[t]);
   }), e;
-}, ai = (l) => l.reduce((e, { name: t }, s) => (e += t, s < l.length - 1 && (e += ", "), e), "");
-var T, E, D, v, ue, Dt, H, R, pe, Ht, me, Gt, G, U, N, V, fe, Mt, be, Ft, Ce, qt, ge, jt, we, $t, ke, Wt, Ee, Rt, ve, Ut, Le, zt, ye, Yt, xe, Kt, Se, Xt, _e, Jt, Ae, Zt, Te, Qt, Ne, es, z, wt;
-class oi {
+}, ci = (l) => l.reduce((e, { name: t }, s) => (e += t, s < l.length - 1 && (e += ", "), e), "");
+var T, E, D, v, ue, Ht, H, R, pe, Gt, me, Mt, G, U, N, V, fe, Ft, Ce, qt, be, jt, ge, $t, ke, Wt, we, Rt, Ee, Ut, ve, zt, Le, Yt, ye, Kt, xe, Xt, Se, Jt, _e, Zt, Ae, Qt, Te, es, Ne, ts, z, wt;
+class hi {
   constructor({
     value: e,
     showTags: t,
@@ -43,17 +43,17 @@ class oi {
     searchable: h,
     placeholder: p,
     disabled: f,
-    isSingleSelect: b,
-    id: C,
+    isSingleSelect: C,
+    id: b,
     ariaLabel: g,
-    iconElements: w,
-    inputCallback: k,
+    iconElements: k,
+    inputCallback: w,
     searchCallback: y,
     openCallback: I,
     closeCallback: W,
     keydownCallback: ae,
     focusCallback: bt,
-    blurCallback: Ct,
+    blurCallback: gt,
     nameChangeCallback: oe
   }) {
     // Private methods
@@ -64,11 +64,11 @@ class oi {
     r(this, G);
     r(this, N);
     r(this, fe);
-    r(this, be);
     r(this, Ce);
+    r(this, be);
     r(this, ge);
-    r(this, we);
     r(this, ke);
+    r(this, we);
     r(this, Ee);
     r(this, ve);
     r(this, Le);
@@ -112,7 +112,7 @@ class oi {
     c(this, "focusCallback");
     c(this, "blurCallback");
     c(this, "nameChangeCallback");
-    this.value = e, this.showTags = t, this.tagsCountText = s, this.searchable = h, this.placeholder = p, this.clearable = i, this.isAlwaysOpened = a, this.disabled = f, this.isSingleSelect = b, this.id = C, this.ariaLabel = g, this.iconElements = w, this.isOpened = !1, this.searchText = "", m(this, T, o(this, Ce, qt).call(this)), m(this, E, o(this, Le, zt).call(this)), m(this, D, o(this, Se, Xt).call(this)), m(this, v, null), this.inputCallback = k, this.searchCallback = y, this.openCallback = I, this.closeCallback = W, this.keydownCallback = ae, this.focusCallback = bt, this.blurCallback = Ct, this.nameChangeCallback = oe, this.srcElement = o(this, fe, Mt).call(this, n(this, T), n(this, E), n(this, D)), o(this, ue, Dt).call(this);
+    this.value = e, this.showTags = t, this.tagsCountText = s, this.searchable = h, this.placeholder = p, this.clearable = i, this.isAlwaysOpened = a, this.disabled = f, this.isSingleSelect = C, this.id = b, this.ariaLabel = g, this.iconElements = k, this.isOpened = !1, this.searchText = "", m(this, T, o(this, be, jt).call(this)), m(this, E, o(this, Le, Yt).call(this)), m(this, D, o(this, Se, Jt).call(this)), m(this, v, null), this.inputCallback = w, this.searchCallback = y, this.openCallback = I, this.closeCallback = W, this.keydownCallback = ae, this.focusCallback = bt, this.blurCallback = gt, this.nameChangeCallback = oe, this.srcElement = o(this, fe, Ft).call(this, n(this, T), n(this, E), n(this, D)), o(this, ue, Ht).call(this);
   }
   // Public methods
   focus() {
@@ -137,22 +137,22 @@ class oi {
     this.searchText = "", this.searchCallback(""), o(this, G, U).call(this);
   }
 }
-T = new WeakMap(), E = new WeakMap(), D = new WeakMap(), v = new WeakMap(), ue = new WeakSet(), Dt = function() {
-  o(this, H, R).call(this), o(this, G, U).call(this), o(this, pe, Ht).call(this);
+T = new WeakMap(), E = new WeakMap(), D = new WeakMap(), v = new WeakMap(), ue = new WeakSet(), Ht = function() {
+  o(this, H, R).call(this), o(this, G, U).call(this), o(this, pe, Gt).call(this);
 }, H = new WeakSet(), R = function() {
   if (n(this, T).innerHTML = "", this.showTags) {
-    n(this, T).append(...o(this, ge, jt).call(this));
-    const e = ai(this.value);
+    n(this, T).append(...o(this, ge, $t).call(this));
+    const e = ci(this.value);
     this.nameChangeCallback(e);
   } else {
-    const e = o(this, ve, Ut).call(this);
+    const e = o(this, ve, zt).call(this);
     n(this, T).appendChild(e), this.nameChangeCallback(e.innerText);
   }
   n(this, T).appendChild(n(this, E));
-}, pe = new WeakSet(), Ht = function() {
+}, pe = new WeakSet(), Gt = function() {
   const e = [];
-  n(this, D).innerHTML = "", this.clearable && e.push(o(this, _e, Jt).call(this)), this.isAlwaysOpened || e.push(o(this, Te, Qt).call(this, this.isOpened)), e.length && n(this, D).append(...e);
-}, me = new WeakSet(), Gt = function() {
+  n(this, D).innerHTML = "", this.clearable && e.push(o(this, _e, Zt).call(this)), this.isAlwaysOpened || e.push(o(this, Te, es).call(this, this.isOpened)), e.length && n(this, D).append(...e);
+}, me = new WeakSet(), Mt = function() {
   if (!this.isAlwaysOpened && n(this, v)) {
     const e = this.isOpened ? this.iconElements.arrowUp : this.iconElements.arrowDown;
     O(e, n(this, v));
@@ -161,44 +161,44 @@ T = new WeakMap(), E = new WeakMap(), D = new WeakMap(), v = new WeakMap(), ue =
   var e;
   (e = this.value) != null && e.length ? (n(this, E).removeAttribute("placeholder"), this.srcElement.classList.remove("treeselect-input--value-not-selected")) : (n(this, E).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, E).value = this.searchText;
 }, N = new WeakSet(), V = function() {
-  this.isOpened = !this.isOpened, o(this, me, Gt).call(this), this.isOpened ? this.openCallback() : this.closeCallback();
-}, fe = new WeakSet(), Mt = function(e, t, s) {
+  this.isOpened = !this.isOpened, o(this, me, Mt).call(this), this.isOpened ? this.openCallback() : this.closeCallback();
+}, fe = new WeakSet(), Ft = 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, be, Ft).call(this, a)), i.addEventListener("focus", () => this.focusCallback(), !0), i.addEventListener("blur", () => this.blurCallback(), !0), e.appendChild(t), i.append(e, s), i;
-}, be = new WeakSet(), Ft = function(e) {
+  return i.classList.add("treeselect-input"), i.setAttribute("tabindex", "-1"), i.addEventListener("mousedown", (a) => o(this, Ce, qt).call(this, a)), i.addEventListener("focus", () => this.focusCallback(), !0), i.addEventListener("blur", () => this.blurCallback(), !0), e.appendChild(t), i.append(e, s), i;
+}, Ce = new WeakSet(), qt = function(e) {
   e.stopPropagation(), this.isOpened || o(this, N, V).call(this), this.focus();
-}, Ce = new WeakSet(), qt = function() {
+}, be = new WeakSet(), jt = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__tags"), e;
-}, ge = new WeakSet(), jt = function() {
+}, ge = new WeakSet(), $t = 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, ke, Wt).call(this, e.name), i = o(this, Ee, Rt).call(this);
-    return t.addEventListener("mousedown", (a) => o(this, we, $t).call(this, a, e.id)), t.append(s, i), t;
+    const s = o(this, we, Rt).call(this, e.name), i = o(this, Ee, Ut).call(this);
+    return t.addEventListener("mousedown", (a) => o(this, ke, Wt).call(this, a, e.id)), t.append(s, i), t;
   });
-}, we = new WeakSet(), $t = function(e, t) {
+}, ke = new WeakSet(), Wt = function(e, t) {
   e.preventDefault(), e.stopPropagation(), this.removeItem(t), this.focus();
-}, ke = new WeakSet(), Wt = function(e) {
+}, we = new WeakSet(), Rt = function(e) {
   const t = document.createElement("span");
   return t.classList.add("treeselect-input__tags-name"), t.textContent = e, t;
-}, Ee = new WeakSet(), Rt = function() {
+}, Ee = new WeakSet(), Ut = function() {
   const e = document.createElement("span");
   return e.classList.add("treeselect-input__tags-cross"), O(this.iconElements.cross, e), e;
-}, ve = new WeakSet(), Ut = function() {
+}, ve = new WeakSet(), zt = function() {
   const e = document.createElement("span");
   if (e.classList.add("treeselect-input__tags-count"), !this.value.length)
     return e.textContent = "", e.setAttribute("title", ""), e;
   const t = this.value.length === 1 ? this.value[0].name : `${this.value.length} ${this.tagsCountText}`;
   return e.textContent = t, e.setAttribute("title", t), e;
-}, Le = new WeakSet(), zt = function() {
+}, Le = new WeakSet(), Yt = 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, ye, Yt).call(this, t)), e.addEventListener("input", (t) => o(this, xe, Kt).call(this, t, e)), e;
-}, ye = new WeakSet(), Yt = 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) => o(this, ye, Kt).call(this, t)), e.addEventListener("input", (t) => o(this, xe, Xt).call(this, t, e)), e;
+}, ye = new WeakSet(), Kt = 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, N, V).call(this), (t === "Enter" || t === "ArrowDown" || t === "ArrowUp") && e.preventDefault(), this.keydownCallback(e), t !== "Tab" && this.focus();
-}, xe = new WeakSet(), Kt = function(e, t) {
+}, xe = new WeakSet(), Xt = function(e, t) {
   e.stopPropagation();
   const s = this.searchText, i = t.value.trim();
   if (s.length === 0 && i.length === 0) {
@@ -211,25 +211,25 @@ T = new WeakMap(), E = new WeakMap(), D = new WeakMap(), v = new WeakMap(), ue =
   } else
     t.value = "";
   this.searchText = t.value;
-}, Se = new WeakSet(), Xt = function() {
+}, Se = new WeakSet(), Jt = function() {
   const e = document.createElement("div");
   return e.classList.add("treeselect-input__operators"), e;
-}, _e = new WeakSet(), Jt = function() {
+}, _e = new WeakSet(), Zt = 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) => o(this, Ae, Zt).call(this, t)), e;
-}, Ae = new WeakSet(), Zt = function(e) {
+  return e.classList.add("treeselect-input__clear"), e.setAttribute("tabindex", "-1"), O(this.iconElements.clear, e), e.addEventListener("mousedown", (t) => o(this, Ae, Qt).call(this, t)), e;
+}, Ae = new WeakSet(), Qt = function(e) {
   e.preventDefault(), e.stopPropagation(), (this.searchText.length || this.value.length) && this.clear(), this.focus();
-}, Te = new WeakSet(), Qt = function(e) {
+}, Te = new WeakSet(), es = function(e) {
   m(this, v, document.createElement("span")), n(this, v).classList.add("treeselect-input__arrow");
   const t = e ? this.iconElements.arrowUp : this.iconElements.arrowDown;
-  return O(t, n(this, v)), n(this, v).addEventListener("mousedown", (s) => o(this, Ne, es).call(this, s)), n(this, v);
-}, Ne = new WeakSet(), es = function(e) {
+  return O(t, n(this, v)), n(this, v).addEventListener("mousedown", (s) => o(this, Ne, ts).call(this, s)), n(this, v);
+}, Ne = new WeakSet(), ts = function(e) {
   e.stopPropagation(), e.preventDefault(), this.focus(), o(this, N, V).call(this);
 }, z = new WeakSet(), wt = function() {
   this.inputCallback(this.value);
 };
-const ts = (l, e, t, s) => {
-  di(e);
+const ss = (l, e, t, s) => {
+  mi(e);
   const i = e.filter((a) => !a.disabled && l.some((h) => h === a.id));
   if (t && i.length) {
     i[0].checked = !0;
@@ -237,64 +237,64 @@ const ts = (l, e, t, s) => {
   }
   i.forEach((a) => {
     a.checked = !0;
-    const h = Ot(a, e, s);
+    const h = It(a, e, s);
     a.checked = h;
   });
-}, Ot = ({ id: l, checked: e }, t, s) => {
+}, It = ({ id: l, checked: e }, t, s) => {
   const i = t.find((h) => h.id === l);
   if (!i)
     return !1;
   if (s)
     return i.checked = i.disabled ? !1 : !!e, i.checked;
-  const a = ss(!!e, i, t);
-  return is(i, t), a;
-}, ss = (l, e, t) => {
+  const a = is(!!e, i, t);
+  return ls(i, t), a;
+}, is = (l, e, 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, kt(e, s, t), e.checked) : ls(s, t) ? ns(s) ? (e.checked = !1, e.isPartialChecked = !1, e.disabled = !0, e.checked) : (e.checked = !1, e.isPartialChecked = !0, s.forEach((p) => {
-    ss(l, p, t);
-  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, kt(e, s, t), e.checked);
-}, is = (l, e) => {
+  return !l || e.disabled || e.isPartialChecked ? (e.checked = !1, e.isPartialChecked = !1, Et(e, s, t), e.checked) : ns(s, t) ? as(s) ? (e.checked = !1, e.isPartialChecked = !1, e.disabled = !0, e.checked) : (e.checked = !1, e.isPartialChecked = !0, s.forEach((p) => {
+    is(l, p, t);
+  }), e.checked) : (e.checked = !0, e.isPartialChecked = !1, Et(e, s, t), e.checked);
+}, ls = (l, e) => {
   const t = e.find((s) => s.id === l.childOf);
-  t && (ri(t, e), is(t, e));
-}, ri = (l, e) => {
-  const t = mt(l, e);
-  if (ns(t)) {
+  t && (di(t, e), ls(t, e));
+}, di = (l, e) => {
+  const t = ft(l, e);
+  if (as(t)) {
     l.checked = !1, l.isPartialChecked = !1, l.disabled = !0;
     return;
   }
-  if (ci(t)) {
+  if (ui(t)) {
     l.checked = !0, l.isPartialChecked = !1;
     return;
   }
-  if (hi(t)) {
+  if (pi(t)) {
     l.checked = !1, l.isPartialChecked = !0;
     return;
   }
   l.checked = !1, l.isPartialChecked = !1;
-}, kt = ({ checked: l, disabled: e }, t, s) => {
+}, Et = ({ checked: l, disabled: e }, t, s) => {
   t.forEach((i) => {
     i.disabled = !!e || !!i.disabled, i.checked = !!l && !i.disabled, i.isPartialChecked = !1;
-    const a = mt(i, s);
-    kt({ checked: l, disabled: e }, a, s);
+    const a = ft(i, s);
+    Et({ checked: l, disabled: e }, a, s);
   });
-}, ls = (l, e) => l.some((i) => i.disabled) ? !0 : l.some((i) => {
+}, ns = (l, e) => l.some((i) => i.disabled) ? !0 : l.some((i) => {
   if (i.isGroup) {
-    const a = mt(i, e);
-    return ls(a, e);
+    const a = ft(i, e);
+    return ns(a, e);
   }
   return !1;
-}), ns = (l) => l.every((e) => !!e.disabled), ci = (l) => l.every((e) => !!e.checked), hi = (l) => l.some((e) => !!e.checked || !!e.isPartialChecked), di = (l) => {
+}), as = (l) => l.every((e) => !!e.disabled), ui = (l) => l.every((e) => !!e.checked), pi = (l) => l.some((e) => !!e.checked || !!e.isPartialChecked), mi = (l) => {
   l.forEach((e) => {
     e.checked = !1, e.isPartialChecked = !1;
   });
-}, ui = (l, e, t) => {
-  const s = { level: 0, groupId: "" }, i = as(l, e, s.groupId, s.level);
-  return mi(i, t);
-}, as = (l, e, t, s) => l.reduce((i, a) => {
-  var b;
-  const h = !!((b = a.children) != null && b.length), p = s >= e && h, f = s > e;
+}, fi = (l, e, t) => {
+  const s = { level: 0, groupId: "" }, i = os(l, e, s.groupId, s.level);
+  return bi(i, t);
+}, os = (l, e, t, s) => l.reduce((i, a) => {
+  var C;
+  const h = !!((C = a.children) != null && C.length), p = s >= e && h, f = s > e;
   if (i.push({
     id: a.value,
     name: a.name,
@@ -307,11 +307,11 @@ const ts = (l, e, t, s) => {
     hidden: f,
     disabled: a.disabled ?? !1
   }), h) {
-    const C = as(a.children, e, a.value, s + 1);
-    i.push(...C);
+    const b = os(a.children, e, a.value, s + 1);
+    i.push(...b);
   }
   return i;
-}, []), mt = ({ id: l }, e) => e.filter((t) => t.childOf === l), pi = (l) => {
+}, []), ft = ({ id: l }, e) => e.filter((t) => t.childOf === l), Ci = (l) => {
   const { ungroupedNodes: e, allGroupedNodes: t, allNodes: s } = l.reduce(
     (a, h) => (h.checked && (a.allNodes.push(h), h.isGroup ? a.allGroupedNodes.push(h) : a.ungroupedNodes.push(h)), a),
     {
@@ -321,34 +321,34 @@ const ts = (l, e, t, s) => {
     }
   ), i = s.filter((a) => !t.some(({ id: h }) => h === a.childOf));
   return { ungroupedNodes: e, groupedNodes: i, allNodes: s };
-}, mi = (l, e) => (l.filter((s) => !!s.disabled).forEach(
-  ({ id: s }) => Ot({ id: s, checked: !1 }, l, e)
-), l), ft = (l, { id: e, isClosed: t }) => {
-  mt({ id: e }, l).forEach((i) => {
-    i.hidden = t ?? !1, i.isGroup && !i.isClosed && ft(l, { id: i.id, isClosed: t });
+}, bi = (l, e) => (l.filter((s) => !!s.disabled).forEach(
+  ({ id: s }) => It({ id: s, checked: !1 }, l, e)
+), l), Ct = (l, { id: e, isClosed: t }) => {
+  ft({ id: e }, l).forEach((i) => {
+    i.hidden = t ?? !1, i.isGroup && !i.isClosed && Ct(l, { id: i.id, isClosed: t });
   });
-}, fi = (l) => {
+}, gi = (l) => {
   l.filter((e) => e.isGroup && !e.disabled && (e.checked || e.isPartialChecked)).forEach((e) => {
-    e.isClosed = !1, ft(l, e);
+    e.isClosed = !1, Ct(l, e);
   });
-}, bi = (l, e) => {
-  const t = Ci(l, e);
+}, ki = (l, e) => {
+  const t = wi(l, e);
   l.forEach((s) => {
-    t.some(({ id: a }) => a === s.id) ? (s.isGroup && (s.isClosed = !1, ft(l, s)), s.hidden = !1) : s.hidden = !0;
+    t.some(({ id: a }) => a === s.id) ? (s.isGroup && (s.isClosed = !1, Ct(l, s)), s.hidden = !1) : s.hidden = !0;
   });
-}, Ci = (l, e) => l.reduce((t, s) => {
+}, wi = (l, e) => l.reduce((t, s) => {
   if (s.name.toLowerCase().includes(e.toLowerCase())) {
     if (t.push(s), s.isGroup) {
-      const a = os(s.id, l);
+      const a = rs(s.id, l);
       t.push(...a);
     }
     if (s.childOf) {
-      const a = rs(s.childOf, l);
+      const a = cs(s.childOf, l);
       t.push(...a);
     }
   }
   return t;
-}, []), os = (l, e) => e.reduce((t, s) => (s.childOf === l && (t.push(s), s.isGroup && t.push(...os(s.id, e))), t), []), rs = (l, e) => e.reduce((t, s) => (s.id === l && (t.push(s), s.childOf && t.push(...rs(s.childOf, e))), t), []), gi = (l) => {
+}, []), rs = (l, e) => e.reduce((t, s) => (s.childOf === l && (t.push(s), s.isGroup && t.push(...rs(s.id, e))), t), []), cs = (l, e) => e.reduce((t, s) => (s.id === l && (t.push(s), s.childOf && t.push(...cs(s.childOf, e))), t), []), Ei = (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),
     {
@@ -357,30 +357,30 @@ const ts = (l, e, t, s) => {
     }
   );
   e.length && console.error(`Validation: You have duplicated values: ${e.join(", ")}! You should use unique values.`);
-}, wi = (l, e, t, s, i, a, h, p, f) => {
-  ts(l, e, i, f), p && h && fi(e), ce(e, t, s, a);
+}, vi = (l, e, t, s, i, a, h, p, f) => {
+  ss(l, e, i, f), p && h && gi(e), ce(e, t, s, a);
 }, ce = (l, e, t, s) => {
   l.forEach((i) => {
     const a = e.querySelector(`[input-id="${i.id}"]`), h = A(a);
-    a.checked = i.checked, ki(i, h, s), Ei(i, h), vi(i, h), Li(i, h, t), yi(i, h), Si(i, h, l), xi(i, a, t);
-  }), _i(l, e);
-}, ki = (l, e, t) => {
+    a.checked = i.checked, Li(i, h, s), yi(i, h), xi(i, h), Si(i, h, t), _i(i, h), Ti(i, h, l), Ai(i, a, t);
+  }), Ni(l, e);
+}, Li = (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");
-}, Ei = (l, e) => {
+}, yi = (l, e) => {
   l.isPartialChecked ? e.classList.add("treeselect-list__item--partial-checked") : e.classList.remove("treeselect-list__item--partial-checked");
-}, vi = (l, e) => {
+}, xi = (l, e) => {
   l.disabled ? e.classList.add("treeselect-list__item--disabled") : e.classList.remove("treeselect-list__item--disabled");
-}, Li = (l, e, t) => {
+}, Si = (l, e, t) => {
   if (l.isGroup) {
     const s = e.querySelector(".treeselect-list__item-icon"), i = l.isClosed ? t.arrowRight : t.arrowDown;
     O(i, s), l.isClosed ? e.classList.add("treeselect-list__item--closed") : e.classList.remove("treeselect-list__item--closed");
   }
-}, yi = (l, e) => {
+}, _i = (l, e) => {
   l.hidden ? e.classList.add("treeselect-list__item--hidden") : e.classList.remove("treeselect-list__item--hidden");
-}, xi = (l, e, t) => {
+}, Ai = (l, e, t) => {
   const i = e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");
   l.checked ? O(t.check, i) : l.isPartialChecked ? O(t.partialCheck, i) : i.innerHTML = "";
-}, Si = (l, e, t) => {
+}, Ti = (l, e, t) => {
   const s = l.level === 0, i = 20, a = 5;
   if (s) {
     const h = t.some((f) => f.isGroup && f.level === l.level), p = !l.isGroup && h ? `${i}px` : `${a}px`;
@@ -388,17 +388,17 @@ const ts = (l, e, t, s) => {
   } else
     e.style.paddingLeft = l.isGroup ? `${l.level * i}px` : `${l.level * i + i}px`;
   e.setAttribute("level", l.level.toString()), e.setAttribute("group", l.isGroup.toString());
-}, _i = (l, e) => {
+}, Ni = (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");
-}, A = (l) => l.parentNode.parentNode, Bt = (l, e) => e.find((t) => t.id.toString() === l), Ai = (l) => A(l).querySelector(".treeselect-list__item-icon"), Ti = (l, e) => {
+}, A = (l) => l.parentNode.parentNode, Vt = (l, e) => e.find((t) => t.id.toString() === l), Oi = (l) => A(l).querySelector(".treeselect-list__item-icon"), Ii = (l, e) => {
   e && Object.keys(e).forEach((t) => {
     const s = e[t];
     typeof s == "string" && l.setAttribute(t, s);
   });
 };
-var M, P, x, Y, Oe, cs, Ie, hs, Pe, ds, Be, us, Ve, ps, De, ms, K, Et, He, fs, Ge, bs, Me, Cs, X, vt, Fe, gs, qe, ws, je, ks, $e, Es, We, vs, Re, Ls, Ue, ys, ze, xs, Ye, Ss, Ke, _s, Xe, As, J, Lt, Z, yt, Je, Ts;
-class Ni {
+var M, P, x, Y, Oe, hs, Ie, ds, Pe, us, Be, ps, Ve, ms, De, fs, K, vt, He, Cs, Ge, bs, Me, gs, X, Lt, Fe, ks, qe, ws, je, Es, $e, vs, We, Ls, Re, ys, Ue, xs, ze, Ss, Ye, _s, Ke, As, Xe, Ts, J, yt, Z, xt, Je, Ns;
+class Pi {
   constructor({
     options: e,
     value: t,
@@ -408,11 +408,11 @@ class Ni {
     isSingleSelect: h,
     iconElements: p,
     showCount: f,
-    disabledBranchNode: b,
-    expandSelected: C,
+    disabledBranchNode: C,
+    expandSelected: b,
     isIndependentNodes: g,
-    inputCallback: w,
-    arrowClickCallback: k,
+    inputCallback: k,
+    arrowClickCallback: w,
     mouseupCallback: y
   }) {
     // Private methods
@@ -470,11 +470,11 @@ class Ni {
     r(this, P, !0);
     r(this, x, []);
     r(this, Y, !0);
-    this.options = e, this.value = t, this.openLevel = s ?? 0, this.listSlotHtmlComponent = i ?? null, this.emptyText = a ?? "No results found...", this.isSingleSelect = h ?? !1, this.showCount = f ?? !1, this.disabledBranchNode = b ?? !1, this.expandSelected = C ?? !1, this.isIndependentNodes = g ?? !1, this.iconElements = p, this.searchText = "", this.flattedOptions = ui(this.options, this.openLevel, this.isIndependentNodes), this.flattedOptionsBeforeSearch = this.flattedOptions, this.selectedNodes = { nodes: [], groupedNodes: [], allNodes: [] }, this.srcElement = o(this, Pe, ds).call(this), this.inputCallback = w, this.arrowClickCallback = k, this.mouseupCallback = y, gi(this.flattedOptions);
+    this.options = e, this.value = t, this.openLevel = s ?? 0, this.listSlotHtmlComponent = i ?? null, this.emptyText = a ?? "No results found...", this.isSingleSelect = h ?? !1, this.showCount = f ?? !1, this.disabledBranchNode = C ?? !1, this.expandSelected = b ?? !1, this.isIndependentNodes = g ?? !1, this.iconElements = p, this.searchText = "", this.flattedOptions = fi(this.options, this.openLevel, this.isIndependentNodes), this.flattedOptionsBeforeSearch = this.flattedOptions, this.selectedNodes = { nodes: [], groupedNodes: [], allNodes: [] }, this.srcElement = o(this, Pe, us).call(this), this.inputCallback = k, this.arrowClickCallback = w, this.mouseupCallback = y, Ei(this.flattedOptions);
   }
   // Public methods
   updateValue(e) {
-    this.value = e, m(this, x, this.isSingleSelect ? this.value : []), wi(
+    this.value = e, m(this, x, this.isSingleSelect ? this.value : []), vi(
       e,
       this.flattedOptions,
       this.srcElement,
@@ -484,7 +484,7 @@ class Ni {
       this.expandSelected,
       n(this, Y),
       this.isIndependentNodes
-    ), m(this, Y, !1), o(this, Z, yt).call(this);
+    ), m(this, Y, !1), o(this, Z, xt).call(this);
   }
   updateSearchValue(e) {
     if (e === this.searchText)
@@ -493,7 +493,7 @@ class Ni {
     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 && bi(this.flattedOptions, e), ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), this.focusFirstListElement();
+    }), this.flattedOptionsBeforeSearch = []), this.searchText && ki(this.flattedOptions, e), ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), this.focusFirstListElement();
   }
   callKeyAction(e) {
     m(this, P, !1);
@@ -501,7 +501,7 @@ class Ni {
     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, Oe, cs).call(this, t, e), (i === "ArrowDown" || i === "ArrowUp") && o(this, Ie, hs).call(this, t, i);
+    i === "Enter" && t && t.dispatchEvent(new Event("mousedown")), (i === "ArrowLeft" || i === "ArrowRight") && o(this, Oe, hs).call(this, t, e), (i === "ArrowDown" || i === "ArrowUp") && o(this, Ie, ds).call(this, t, i);
   }
   focusFirstListElement() {
     const e = "treeselect-list__item--focused", t = this.srcElement.querySelector(`.${e}`), s = Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter(
@@ -515,12 +515,12 @@ class Ni {
     return !!n(this, M);
   }
 }
-M = new WeakMap(), P = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), Oe = new WeakSet(), cs = function(e, t) {
+M = new WeakMap(), P = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), Oe = new WeakSet(), hs = function(e, t) {
   if (!e)
     return;
-  const s = t.key, a = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), h = Bt(a, this.flattedOptions), p = e.querySelector(".treeselect-list__item-icon");
+  const s = t.key, a = e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"), h = Vt(a, this.flattedOptions), p = e.querySelector(".treeselect-list__item-icon");
   s === "ArrowLeft" && !h.isClosed && h.isGroup && (p.dispatchEvent(new Event("mousedown")), t.preventDefault()), s === "ArrowRight" && h.isClosed && h.isGroup && (p.dispatchEvent(new Event("mousedown")), t.preventDefault());
-}, Ie = new WeakSet(), hs = function(e, t) {
+}, Ie = new WeakSet(), ds = function(e, t) {
   var i;
   const s = Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter(
     (a) => window.getComputedStyle(A(a)).display !== "none"
@@ -533,52 +533,52 @@ M = new WeakMap(), P = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), Oe =
         (I) => A(I).classList.contains("treeselect-list__item--focused")
       );
       A(s[a]).classList.remove("treeselect-list__item--focused");
-      const p = t === "ArrowDown" ? a + 1 : a - 1, f = t === "ArrowDown" ? 0 : s.length - 1, b = s[p] ?? s[f], C = !s[p], g = A(b);
+      const p = t === "ArrowDown" ? a + 1 : a - 1, f = t === "ArrowDown" ? 0 : s.length - 1, C = s[p] ?? s[f], b = !s[p], g = A(C);
       g.classList.add("treeselect-list__item--focused");
-      const w = this.srcElement.getBoundingClientRect(), k = g.getBoundingClientRect();
-      if (C && t === "ArrowDown") {
+      const k = this.srcElement.getBoundingClientRect(), w = g.getBoundingClientRect();
+      if (b && t === "ArrowDown") {
         this.srcElement.scroll(0, 0);
         return;
       }
-      if (C && t === "ArrowUp") {
+      if (b && t === "ArrowUp") {
         this.srcElement.scroll(0, this.srcElement.scrollHeight);
         return;
       }
       const y = ((i = this.listSlotHtmlComponent) == null ? void 0 : i.clientHeight) ?? 0;
-      if (w.y + w.height < k.y + k.height + y) {
-        this.srcElement.scroll(0, this.srcElement.scrollTop + k.height);
+      if (k.y + k.height < w.y + w.height + y) {
+        this.srcElement.scroll(0, this.srcElement.scrollTop + w.height);
         return;
       }
-      if (w.y > k.y) {
-        this.srcElement.scroll(0, this.srcElement.scrollTop - k.height);
+      if (k.y > w.y) {
+        this.srcElement.scroll(0, this.srcElement.scrollTop - w.height);
         return;
       }
     }
-}, Pe = new WeakSet(), ds = function() {
-  const e = o(this, Be, us).call(this), t = o(this, K, Et).call(this, this.options);
+}, Pe = new WeakSet(), us = function() {
+  const e = o(this, Be, ps).call(this), t = o(this, K, vt).call(this, this.options);
   e.append(...t);
   const s = o(this, Ge, bs).call(this);
   e.append(s);
-  const i = o(this, He, fs).call(this);
+  const i = o(this, He, Cs).call(this);
   return i && e.append(i), e;
-}, Be = new WeakSet(), us = function() {
+}, Be = new WeakSet(), ps = function() {
   const e = document.createElement("div");
-  return e.classList.add("treeselect-list"), 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, Ve, ps).call(this, t)), e.addEventListener("mousemove", () => o(this, De, ms).call(this)), e.addEventListener("mouseup", () => this.mouseupCallback(), !0), e;
-}, Ve = new WeakSet(), ps = function(e) {
+  return e.classList.add("treeselect-list"), 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, Ve, ms).call(this, t)), e.addEventListener("mousemove", () => o(this, De, fs).call(this)), e.addEventListener("mouseup", () => this.mouseupCallback(), !0), e;
+}, Ve = new WeakSet(), ms = function(e) {
   e.stopPropagation(), n(this, M) && n(this, P) && n(this, M).classList.add("treeselect-list__item--focused");
-}, De = new WeakSet(), ms = function() {
+}, De = new WeakSet(), fs = function() {
   m(this, P, !0);
-}, K = new WeakSet(), Et = function(e) {
+}, K = new WeakSet(), vt = function(e) {
   return e.reduce((t, s) => {
     var a;
     if ((a = s.children) != null && a.length) {
-      const h = o(this, Me, Cs).call(this, s), p = o(this, K, Et).call(this, s.children);
+      const h = o(this, Me, gs).call(this, s), p = o(this, K, vt).call(this, s.children);
       return h.append(...p), t.push(h), t;
     }
-    const i = o(this, X, vt).call(this, s, !1);
+    const i = o(this, X, Lt).call(this, s, !1);
     return t.push(i), t;
   }, []);
-}, He = new WeakSet(), fs = function() {
+}, He = new WeakSet(), Cs = function() {
   if (!this.listSlotHtmlComponent)
     return null;
   const e = document.createElement("div");
@@ -590,59 +590,59 @@ M = new WeakMap(), P = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), Oe =
   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;
-}, Me = new WeakSet(), Cs = function(e) {
+}, Me = new WeakSet(), gs = 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, X, vt).call(this, e, !0);
+  const s = o(this, X, Lt).call(this, e, !0);
   return t.appendChild(s), t;
-}, X = new WeakSet(), vt = function(e, t) {
-  const s = o(this, Fe, gs).call(this, e);
+}, X = new WeakSet(), Lt = function(e, t) {
+  const s = o(this, Fe, ks).call(this, e);
   if (t) {
-    const h = o(this, We, vs).call(this);
+    const h = o(this, We, Ls).call(this);
     s.appendChild(h), s.classList.add("treeselect-list__item--group");
   }
-  const i = o(this, Ue, ys).call(this, e), a = o(this, ze, xs).call(this, e, t);
+  const i = o(this, Ue, xs).call(this, e), a = o(this, ze, Ss).call(this, e, t);
   return s.append(i, a), s;
-}, Fe = new WeakSet(), gs = function(e) {
+}, Fe = new WeakSet(), ks = function(e) {
   const t = document.createElement("div");
-  return Ti(t, e.htmlAttr), t.setAttribute("tabindex", "-1"), t.setAttribute("title", e.name), t.classList.add("treeselect-list__item"), t.addEventListener("mouseover", () => o(this, qe, ws).call(this, t), !0), t.addEventListener("mouseout", () => o(this, je, ks).call(this, t), !0), t.addEventListener("mousedown", (s) => o(this, $e, Es).call(this, s, e)), t;
+  return Ii(t, e.htmlAttr), t.setAttribute("tabindex", "-1"), t.setAttribute("title", e.name), t.classList.add("treeselect-list__item"), t.addEventListener("mouseover", () => o(this, qe, ws).call(this, t), !0), t.addEventListener("mouseout", () => o(this, je, Es).call(this, t), !0), t.addEventListener("mousedown", (s) => o(this, $e, vs).call(this, s, e)), t;
 }, qe = new WeakSet(), ws = function(e) {
-  n(this, P) && o(this, J, Lt).call(this, !0, e);
-}, je = new WeakSet(), ks = function(e) {
-  n(this, P) && (o(this, J, Lt).call(this, !1, e), m(this, M, e));
-}, $e = new WeakSet(), Es = function(e, t) {
+  n(this, P) && o(this, J, yt).call(this, !0, e);
+}, je = new WeakSet(), Es = function(e) {
+  n(this, P) && (o(this, J, yt).call(this, !1, e), m(this, M, e));
+}, $e = new WeakSet(), vs = function(e, t) {
   var a;
   if (e.preventDefault(), e.stopPropagation(), (a = this.flattedOptions.find((h) => h.id === t.value)) == null ? void 0 : a.disabled)
     return;
   const i = e.target.querySelector(".treeselect-list__item-checkbox");
-  i.checked = !i.checked, o(this, Ke, _s).call(this, i, t);
-}, We = new WeakSet(), vs = function() {
+  i.checked = !i.checked, o(this, Ke, As).call(this, i, t);
+}, We = new WeakSet(), Ls = function() {
   const e = document.createElement("span");
-  return e.setAttribute("tabindex", "-1"), e.classList.add("treeselect-list__item-icon"), O(this.iconElements.arrowDown, e), e.addEventListener("mousedown", (t) => o(this, Re, Ls).call(this, t)), e;
-}, Re = new WeakSet(), Ls = function(e) {
-  e.preventDefault(), e.stopPropagation(), o(this, Xe, As).call(this, e);
-}, Ue = new WeakSet(), ys = function(e) {
+  return e.setAttribute("tabindex", "-1"), e.classList.add("treeselect-list__item-icon"), O(this.iconElements.arrowDown, e), e.addEventListener("mousedown", (t) => o(this, Re, ys).call(this, t)), e;
+}, Re = new WeakSet(), ys = function(e) {
+  e.preventDefault(), e.stopPropagation(), o(this, Xe, Ts).call(this, e);
+}, Ue = new WeakSet(), xs = 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;
-}, ze = new WeakSet(), xs = function(e, t) {
+}, ze = new WeakSet(), Ss = 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, Ye, Ss).call(this, e);
+    const i = o(this, Ye, _s).call(this, e);
     s.appendChild(i);
   }
   return s;
-}, Ye = new WeakSet(), Ss = function(e) {
+}, Ye = new WeakSet(), _s = function(e) {
   const t = document.createElement("span"), s = this.flattedOptions.filter((i) => i.childOf === e.value);
   return t.textContent = `(${s.length})`, t.classList.add("treeselect-list__item-label-counter"), t;
-}, Ke = new WeakSet(), _s = function(e, t) {
+}, Ke = new WeakSet(), As = function(e, t) {
   const s = this.flattedOptions.find((i) => i.id === t.value);
   if (s) {
     if (s != null && s.isGroup && this.disabledBranchNode) {
-      const i = Ai(e);
+      const i = Oi(e);
       i == null || i.dispatchEvent(new Event("mousedown"));
       return;
     }
@@ -650,32 +650,32 @@ M = new WeakMap(), P = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), Oe =
       const [i] = n(this, x);
       if (s.id === i)
         return;
-      m(this, x, [s.id]), ts([s.id], this.flattedOptions, this.isSingleSelect, this.isIndependentNodes);
+      m(this, x, [s.id]), ss([s.id], this.flattedOptions, this.isSingleSelect, this.isIndependentNodes);
     } else {
       s.checked = e.checked;
-      const i = Ot(s, this.flattedOptions, this.isIndependentNodes);
+      const i = It(s, this.flattedOptions, this.isIndependentNodes);
       e.checked = i;
     }
-    ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), o(this, Je, Ts).call(this);
+    ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), o(this, Je, Ns).call(this);
   }
-}, Xe = new WeakSet(), As = function(e) {
+}, Xe = new WeakSet(), Ts = function(e) {
   var a, h;
-  const t = (h = (a = e.target) == null ? void 0 : a.parentNode) == null ? void 0 : h.querySelector("[input-id]"), s = (t == null ? void 0 : t.getAttribute("input-id")) ?? null, i = Bt(s, this.flattedOptions);
-  i && (i.isClosed = !i.isClosed, ft(this.flattedOptions, i), ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), this.arrowClickCallback());
-}, J = new WeakSet(), Lt = function(e, t) {
+  const t = (h = (a = e.target) == null ? void 0 : a.parentNode) == null ? void 0 : h.querySelector("[input-id]"), s = (t == null ? void 0 : t.getAttribute("input-id")) ?? null, i = Vt(s, this.flattedOptions);
+  i && (i.isClosed = !i.isClosed, Ct(this.flattedOptions, i), ce(this.flattedOptions, this.srcElement, this.iconElements, n(this, x)), this.arrowClickCallback(i.id, i.isClosed));
+}, J = new WeakSet(), yt = 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);
   } else
     t.classList.remove(s);
-}, Z = new WeakSet(), yt = function() {
-  const { ungroupedNodes: e, groupedNodes: t, allNodes: s } = pi(this.flattedOptions);
+}, Z = new WeakSet(), xt = function() {
+  const { ungroupedNodes: e, groupedNodes: t, allNodes: s } = Ci(this.flattedOptions);
   this.selectedNodes = { nodes: e, groupedNodes: t, allNodes: s };
-}, Je = new WeakSet(), Ts = function() {
-  o(this, Z, yt).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
+}, Je = new WeakSet(), Ns = function() {
+  o(this, Z, xt).call(this), this.inputCallback(this.selectedNodes), this.value = this.selectedNodes.nodes.map((e) => e.id);
 };
-const Vt = ({
+const Dt = ({
   parentHtmlContainer: l,
   staticList: e,
   appendToBody: t,
@@ -684,15 +684,15 @@ const Vt = ({
   direction: a
 }) => {
   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!");
-}, re = (l) => l.map((e) => e.id), Oi = (l) => l ? Array.isArray(l) ? l : [l] : [], Ii = (l, e) => {
+}, re = (l) => l.map((e) => e.id), Bi = (l) => l ? Array.isArray(l) ? l : [l] : [], Vi = (l, e) => {
   if (e) {
     const [t] = l;
     return t ?? null;
   }
   return l;
 };
-var d, u, F, Q, q, S, _, L, B, ee, xt, te, St, Ze, Ns, Qe, Os, et, Is, tt, Ps, st, Bs, it, Vs, se, _t, lt, Ds, nt, Hs, at, Gs, ot, Ms, ie, At, rt, Fs, j, he, le, Tt, $, de, ct, qs, ne, Nt, ht, js, dt, $s, ut, Ws, pt, Rs;
-class Bi {
+var d, u, F, Q, q, S, _, L, B, ee, St, te, _t, Ze, Os, Qe, Is, et, Ps, tt, Bs, st, Vs, it, Ds, se, At, lt, Hs, nt, Gs, at, Ms, ot, Fs, ie, Tt, rt, qs, j, he, le, Nt, $, de, ct, js, ne, Ot, ht, $s, dt, Ws, ut, Rs, pt, Us, mt, zs;
+class Hi {
   constructor({
     parentHtmlContainer: e,
     value: t,
@@ -702,30 +702,31 @@ class Bi {
     alwaysOpen: h,
     showTags: p,
     tagsCountText: f,
-    clearable: b,
-    searchable: C,
+    clearable: C,
+    searchable: b,
     placeholder: g,
-    grouped: w,
-    isGroupedValue: k,
+    grouped: k,
+    isGroupedValue: w,
     listSlotHtmlComponent: y,
     disabled: I,
     emptyText: W,
     staticList: ae,
     id: bt,
-    ariaLabel: Ct,
+    ariaLabel: gt,
     isSingleSelect: oe,
-    showCount: Us,
-    disabledBranchNode: zs,
-    direction: Ys,
-    expandSelected: Ks,
-    saveScrollPosition: Xs,
-    isIndependentNodes: Js,
-    iconElements: Zs,
-    inputCallback: Qs,
-    openCallback: ei,
-    closeCallback: ti,
-    nameChangeCallback: si,
-    searchCallback: ii
+    showCount: Ys,
+    disabledBranchNode: Ks,
+    direction: Xs,
+    expandSelected: Js,
+    saveScrollPosition: Zs,
+    isIndependentNodes: Qs,
+    iconElements: ei,
+    inputCallback: ti,
+    openCallback: si,
+    closeCallback: ii,
+    nameChangeCallback: li,
+    searchCallback: ni,
+    openCloseGroupCallback: ai
   }) {
     r(this, ee);
     r(this, te);
@@ -752,6 +753,7 @@ class Bi {
     r(this, dt);
     r(this, ut);
     r(this, pt);
+    r(this, mt);
     // Props
     c(this, "parentHtmlContainer");
     c(this, "value");
@@ -785,6 +787,7 @@ class Bi {
     c(this, "closeCallback");
     c(this, "nameChangeCallback");
     c(this, "searchCallback");
+    c(this, "openCloseGroupCallback");
     // InnerState
     c(this, "ungroupedValue");
     c(this, "groupedValue");
@@ -806,29 +809,29 @@ class Bi {
     r(this, _, null);
     r(this, L, null);
     r(this, B, null);
-    Vt({
+    Dt({
       parentHtmlContainer: e,
       value: t,
       staticList: ae,
       appendToBody: a,
       isSingleSelect: oe
-    }), this.parentHtmlContainer = e, this.value = [], this.options = s ?? [], this.openLevel = i ?? 0, this.appendToBody = a ?? !1, this.alwaysOpen = !!(h && !I), this.showTags = p ?? !0, this.tagsCountText = f ?? "elements selected", this.clearable = b ?? !0, this.searchable = C ?? !0, this.placeholder = g ?? "Search...", this.grouped = w ?? !0, this.isGroupedValue = k ?? !1, this.listSlotHtmlComponent = y ?? null, this.disabled = I ?? !1, this.emptyText = W ?? "No results found...", this.staticList = !!(ae && !this.appendToBody), this.id = bt ?? "", this.ariaLabel = Ct ?? "", this.isSingleSelect = oe ?? !1, this.showCount = Us ?? !1, this.disabledBranchNode = zs ?? !1, this.direction = Ys ?? "auto", this.expandSelected = Ks ?? !1, this.saveScrollPosition = Xs ?? !0, this.isIndependentNodes = Js ?? !1, this.iconElements = Pt(Zs), this.inputCallback = Qs, this.openCallback = ei, this.closeCallback = ti, this.nameChangeCallback = si, this.searchCallback = ii, this.ungroupedValue = [], this.groupedValue = [], this.allValue = [], this.isListOpened = !1, this.selectedName = "", this.srcElement = null, o(this, ee, xt).call(this, t);
+    }), this.parentHtmlContainer = e, this.value = [], this.options = s ?? [], this.openLevel = i ?? 0, this.appendToBody = a ?? !1, this.alwaysOpen = !!(h && !I), this.showTags = p ?? !0, this.tagsCountText = f ?? "elements selected", this.clearable = C ?? !0, this.searchable = b ?? !0, this.placeholder = g ?? "Search...", this.grouped = k ?? !0, this.isGroupedValue = w ?? !1, this.listSlotHtmlComponent = y ?? null, this.disabled = I ?? !1, this.emptyText = W ?? "No results found...", this.staticList = !!(ae && !this.appendToBody), this.id = bt ?? "", this.ariaLabel = gt ?? "", this.isSingleSelect = oe ?? !1, this.showCount = Ys ?? !1, this.disabledBranchNode = Ks ?? !1, this.direction = Xs ?? "auto", this.expandSelected = Js ?? !1, this.saveScrollPosition = Zs ?? !0, this.isIndependentNodes = Qs ?? !1, this.iconElements = Bt(ei), this.inputCallback = ti, this.openCallback = si, this.closeCallback = ii, this.nameChangeCallback = li, this.searchCallback = ni, this.openCloseGroupCallback = ai, this.ungroupedValue = [], this.groupedValue = [], this.allValue = [], this.isListOpened = !1, this.selectedName = "", this.srcElement = null, o(this, ee, St).call(this, t);
   }
   mount() {
-    Vt({
+    Dt({
       parentHtmlContainer: this.parentHtmlContainer,
       value: this.value,
       staticList: this.staticList,
       appendToBody: this.appendToBody,
       isSingleSelect: this.isSingleSelect
-    }), this.iconElements = Pt(this.iconElements), o(this, ee, xt).call(this, this.value);
+    }), this.iconElements = Bt(this.iconElements), o(this, ee, St).call(this, this.value);
   }
   updateValue(e) {
-    const t = Oi(e), s = n(this, d);
-    s && (s.updateValue(t), o(this, se, _t).call(this, s == null ? void 0 : s.selectedNodes));
+    const t = Bi(e), s = n(this, d);
+    s && (s.updateValue(t), o(this, se, At).call(this, s == null ? void 0 : s.selectedNodes));
   }
   destroy() {
-    this.srcElement && (o(this, ie, At).call(this), this.srcElement.innerHTML = "", this.srcElement = null, o(this, $, de).call(this, !0));
+    this.srcElement && (o(this, ie, Tt).call(this), this.srcElement.innerHTML = "", this.srcElement = null, o(this, $, de).call(this, !0));
   }
   focus() {
     n(this, u) && n(this, u).focus();
@@ -859,34 +862,34 @@ class Bi {
       y: a,
       height: h,
       width: p
-    } = e.getBoundingClientRect(), f = window.innerHeight, b = a, C = f - a - h;
-    let g = b > C && b >= s && C < s;
+    } = e.getBoundingClientRect(), f = window.innerHeight, C = a, b = f - a - h;
+    let g = C > b && C >= s && b < s;
     if (this.direction !== "auto" && (g = this.direction === "top"), this.appendToBody) {
       (t.style.top !== "0px" || t.style.left !== "0px") && (t.style.top = "0px", t.style.left = "0px");
       const I = i + window.scrollX, W = g ? a + window.scrollY - s : a + window.scrollY + h;
       t.style.transform = `translate(${I}px,${W}px)`, t.style.width = `${p}px`;
     }
-    const w = g ? "top" : "bottom";
-    t.getAttribute("direction") !== w && (t.setAttribute("direction", w), o(this, rt, Fs).call(this, g, this.appendToBody));
+    const k = g ? "top" : "bottom";
+    t.getAttribute("direction") !== k && (t.setAttribute("direction", k), o(this, rt, qs).call(this, g, this.appendToBody));
   }
 }
-d = new WeakMap(), u = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), q = new WeakMap(), S = new WeakMap(), _ = new WeakMap(), L = new WeakMap(), B = new WeakMap(), ee = new WeakSet(), xt = function(e) {
+d = new WeakMap(), u = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), q = new WeakMap(), S = new WeakMap(), _ = new WeakMap(), L = new WeakMap(), B = new WeakMap(), ee = new WeakSet(), St = function(e) {
   var a;
   this.destroy();
-  const { container: t, list: s, input: i } = o(this, Ze, Ns).call(this);
+  const { container: t, list: s, input: i } = o(this, Ze, Os).call(this);
   this.srcElement = t, m(this, d, s), m(this, u, i), m(this, S, this.scrollWindowHandler.bind(this)), m(this, _, this.scrollWindowHandler.bind(this)), m(this, L, this.focusWindowHandler.bind(this)), m(this, B, this.blurWindowHandler.bind(this)), this.alwaysOpen && ((a = n(this, u)) == null || a.openClose()), this.disabled ? this.srcElement.classList.add("treeselect--disabled") : this.srcElement.classList.remove("treeselect--disabled"), this.updateValue(e ?? this.value);
-}, te = new WeakSet(), St = function({
+}, te = new WeakSet(), _t = function({
   groupedNodes: e,
   nodes: t,
   allNodes: s
 }) {
   this.ungroupedValue = t ? re(t) : [], this.groupedValue = e ? re(e) : [], this.allValue = s ? re(s) : [];
   let i = [];
-  this.isIndependentNodes || this.isSingleSelect ? i = this.allValue : this.isGroupedValue ? i = this.groupedValue : i = this.ungroupedValue, this.value = Ii(i, this.isSingleSelect);
-}, Ze = new WeakSet(), Ns = function() {
+  this.isIndependentNodes || this.isSingleSelect ? i = this.allValue : this.isGroupedValue ? i = this.groupedValue : i = this.ungroupedValue, this.value = Vi(i, this.isSingleSelect);
+}, Ze = new WeakSet(), Os = function() {
   const e = this.parentHtmlContainer;
   e.classList.add("treeselect");
-  const t = new Ni({
+  const t = new Pi({
     value: [],
     // updateValue method calls in initMount method to set actual value
     options: this.options,
@@ -899,13 +902,13 @@ d = new WeakMap(), u = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), q =
     expandSelected: this.expandSelected,
     isIndependentNodes: this.isIndependentNodes,
     iconElements: this.iconElements,
-    inputCallback: (i) => o(this, lt, Ds).call(this, i),
-    arrowClickCallback: () => o(this, nt, Hs).call(this),
+    inputCallback: (i) => o(this, lt, Hs).call(this, i),
+    arrowClickCallback: (i, a) => o(this, nt, Gs).call(this, i, a),
     mouseupCallback: () => {
       var i;
       return (i = n(this, u)) == null ? void 0 : i.focus();
     }
-  }), s = new oi({
+  }), s = new hi({
     value: [],
     // updateValue method calls in initMount method to set actual value
     showTags: this.showTags,
@@ -919,91 +922,94 @@ d = new WeakMap(), u = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), q =
     id: this.id,
     ariaLabel: this.ariaLabel,
     iconElements: this.iconElements,
-    inputCallback: (i) => o(this, Qe, Os).call(this, i),
-    searchCallback: (i) => o(this, tt, Ps).call(this, i),
-    openCallback: () => o(this, ot, Ms).call(this),
-    closeCallback: () => o(this, ie, At).call(this),
-    keydownCallback: (i) => o(this, et, Is).call(this, i),
-    focusCallback: () => o(this, st, Bs).call(this),
-    blurCallback: () => o(this, it, Vs).call(this),
-    nameChangeCallback: (i) => o(this, at, Gs).call(this, i)
+    inputCallback: (i) => o(this, Qe, Is).call(this, i),
+    searchCallback: (i) => o(this, tt, Bs).call(this, i),
+    openCallback: () => o(this, ot, Fs).call(this),
+    closeCallback: () => o(this, ie, Tt).call(this),
+    keydownCallback: (i) => o(this, et, Ps).call(this, i),
+    focusCallback: () => o(this, st, Vs).call(this),
+    blurCallback: () => o(this, it, Ds).call(this),
+    nameChangeCallback: (i) => o(this, at, Ms).call(this, i)
   });
   return this.appendToBody && m(this, F, new ResizeObserver(() => this.updateListPosition())), e.append(s.srcElement), { container: e, list: t, input: s };
-}, Qe = new WeakSet(), Os = function(e) {
+}, Qe = new WeakSet(), Is = function(e) {
   var i, a;
   const t = re(e);
   (i = n(this, d)) == null || i.updateValue(t);
   const s = ((a = n(this, d)) == null ? void 0 : a.selectedNodes) ?? {};
-  o(this, te, St).call(this, s), o(this, ne, Nt).call(this);
-}, et = new WeakSet(), Is = function(e) {
+  o(this, te, _t).call(this, s), o(this, ne, Ot).call(this);
+}, et = new WeakSet(), Ps = function(e) {
   var t;
   this.isListOpened && ((t = n(this, d)) == null || t.callKeyAction(e));
-}, tt = new WeakSet(), Ps = function(e) {
+}, tt = new WeakSet(), Bs = function(e) {
   n(this, q) && clearTimeout(n(this, q)), m(this, q, window.setTimeout(() => {
     var t;
     (t = n(this, d)) == null || t.updateSearchValue(e), this.updateListPosition();
-  }, 350)), o(this, pt, Rs).call(this, e);
-}, st = new WeakSet(), Bs = function() {
+  }, 350)), o(this, pt, Us).call(this, e);
+}, st = new WeakSet(), Vs = function() {
   o(this, j, he).call(this, !0), n(this, L) && n(this, L) && n(this, B) && (document.addEventListener("mousedown", n(this, L), !0), document.addEventListener("focus", n(this, L), !0), window.addEventListener("blur", n(this, B)));
-}, it = new WeakSet(), Vs = function() {
+}, it = new WeakSet(), Ds = function() {
   setTimeout(() => {
     var s, i;
     const e = (s = n(this, u)) == null ? void 0 : s.srcElement.contains(document.activeElement), t = (i = n(this, d)) == null ? void 0 : i.srcElement.contains(document.activeElement);
     !e && !t && this.blurWindowHandler();
   }, 1);
-}, se = new WeakSet(), _t = function(e) {
+}, se = new WeakSet(), At = 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, u)) == null || s.updateValue(t), o(this, te, St).call(this, e);
-}, lt = new WeakSet(), Ds = function(e) {
+  this.isIndependentNodes || this.isSingleSelect ? t = e.allNodes : this.grouped ? t = e.groupedNodes : t = e.nodes, (s = n(this, u)) == null || s.updateValue(t), o(this, te, _t).call(this, e);
+}, lt = new WeakSet(), Hs = function(e) {
   var t, s, i;
-  o(this, se, _t).call(this, e), this.isSingleSelect && !this.alwaysOpen && ((t = n(this, u)) == null || t.openClose(), (s = n(this, u)) == null || s.clearSearch()), (i = n(this, u)) == null || i.focus(), o(this, ne, Nt).call(this);
-}, nt = new WeakSet(), Hs = function() {
-  var e;
-  (e = n(this, u)) == null || e.focus(), this.updateListPosition();
-}, at = new WeakSet(), Gs = function(e) {
-  this.selectedName !== e && (this.selectedName = e, o(this, ht, js).call(this));
-}, ot = new WeakSet(), Ms = function() {
+  o(this, se, At).call(this, e), this.isSingleSelect && !this.alwaysOpen && ((t = n(this, u)) == null || t.openClose(), (s = n(this, u)) == null || s.clearSearch()), (i = n(this, u)) == null || i.focus(), o(this, ne, Ot).call(this);
+}, nt = new WeakSet(), Gs = function(e, t) {
+  var s;
+  (s = n(this, u)) == null || s.focus(), this.updateListPosition(), o(this, mt, zs).call(this, e, t);
+}, at = new WeakSet(), Ms = function(e) {
+  this.selectedName !== e && (this.selectedName = e, o(this, ht, $s).call(this));
+}, ot = new WeakSet(), Fs = function() {
   var e;
-  this.isListOpened = !0, n(this, S) && n(this, _) && (window.addEventListener("scroll", n(this, S), !0), window.addEventListener("resize", n(this, _))), !(!n(this, d) || !this.srcElement) && (this.appendToBody ? (document.body.appendChild(n(this, d).srcElement), (e = n(this, F)) == null || e.observe(this.srcElement)) : this.srcElement.appendChild(n(this, d).srcElement), this.updateListPosition(), o(this, le, Tt).call(this, !0), o(this, ct, qs).call(this), o(this, dt, $s).call(this));
-}, ie = new WeakSet(), At = function() {
+  this.isListOpened = !0, n(this, S) && n(this, _) && (window.addEventListener("scroll", n(this, S), !0), window.addEventListener("resize", n(this, _))), !(!n(this, d) || !this.srcElement) && (this.appendToBody ? (document.body.appendChild(n(this, d).srcElement), (e = n(this, F)) == null || e.observe(this.srcElement)) : this.srcElement.appendChild(n(this, d).srcElement), this.updateListPosition(), o(this, le, Nt).call(this, !0), o(this, ct, js).call(this), o(this, dt, Ws).call(this));
+}, ie = new WeakSet(), Tt = function() {
   var t;
-  this.alwaysOpen || (this.isListOpened = !1, n(this, S) && n(this, _) && (window.removeEventListener("scroll", n(this, S), !0), window.removeEventListener("resize", n(this, _))), !n(this, d) || !this.srcElement) || !(this.appendToBody ? document.body.contains(n(this, d).srcElement) : this.srcElement.contains(n(this, d).srcElement)) || (m(this, Q, n(this, d).srcElement.scrollTop), this.appendToBody ? (document.body.removeChild(n(this, d).srcElement), (t = n(this, F)) == null || t.disconnect()) : this.srcElement.removeChild(n(this, d).srcElement), o(this, le, Tt).call(this, !1), o(this, ut, Ws).call(this));
-}, rt = new WeakSet(), Fs = function(e, t) {
+  this.alwaysOpen || (this.isListOpened = !1, n(this, S) && n(this, _) && (window.removeEventListener("scroll", n(this, S), !0), window.removeEventListener("resize", n(this, _))), !n(this, d) || !this.srcElement) || !(this.appendToBody ? document.body.contains(n(this, d).srcElement) : this.srcElement.contains(n(this, d).srcElement)) || (m(this, Q, n(this, d).srcElement.scrollTop), this.appendToBody ? (document.body.removeChild(n(this, d).srcElement), (t = n(this, F)) == null || t.disconnect()) : this.srcElement.removeChild(n(this, d).srcElement), o(this, le, Nt).call(this, !1), o(this, ut, Rs).call(this));
+}, rt = new WeakSet(), qs = function(e, t) {
   if (!n(this, d) || !n(this, u))
     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, d).srcElement.classList.add(s), n(this, d).srcElement.classList.remove(i), n(this, u).srcElement.classList.add("treeselect-input--top"), n(this, u).srcElement.classList.remove("treeselect-input--bottom")) : (n(this, d).srcElement.classList.remove(s), n(this, d).srcElement.classList.add(i), n(this, u).srcElement.classList.remove("treeselect-input--top"), n(this, u).srcElement.classList.add("treeselect-input--bottom"));
 }, j = new WeakSet(), he = function(e) {
   !n(this, u) || !n(this, d) || (e ? (n(this, u).srcElement.classList.add("treeselect-input--focused"), n(this, d).srcElement.classList.add("treeselect-list--focused")) : (n(this, u).srcElement.classList.remove("treeselect-input--focused"), n(this, d).srcElement.classList.remove("treeselect-list--focused")));
-}, le = new WeakSet(), Tt = function(e) {
+}, le = new WeakSet(), Nt = function(e) {
   var t, s, i, a;
   e ? (t = n(this, u)) == null || t.srcElement.classList.add("treeselect-input--opened") : (s = n(this, u)) == null || s.srcElement.classList.remove("treeselect-input--opened"), this.staticList ? (i = n(this, d)) == null || i.srcElement.classList.add("treeselect-list--static") : (a = n(this, d)) == null || a.srcElement.classList.remove("treeselect-list--static");
 }, $ = new WeakSet(), de = function(e) {
   !n(this, S) || !n(this, _) || !n(this, L) || !n(this, B) || ((!this.alwaysOpen || e) && (window.removeEventListener("scroll", n(this, S), !0), window.removeEventListener("resize", n(this, _))), document.removeEventListener("mousedown", n(this, L), !0), document.removeEventListener("focus", n(this, L), !0), window.removeEventListener("blur", n(this, B)));
-}, ct = new WeakSet(), qs = function() {
+}, ct = new WeakSet(), js = function() {
   var t, s, i;
   const e = (t = n(this, d)) == null ? void 0 : t.isLastFocusedElementExist();
   this.saveScrollPosition && e ? (s = n(this, d)) == null || s.srcElement.scroll(0, n(this, Q)) : (i = n(this, d)) == null || i.focusFirstListElement();
-}, ne = new WeakSet(), Nt = function() {
+}, ne = new WeakSet(), Ot = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("input", { detail: this.value })), this.inputCallback && this.inputCallback(this.value);
-}, ht = new WeakSet(), js = function() {
+}, ht = new WeakSet(), $s = function() {
   var e;
   (e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("name-change", { detail: this.selectedName })), this.nameChangeCallback && this.nameChangeCallback(this.selectedName);
-}, dt = new WeakSet(), $s = function() {
+}, dt = new WeakSet(), Ws = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("open", { detail: this.value })), this.openCallback && this.openCallback(this.value));
-}, ut = new WeakSet(), Ws = function() {
+}, ut = new WeakSet(), Rs = function() {
   var e;
   this.alwaysOpen || ((e = this.srcElement) == null || e.dispatchEvent(new CustomEvent("close", { detail: this.value })), this.closeCallback && this.closeCallback(this.value));
-}, pt = new WeakSet(), Rs = function(e) {
+}, pt = new WeakSet(), Us = 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);
+}, mt = new WeakSet(), zs = 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 {
-  Bi as default
+  Hi as default
 };