@progress/kendo-react-dropdowns 7.2.0-develop.7 → 7.2.0-develop.8

package/index.mjs

@@ -236,9 +236,9 @@ class js extends o.Component {
     return s !== void 0 ? s.call(void 0, a, this.props) : a;
   }
 }
-const ve = "dropdowns.nodata", nt = "dropdowns.clear", zt = "dropdowns.comboArrowBtnAriaLabelExpand", Ht = "dropdowns.comboArrowBtnAriaLabelCollapse", At = "dropdowns.dropDownListArrowBtnAriaLabel", ot = "dropdowns.apply", at = "dropdowns.cancel", ce = {
+const me = "dropdowns.nodata", nt = "dropdowns.clear", zt = "dropdowns.comboArrowBtnAriaLabelExpand", Ht = "dropdowns.comboArrowBtnAriaLabelCollapse", At = "dropdowns.dropDownListArrowBtnAriaLabel", ot = "dropdowns.apply", at = "dropdowns.cancel", ce = {
   [nt]: "clear",
-  [ve]: "NO DATA FOUND.",
+  [me]: "NO DATA FOUND.",
   [zt]: "expand combobox",
   [Ht]: "collapse combobox",
   [At]: "select",
@@ -258,16 +258,16 @@ class je extends o.Component {
       virtual: d,
       focusedIndex: r,
       highlightSelected: h = !0,
-      value: u,
-      data: f,
+      value: f,
+      data: u,
       itemRender: m,
       groupHeaderItemRender: v
-    } = this.props, b = Array.isArray(u);
+    } = this.props, b = Array.isArray(f);
     let w = 0;
-    return f.map((k, D) => {
-      const O = c + D, N = c + D + w, _ = k.disabled ? !1 : h && (!b && R(k, u, e) || b && u.findIndex((E) => R(E, k, e)) !== -1);
-      let S, T, C;
-      return D > 0 && s !== void 0 && (T = V(k, s), C = V(f[D - 1], s), T && C && T !== C && (S = T)), S !== void 0 && n === "modern" && (w += 1), [
+    return u.map((k, D) => {
+      const O = c + D, N = c + D + w, _ = k.disabled ? !1 : h && (!b && R(k, f, e) || b && f.findIndex((E) => R(E, k, e)) !== -1);
+      let S, F, C;
+      return D > 0 && s !== void 0 && (F = V(k, s), C = V(u[D - 1], s), F && C && F !== C && (S = F)), S !== void 0 && n === "modern" && (w += 1), [
         S !== void 0 && n === "modern" && /* @__PURE__ */ o.createElement(
           js,
           {
@@ -301,7 +301,7 @@ class je extends o.Component {
     });
   }
   renderNoValueElement(t) {
-    const e = this.props.noDataRender, s = /* @__PURE__ */ o.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ o.createElement("div", null, t.toLanguageString(ve, ce[ve])));
+    const e = this.props.noDataRender, s = /* @__PURE__ */ o.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ o.createElement("div", null, t.toLanguageString(me, ce[me])));
     return e ? e.call(void 0, s) : s;
   }
   render() {
@@ -315,8 +315,8 @@ class je extends o.Component {
       wrapperRef: d,
       listClassName: r = "k-list-ul",
       ariaSetSize: h
-    } = this.props, u = this.renderItems();
-    return u.length ? /* @__PURE__ */ o.createElement(
+    } = this.props, f = this.renderItems();
+    return f.length ? /* @__PURE__ */ o.createElement(
       "div",
       {
         className: n,
@@ -338,7 +338,7 @@ class je extends o.Component {
           ref: c,
           style: p
         },
-        u
+        f
       ),
       this.props.scroller && /* @__PURE__ */ o.createElement("div", { className: "k-height-container" }, this.props.scroller)
     ) : this.renderNoValueElement(t);
@@ -465,9 +465,9 @@ const Zt = class {
       }
       window.setTimeout(() => s.enabled = !0, 10);
     }, this.scrollPopupByPageSize = (t) => {
-      var p, c, d, r, h, u;
+      var p, c, d, r, h, f;
       const e = this.vs, s = (c = (p = this.list) == null ? void 0 : p.parentElement) == null ? void 0 : c.scrollTop, n = e.enabled && e.itemHeight ? e.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, a = (r = (d = this.list) == null ? void 0 : d.parentElement) == null ? void 0 : r.offsetHeight;
-      s !== void 0 && a !== void 0 && ((u = (h = this.list) == null ? void 0 : h.parentElement) == null || u.scroll({ top: s + t * Math.floor(a / n) * n }));
+      s !== void 0 && a !== void 0 && ((f = (h = this.list) == null ? void 0 : h.parentElement) == null || f.scroll({ top: s + t * Math.floor(a / n) * n }));
     }, this.renderScrollElement = () => {
       const t = this.vs;
       return t.enabled && /* @__PURE__ */ o.createElement(
@@ -610,7 +610,7 @@ const Ye = {
   name: "@progress/kendo-react-dropdowns",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1708335226,
+  publishDate: 1708417638,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 }, wt = 500, we = 768, Xs = "Please select a value from the list!", { sizeMap: Kt, roundedMap: Zs } = Ge, Wt = class extends o.Component {
@@ -641,9 +641,9 @@ const Ye = {
         }
       )
     ), this.renderListContainer = () => {
-      const { header: t, footer: e, dir: s, data: n = [], size: a, groupField: p, groupStickyHeaderItemRender: c, list: d } = this.props, r = this.base, h = r.getPopupSettings(), u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = h.width !== void 0 ? h.width : r.popupWidth, m = {
+      const { header: t, footer: e, dir: s, data: n = [], size: a, groupField: p, groupStickyHeaderItemRender: c, list: d } = this.props, r = this.base, h = r.getPopupSettings(), f = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = h.width !== void 0 ? h.width : r.popupWidth, m = {
         dir: s !== void 0 ? s : r.dirCalculated,
-        width: f,
+        width: u,
         popupSettings: {
           popupClass: B(
             h.popupClass,
@@ -653,7 +653,7 @@ const Ye = {
           className: h.className,
           animate: h.animate,
           anchor: this.element,
-          show: u,
+          show: f,
           onOpen: this.onPopupOpened,
           onClose: this.onPopupClosed,
           appendTo: h.appendTo
@@ -685,7 +685,7 @@ const Ye = {
         groupHeaderItemRender: a,
         listNoDataRender: p,
         itemRender: c
-      } = this.props, d = this.base.vs, r = n.skip, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = this.base.getPopupSettings(), f = `translateY(${d.translate}px)`;
+      } = this.props, d = this.base.vs, r = n.skip, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = this.base.getPopupSettings(), u = `translateY(${d.translate}px)`;
       return /* @__PURE__ */ o.createElement(
         je,
         {
@@ -700,9 +700,9 @@ const Ye = {
           groupField: this.props.groupField,
           groupMode: "modern",
           listRef: (m) => d.list = this.base.list = m,
-          wrapperStyle: { maxHeight: u.height },
+          wrapperStyle: { maxHeight: f.height },
           wrapperCssClass: "k-list-content",
-          listStyle: d.enabled ? { transform: f } : void 0,
+          listStyle: d.enabled ? { transform: u } : void 0,
           key: "listkey",
           skip: r,
           onClick: this.handleItemClick,
@@ -764,10 +764,10 @@ const Ye = {
       const a = this.searchState.word, p = this.searchState.last, c = Ls(a, p);
       let d = n.length, r = Math.max(0, e.findIndex((k) => R(k, this.value, s))), h;
       this.props.defaultItem && (h = { item: this.props.defaultItem, itemIndex: -1 }, d += 1, r += 1), r += c ? 1 : 0, n = zs(n, r, h);
-      let u, f, m, v = 0;
+      let f, u, m, v = 0;
       const { textField: b, ignoreCase: w } = this.props;
       for (; v < d; v++)
-        if (u = V(n[v].item, b), f = c && as(u, p, w), m = as(u, a, w), f || m) {
+        if (f = V(n[v].item, b), u = c && as(f, p, w), m = as(f, a, w), u || m) {
           v = n[v].itemIndex;
           break;
         }
@@ -787,8 +787,8 @@ const Ye = {
         dataItemKey: d,
         groupField: r = "",
         textField: h,
-        skipDisabledItems: u = !0
-      } = this.props, f = this.value, m = e.findIndex((T) => R(T, f, d)), v = this.props.opened !== void 0 ? this.props.opened : this.state.opened, b = t.keyCode, w = b === g.home || b === g.end, k = b === g.up || b === g.down, D = !v && (t.altKey && b === g.down || b === g.enter || b === g.space), O = v && (t.altKey && b === g.up || b === g.esc), N = p && (b === g.left || b === g.right), _ = k || N && !s || w, S = this.base.initState();
+        skipDisabledItems: f = !0
+      } = this.props, u = this.value, m = e.findIndex((F) => R(F, u, d)), v = this.props.opened !== void 0 ? this.props.opened : this.state.opened, b = t.keyCode, w = b === g.home || b === g.end, k = b === g.up || b === g.down, D = !v && (t.altKey && b === g.down || b === g.enter || b === g.space), O = v && (t.altKey && b === g.up || b === g.esc), N = p && (b === g.left || b === g.right), _ = k || N && !s || w, S = this.base.initState();
       if (S.syntheticEvent = t, !n) {
         if (w && this.base.vs.enabled)
           b === g.home ? c.skip !== 0 ? (this.base.triggerOnPageChange(S, 0, c.pageSize), this._navigated = !0) : this.triggerOnChange(e[0], S) : c.skip < c.total - c.pageSize ? (this.base.triggerOnPageChange(S, c.total - c.pageSize, c.pageSize), this._navigated = !0) : this.triggerOnChange(e[e.length - 1], S);
@@ -797,65 +797,65 @@ const Ye = {
         else if (v && b === g.pageDown)
           this.base.scrollPopupByPageSize(1);
         else if (v && b === g.enter) {
-          const T = this.getFocusedIndex();
-          this.haveFocusedItemAndDataNotEmpty(e, T) ? (this.triggerOnChange(null, S), this.applyState(S)) : this.handleItemSelect(T, S), this.base.togglePopup(S), t.preventDefault();
+          const F = this.getFocusedIndex();
+          this.haveFocusedItemAndDataNotEmpty(e, F) ? (this.triggerOnChange(null, S), this.applyState(S)) : this.handleItemSelect(F, S), this.base.togglePopup(S), t.preventDefault();
         } else if (D || O)
           O && this.resetValueIfDisabledItem(), this.base.togglePopup(S), t.preventDefault();
         else if (_) {
           if (this._lastKeypressIsFilter = !1, r !== "" && h)
-            if (!u && v)
+            if (!f && v)
               this.onNavigate(S, b);
             else {
-              let T;
+              let F;
               if (b === g.down || b === g.right) {
                 const C = e.slice(m + 1).find((E) => !E.disabled && E[h]);
-                T = C && e.findIndex((E) => E[h] === C[h]);
+                F = C && e.findIndex((E) => E[h] === C[h]);
               } else if (b === g.up || b === g.left) {
                 let C;
                 if (m === 0 && a)
-                  T = -1;
+                  F = -1;
                 else if (m === -1)
-                  C = e, T = e.findIndex((E) => !E.disabled && E[h]);
+                  C = e, F = e.findIndex((E) => !E.disabled && E[h]);
                 else {
                   C = e.slice(0, m);
                   let E = C.pop();
                   for (; E && E.disabled; )
                     E = C.pop();
-                  T = E && e.findIndex((M) => M[h] === E[h]);
+                  F = E && e.findIndex((M) => M[h] === E[h]);
                 }
               }
-              if (T !== void 0) {
-                const C = T - m;
+              if (F !== void 0) {
+                const C = F - m;
                 this.onNavigate(S, b, C);
               } else
-                T === void 0 && e.findIndex((C) => C[h] === f[h]) === e.length - 1 && this.onNavigate(S, b);
+                F === void 0 && e.findIndex((C) => C[h] === u[h]) === e.length - 1 && this.onNavigate(S, b);
             }
-          else if (!u && v || w)
+          else if (!f && v || w)
             this.onNavigate(S, b);
           else if (h) {
-            let T;
+            let F;
             if (b === g.down || b === g.right) {
               const C = e.slice(m + 1).find((E) => !E.disabled && E[h]);
-              T = C && e.findIndex((E) => E[h] === C[h]);
+              F = C && e.findIndex((E) => E[h] === C[h]);
             } else if (b === g.up || b === g.left) {
               let C;
               if (m === 0 && a)
-                T = -1;
+                F = -1;
               else if (m === -1)
-                C = e, T = e.find((E) => !E.disabled && E[h]);
+                C = e, F = e.find((E) => !E.disabled && E[h]);
               else {
                 C = e.slice(0, m);
                 let E = C.pop();
                 for (; E && E.disabled; )
                   E = C.pop();
-                T = E && e.findIndex((M) => M[h] === E[h]);
+                F = E && e.findIndex((M) => M[h] === E[h]);
               }
             }
-            if (T !== void 0) {
-              const C = T - m;
+            if (F !== void 0) {
+              const C = F - m;
               this.onNavigate(S, b, C);
             } else
-              T === void 0 && e.findIndex((C) => C[h] === f[h]) === e.length - 1 && this.onNavigate(S, b);
+              F === void 0 && e.findIndex((C) => C[h] === u[h]) === e.length - 1 && this.onNavigate(S, b);
           } else
             this.onNavigate(S, b);
           t.preventDefault();
@@ -969,18 +969,16 @@ const Ye = {
    * @hidden
    */
   componentDidUpdate(i, t) {
-    var u;
-    const { dataItemKey: e, virtual: s, groupField: n = "", textField: a } = this.props;
-    let { data: p = [] } = this.props;
-    const c = i.virtual ? i.virtual.total : 0, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = i.opened !== void 0 ? i.opened : t.opened, h = !r && d;
+    var f;
+    const { dataItemKey: e, virtual: s, groupField: n = "", textField: a } = this.props, { data: p = [] } = this.props, c = i.virtual ? i.virtual.total : 0, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = i.opened !== void 0 ? i.opened : t.opened, h = !r && d;
     if (this.base.getPopupSettings().animate || h && this.onPopupOpened(), s && s.total !== c)
       this.base.vs.calcScrollElementHeight(), this.base.vs.reset();
     else {
-      const f = this.value, m = i.value !== void 0 ? i.value : t.value;
-      let v = p.findIndex((w) => R(w, f, e));
-      n !== "" && f && a && (v = (u = this.base.getGroupedDataModernMode(p, n)) == null ? void 0 : u.map((w) => w[a]).indexOf(f[a]));
-      const b = !R(m, f, e);
-      h && s ? this.base.scrollToVirtualItem(s, v) : h && !s ? (this.onPopupOpened(), p && p.length !== 0 && this.base.resetGroupStickyHeader(p[0][n], this), this.base.scrollToItem(v)) : d && r && f && b && !this._navigated ? this.base.scrollToItem(v) : d && r && this._navigated && (this._navigated && s && s.skip === 0 ? this.base.vs.reset() : this._navigated && s && s.skip === s.total - s.pageSize && this.base.vs.scrollToEnd());
+      const u = this.value, m = i.value !== void 0 ? i.value : t.value;
+      let v = p.findIndex((w) => R(w, u, e));
+      n !== "" && u && a && (v = (f = this.base.getGroupedDataModernMode(p, n)) == null ? void 0 : f.map((w) => w[a]).indexOf(u[a]));
+      const b = !R(m, u, e);
+      h && s ? this.base.scrollToVirtualItem(s, v) : h && !s ? (this.onPopupOpened(), p && p.length !== 0 && this.base.resetGroupStickyHeader(p[0][n], this), this.base.scrollToItem(v)) : d && r && u && b && !this._navigated ? this.base.scrollToItem(v) : d && r && this._navigated && (this._navigated && s && s.skip === 0 ? this.base.vs.reset() : this._navigated && s && s.skip === s.total - s.pageSize && this.base.vs.scrollToEnd());
     }
     this._navigated = !1, this.setValidity();
   }
@@ -1000,7 +998,7 @@ const Ye = {
    * @hidden
    */
   render() {
-    const i = We(this).toLanguageString(At, ce[At]), { style: t, className: e, label: s, dir: n, virtual: a, size: p, rounded: c, fillMode: d, adaptive: r } = this.props, { windowWidth: h = 0 } = this.state, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = this.value, m = V(f, this.props.textField), v = !this.validityStyles || this.validity.valid, b = this.base, w = b.vs, k = h <= we && r;
+    const i = We(this).toLanguageString(At, ce[At]), { style: t, className: e, label: s, dir: n, virtual: a, size: p, rounded: c, fillMode: d, adaptive: r } = this.props, { windowWidth: h = 0 } = this.state, f = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = this.value, m = V(u, this.props.textField), v = !this.validityStyles || this.validity.valid, b = this.base, w = b.vs, k = h <= we && r;
     w.enabled = a !== void 0, a !== void 0 && (b.vs.skip = a.skip, b.vs.total = a.total, b.vs.pageSize = a.pageSize);
     const {
       dataItemKey: D,
@@ -1008,9 +1006,10 @@ const Ye = {
       disabled: N,
       tabIndex: _,
       loading: S,
-      iconClassName: T,
-      valueRender: C
-    } = this.props, { focused: E } = this.state, M = O.findIndex((Y) => R(Y, f, D)), H = /* @__PURE__ */ o.createElement("span", { id: this._inputId, className: "k-input-inner" }, /* @__PURE__ */ o.createElement("span", { className: "k-input-value-text" }, m)), J = C !== void 0 ? C.call(void 0, H, f) : H, j = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+      iconClassName: F,
+      svgIcon: C,
+      valueRender: E
+    } = this.props, { focused: M } = this.state, W = O.findIndex((K) => R(K, u, D)), j = /* @__PURE__ */ o.createElement("span", { id: this._inputId, className: "k-input-inner" }, /* @__PURE__ */ o.createElement("span", { className: "k-input-value-text" }, m)), Y = E !== void 0 ? E.call(void 0, j, u) : j, ee = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
         ref: this.componentRef,
@@ -1021,7 +1020,7 @@ const Ye = {
             [`k-picker-${Kt[p] || p}`]: p,
             [`k-rounded-${Zs[c] || c}`]: c,
             [`k-picker-${d}`]: d,
-            "k-focus": E,
+            "k-focus": M,
             "k-disabled": N,
             "k-invalid": !v,
             "k-loading": S,
@@ -1030,8 +1029,8 @@ const Ye = {
         ),
         style: s ? { ...t, width: void 0 } : t,
         dir: n,
-        onMouseDown: u ? (Y) => {
-          Y.target.nodeName !== "INPUT" && (this.focusElement(this.base.wrapper), Y.preventDefault());
+        onMouseDown: f ? (K) => {
+          K.target.nodeName !== "INPUT" && (this.focusElement(this.base.wrapper), K.preventDefault());
         } : void 0,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
@@ -1044,16 +1043,16 @@ const Ye = {
         "aria-required": this.required,
         "aria-disabled": N || void 0,
         "aria-haspopup": "listbox",
-        "aria-expanded": u || !1,
+        "aria-expanded": f || !1,
         "aria-owns": this._listboxId,
-        "aria-activedescendant": u ? "option-" + this._guid + "-" + (M + (a ? a.skip : 0)) : void 0,
+        "aria-activedescendant": f ? "option-" + this._guid + "-" + (W + (a ? a.skip : 0)) : void 0,
         "aria-label": this.props.ariaLabel || this.props.label,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy || this._inputId,
         id: this.props.id,
         title: this.props.title
       },
-      J,
+      Y,
       S && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading" }),
       /* @__PURE__ */ o.createElement(
         Te,
@@ -1064,16 +1063,16 @@ const Ye = {
           "aria-hidden": !0,
           size: p,
           fillMode: d,
-          iconClass: T,
+          iconClass: F,
           className: "k-input-button",
           rounded: null,
           themeColor: "base",
-          icon: T ? void 0 : "caret-alt-down",
-          svgIcon: T ? this.props.svgIcon : jt,
-          onMouseDown: (Y) => this.state.focused && Y.preventDefault()
+          icon: F ? void 0 : "caret-alt-down",
+          svgIcon: C || jt,
+          onMouseDown: (K) => this.state.focused && K.preventDefault()
         }
       ),
-      this.dummySelect(f),
+      this.dummySelect(u),
       !k && this.renderListContainer()
     ), k && this.renderAdaptiveListContainer());
     return s ? /* @__PURE__ */ o.createElement(
@@ -1084,9 +1083,9 @@ const Ye = {
         editorValid: v,
         editorDisabled: this.props.disabled,
         style: { width: t ? t.width : void 0 },
-        children: j
+        children: ee
       }
-    ) : j;
+    ) : ee;
   }
   /**
    * @hidden
@@ -1097,7 +1096,7 @@ const Ye = {
       defaultItem: n,
       dataItemKey: a,
       virtual: p = { skip: 0, total: 0, pageSize: 0 }
-    } = this.props, c = this.base.vs, d = this.value, r = s.findIndex((u) => R(u, d, a)), h = this.base.navigation.navigate({
+    } = this.props, c = this.base.vs, d = this.value, r = s.findIndex((f) => R(f, d, a)), h = this.base.navigation.navigate({
       current: p.skip + r,
       max: (c.enabled ? p.total : s.length) - 1,
       min: n !== void 0 ? -1 : 0,
@@ -1112,12 +1111,12 @@ const Ye = {
       navigatableElements: [],
       expand: r,
       animation: !0,
-      onClose: (f) => this.handleWrapperClick(f),
+      onClose: (u) => this.handleWrapperClick(u),
       animationStyles: i <= wt ? { top: 0, width: "100%", height: "100%" } : void 0,
       className: i <= wt ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
     };
-    let { group: u } = this.state;
-    return u === void 0 && a !== void 0 && (u = V(d[0], a)), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Jt, { ...h }, /* @__PURE__ */ o.createElement(Qt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, n)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
+    let { group: f } = this.state;
+    return f === void 0 && a !== void 0 && (f = V(d[0], a)), /* @__PURE__ */ o.createElement(Jt, { ...h }, /* @__PURE__ */ o.createElement(Qt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, n)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
       Te,
       {
         tabIndex: 0,
@@ -1141,9 +1140,9 @@ const Ye = {
         )
       },
       this.renderDefaultItem(),
-      !c && u && d.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: u, groupMode: "modern", render: p }),
+      !c && f && d.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: f, groupMode: "modern", render: p }),
       this.renderList()
-    ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e))));
+    ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e)));
   }
   getFocusedIndex() {
     const i = this.value, {
@@ -1167,7 +1166,7 @@ const Ye = {
     this.base.applyState(i), this._valueDuringOnChange = void 0;
   }
   calculateMedia(i) {
-    for (let t of i)
+    for (const t of i)
       this.setState({ windowWidth: t.target.clientWidth });
   }
   resetValueIfDisabledItem() {
@@ -1357,11 +1356,11 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
         n.syntheticEvent = t, this.base.togglePopup(n), this.base.filterChanged(s, n), this.applyState(n);
       }
     }, this.onInputKeyDown = (t) => {
-      const { data: e = [], skipDisabledItems: s, textField: n, dataItemKey: a, groupField: p } = this.props, c = this.value, d = Math.max(0, e.findIndex((w) => R(w, c, a))), r = t.keyCode, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = this.base.initState();
-      if (u.syntheticEvent = t, !t.altKey && (r === g.up || r === g.down)) {
+      const { data: e = [], skipDisabledItems: s, textField: n, dataItemKey: a, groupField: p } = this.props, c = this.value, d = Math.max(0, e.findIndex((w) => R(w, c, a))), r = t.keyCode, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = this.base.initState();
+      if (f.syntheticEvent = t, !t.altKey && (r === g.up || r === g.down)) {
         if (t.preventDefault(), p !== "" && n)
           if (!this.props.skipDisabledItems && h)
-            this.onNavigate(u, r);
+            this.onNavigate(f, r);
           else {
             let w = 0;
             if (r === g.down || r === g.right) {
@@ -1381,12 +1380,12 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
             }
             if (w !== void 0) {
               const k = w - d;
-              this.onNavigate(u, r, k);
+              this.onNavigate(f, r, k);
             } else
-              w === void 0 && e.findIndex((k) => k[n] === c[n]) === e.length - 1 && this.onNavigate(u, r);
+              w === void 0 && e.findIndex((k) => k[n] === c[n]) === e.length - 1 && this.onNavigate(f, r);
           }
         else if (!this.props.skipDisabledItems && h)
-          this.onNavigate(u, r);
+          this.onNavigate(f, r);
         else {
           let w = null;
           if (r === g.down || r === g.right)
@@ -1398,16 +1397,16 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
           }
           if (w) {
             const k = w.id - d - 1;
-            this.onNavigate(u, r, k);
+            this.onNavigate(f, r, k);
           } else
-            this.onNavigate(u, r);
+            this.onNavigate(f, r);
         }
-        this.applyState(u);
+        this.applyState(f);
       }
-      const f = () => {
-        t.preventDefault(), this.base.togglePopup(u), this.applyState(u);
+      const u = () => {
+        t.preventDefault(), this.base.togglePopup(f), this.applyState(f);
       }, m = this.getFocusedIndex(), v = m === -1, b = !v && this.getCurrentValueDisabledStatus(n, e, m);
-      h ? r === g.pageUp ? this.base.scrollPopupByPageSize(-1) : r === g.pageDown ? this.base.scrollPopupByPageSize(1) : t.altKey && r === g.up ? f() : r === g.enter ? (t.preventDefault(), (n && !v && t.currentTarget.value ? e[m][n] : void 0) ? !s && n && b ? this.clearValueOnEnterOrEsc(t) : b || this.applyValueOnEnter(t.currentTarget.value, u) : this.applyValueOnEnter(t.currentTarget.value, u)) : r === g.esc && (!s && n && b && this.clearValueOnEnterOrEsc(t), this.applyValueOnRejectSuggestions(t.currentTarget.value, u)) : !h && r === g.esc ? this.clearValueOnEnterOrEsc(t) : t.altKey && r === g.down && f();
+      h ? r === g.pageUp ? this.base.scrollPopupByPageSize(-1) : r === g.pageDown ? this.base.scrollPopupByPageSize(1) : t.altKey && r === g.up ? u() : r === g.enter ? (t.preventDefault(), (n && !v && t.currentTarget.value ? e[m][n] : void 0) ? !s && n && b ? this.clearValueOnEnterOrEsc(t) : b || this.applyValueOnEnter(t.currentTarget.value, f) : this.applyValueOnEnter(t.currentTarget.value, f)) : r === g.esc && (!s && n && b && this.clearValueOnEnterOrEsc(t), this.applyValueOnRejectSuggestions(t.currentTarget.value, f)) : !h && r === g.esc ? this.clearValueOnEnterOrEsc(t) : t.altKey && r === g.down && u();
     }, this.inputOnChange = (t) => {
       const e = this.base.initState();
       e.syntheticEvent = t;
@@ -1501,16 +1500,16 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
   }
   /** @hidden */
   componentDidUpdate(i, t) {
-    var f;
-    const { dataItemKey: e, virtual: s, groupField: n = "", data: a = [], textField: p } = this.props, c = i.virtual ? i.virtual.total : 0, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = i.opened !== void 0 ? i.opened : t.opened, h = !r && d, u = this.value;
-    if (this._valueOnDidUpdate = u, s && s.total !== c)
+    var u;
+    const { dataItemKey: e, virtual: s, groupField: n = "", data: a = [], textField: p } = this.props, c = i.virtual ? i.virtual.total : 0, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = i.opened !== void 0 ? i.opened : t.opened, h = !r && d, f = this.value;
+    if (this._valueOnDidUpdate = f, s && s.total !== c)
       this.base.vs.calcScrollElementHeight(), this.base.vs.reset();
     else {
       const m = i.value !== void 0 ? i.value : t.value;
-      let v = a.findIndex((w) => R(w, u, e));
-      this.props.groupMode === "modern" && p && u && (v = (f = this.base.getGroupedDataModernMode(a, n)) == null ? void 0 : f.map((w) => w[p]).indexOf(u[p]));
-      const b = !R(m, u, e);
-      h && s ? this.base.scrollToVirtualItem(s, v) : h && !s ? (this.onPopupOpened(), a && a.length !== 0 && this.base.resetGroupStickyHeader(a[0][n], this), this.base.scrollToItem(v)) : d && r && u && b && this.base.scrollToItem(v);
+      let v = a.findIndex((w) => R(w, f, e));
+      this.props.groupMode === "modern" && p && f && (v = (u = this.base.getGroupedDataModernMode(a, n)) == null ? void 0 : u.map((w) => w[p]).indexOf(f[p]));
+      const b = !R(m, f, e);
+      h && s ? this.base.scrollToVirtualItem(s, v) : h && !s ? (this.onPopupOpened(), a && a.length !== 0 && this.base.resetGroupStickyHeader(a[0][n], this), this.base.scrollToItem(v)) : d && r && f && b && this.base.scrollToItem(v);
     }
     h && this._input && this._input.focus(), this.setValidity();
   }
@@ -1539,16 +1538,17 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
       className: d,
       style: r,
       loading: h,
-      iconClassName: u,
-      virtual: f,
+      iconClassName: f,
+      virtual: u,
       size: m,
       rounded: v,
       fillMode: b,
       opened: w = this.state.opened,
-      placeholder: k
-    } = this.props, { windowWidth: D = 0 } = this.state, O = !this.validityStyles || this.validity.valid, N = this.props.filter !== void 0 ? this.props.filter : this.state.text, _ = V(this.value, p), S = U(N) ? N : _, T = n && (!!S || U(this.value)), E = this.base.vs, M = this.props.id || this._inputId, H = D <= we && c;
-    E.enabled = f !== void 0, f !== void 0 && (E.skip = f.skip, E.total = f.total, E.pageSize = f.pageSize);
-    const [J, j] = Ne(this.props.prefix || o.Fragment), [Y, W] = Ne(this.props.suffix || o.Fragment), ge = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+      placeholder: k,
+      svgIcon: D
+    } = this.props, { windowWidth: O = 0 } = this.state, N = !this.validityStyles || this.validity.valid, _ = this.props.filter !== void 0 ? this.props.filter : this.state.text, S = V(this.value, p), F = U(_) ? _ : S, C = n && (!!F || U(this.value)), M = this.base.vs, W = this.props.id || this._inputId, j = O <= we && c;
+    M.enabled = u !== void 0, u !== void 0 && (M.skip = u.skip, M.total = u.total, M.pageSize = u.pageSize);
+    const [Y, ee] = Ne(this.props.prefix || o.Fragment), [K, ve] = Ne(this.props.suffix || o.Fragment), Q = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
         className: B(
@@ -1557,7 +1557,7 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
             [`k-input-${yt[m] || m}`]: m,
             [`k-rounded-${ni[v] || v}`]: v,
             [`k-input-${b}`]: b,
-            "k-invalid": !O,
+            "k-invalid": !N,
             "k-loading": h,
             "k-required": this.required,
             "k-disabled": s
@@ -1568,43 +1568,43 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
         style: a ? { ...r, width: void 0 } : r,
         dir: e
       },
-      this.props.prefix && /* @__PURE__ */ o.createElement(J, { ...j }),
-      this.renderSearchBar(S || "", M, k),
-      T && !h && /* @__PURE__ */ o.createElement(dt, { onClick: this.clearButtonClick, key: "clearbutton" }),
+      this.props.prefix && /* @__PURE__ */ o.createElement(Y, { ...ee }),
+      this.renderSearchBar(F || "", W, k),
+      C && !h && /* @__PURE__ */ o.createElement(dt, { onClick: this.clearButtonClick, key: "clearbutton" }),
       h && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading", key: "loading" }),
-      this.props.suffix && /* @__PURE__ */ o.createElement(Y, { ...W }),
+      this.props.suffix && /* @__PURE__ */ o.createElement(K, { ...ve }),
       /* @__PURE__ */ o.createElement(
         Te,
         {
           tabIndex: -1,
           type: "button",
           "aria-label": w ? t : i,
-          icon: u ? void 0 : "caret-alt-down",
-          svgIcon: u ? this.props.svgIcon : jt,
-          iconClass: u,
+          icon: f ? void 0 : "caret-alt-down",
+          svgIcon: D || jt,
+          iconClass: f,
           size: m,
           fillMode: b,
           rounded: null,
           themeColor: "base",
           className: "k-input-button",
           onClick: this.toggleBtnClick,
-          onMouseDown: (Z) => Z.preventDefault()
+          onMouseDown: (J) => J.preventDefault()
         }
       ),
-      !H && this.renderListContainer()
-    ), H && this.renderAdaptiveListContainer());
+      !j && this.renderListContainer()
+    ), j && this.renderAdaptiveListContainer());
     return a ? /* @__PURE__ */ o.createElement(
       Ue,
       {
         label: a,
-        editorId: M,
-        editorValue: S,
-        editorValid: O,
+        editorId: W,
+        editorValue: F,
+        editorValid: N,
         editorDisabled: s,
         style: { width: r ? r.width : void 0 },
-        children: ge
+        children: Q
       }
-    ) : ge;
+    ) : Q;
   }
   /** @hidden */
   onNavigate(i, t, e) {
@@ -1651,13 +1651,13 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
     return d !== -1 ? this.handleItemSelect(d + c, t) : (this.triggerOnChange(null, t), this.state.text !== void 0 && (t.data.text = void 0)), e && this.base.togglePopup(t), this.applyState(t);
   }
   renderAdaptiveListContainer() {
-    const { windowWidth: i = 0 } = this.state, { header: t, footer: e, size: s, data: n = [], groupField: a, groupMode: p, list: c, virtual: d, adaptiveTitle: r, groupStickyHeaderItemRender: h } = this.props, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
-    let { group: f } = this.state;
-    f === void 0 && a !== void 0 && (f = V(n[0], a));
+    const { windowWidth: i = 0 } = this.state, { header: t, footer: e, size: s, data: n = [], groupField: a, groupMode: p, list: c, virtual: d, adaptiveTitle: r, groupStickyHeaderItemRender: h } = this.props, f = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
+    let { group: u } = this.state;
+    u === void 0 && a !== void 0 && (u = V(n[0], a));
     const m = {
       navigatable: !1,
       navigatableElements: [],
-      expand: u,
+      expand: f,
       animation: !0,
       onClose: (v) => this.toggleBtnClick(v),
       animationStyles: i <= wt ? { top: 0, width: "100%", height: "100%" } : void 0,
@@ -1683,26 +1683,26 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
         "k-data-table": c,
         [`k-table-${yt[s] || s}`]: c && s
       }
-    ) }, t && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, t), !c && f && n.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: f, groupMode: p, render: h }), this.renderList(), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e)))));
+    ) }, t && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, t), !c && u && n.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: u, groupMode: p, render: h }), this.renderList(), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e)))));
   }
   renderListContainer() {
-    const i = this.base, { dir: t, header: e, footer: s, data: n = [], groupField: a, groupMode: p, size: c, list: d, virtual: r, groupStickyHeaderItemRender: h } = this.props, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = i.getPopupSettings(), m = f.width !== void 0 ? f.width : i.popupWidth;
+    const i = this.base, { dir: t, header: e, footer: s, data: n = [], groupField: a, groupMode: p, size: c, list: d, virtual: r, groupStickyHeaderItemRender: h } = this.props, f = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = i.getPopupSettings(), m = u.width !== void 0 ? u.width : i.popupWidth;
     let { group: v } = this.state;
     return v === void 0 && a !== void 0 && (v = V(n[0], a)), /* @__PURE__ */ o.createElement(
       Ft,
       {
         width: m,
         popupSettings: {
-          animate: f.animate,
+          animate: u.animate,
           anchor: this.element,
-          show: u,
+          show: f,
           popupClass: B(
-            f.popupClass,
+            u.popupClass,
             "k-list-container",
             "k-combobox-popup"
           ),
-          className: f.className,
-          appendTo: f.appendTo
+          className: u.className,
+          appendTo: u.appendTo
         },
         dir: t !== void 0 ? t : this.base.dirCalculated,
         itemsCount: [n.length]
@@ -1732,13 +1732,13 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
       groupHeaderItemRender: a,
       data: p = [],
       virtual: c = { skip: 0, total: void 0 }
-    } = this.props, d = i.getPopupSettings(), r = i.vs, h = c.skip, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = `translateY(${r.translate}px)`, m = u ? this.getFocusedIndex() : void 0, v = this.props.filter !== void 0 ? this.props.filter : this.state.text, b = V(this.value, t), w = U(v) && v !== b ? null : this.value, k = this.props.list || je;
+    } = this.props, d = i.getPopupSettings(), r = i.vs, h = c.skip, f = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = `translateY(${r.translate}px)`, m = f ? this.getFocusedIndex() : void 0, v = this.props.filter !== void 0 ? this.props.filter : this.state.text, b = V(this.value, t), w = U(v) && v !== b ? null : this.value, k = this.props.list || je;
     return /* @__PURE__ */ o.createElement(
       k,
       {
         id: i.listBoxId,
         virtual: !!c,
-        show: u,
+        show: f,
         data: p,
         focusedIndex: m,
         value: w,
@@ -1758,7 +1758,7 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
             "k-list-scroller": !c
           }
         ),
-        listStyle: r.enabled ? { transform: f } : void 0,
+        listStyle: r.enabled ? { transform: u } : void 0,
         key: "listkey",
         skip: h,
         onClick: this.handleItemClick,
@@ -1780,7 +1780,7 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
       data: a = [],
       dataItemKey: p,
       virtual: c = { skip: 0 }
-    } = this.props, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = this.value, h = Math.max(0, a.findIndex((u) => R(u, r, p)));
+    } = this.props, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = this.value, h = Math.max(0, a.findIndex((f) => R(f, r, p)));
     return this._suggested && !R(this._valueOnDidUpdate, r, p) && (this._suggested = ""), /* @__PURE__ */ o.createElement(
       es,
       {
@@ -1792,7 +1792,7 @@ const si = Ds, Ne = si, ii = "Please enter a valid value!", { sizeMap: yt, round
         accessKey: this.props.accessKey,
         value: i + this._suggested,
         suggestedText: this._suggested,
-        ref: (u) => this._input = u && u.input,
+        ref: (f) => this._input = f && f.input,
         onClick: this.onInputClick,
         onKeyDown: this.onInputKeyDown,
         onChange: this.inputOnChange,
@@ -1914,9 +1914,9 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
     }, this.onChangeHandler = (t) => {
       const s = this.base.initState(), n = t.currentTarget, a = n.value, p = n.selectionEnd === a.length;
       s.syntheticEvent = t;
-      const c = this._suggested, d = this.value, r = d && d.substring(0, d.length - c.length), h = r && r === a, u = r && r.length > a.length, { suggest: f } = this.props, m = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
-      if (f !== void 0 && f !== !1) {
-        h || u || !p ? this._suggested = "" : this.suggestValue(a);
+      const c = this._suggested, d = this.value, r = d && d.substring(0, d.length - c.length), h = r && r === a, f = r && r.length > a.length, { suggest: u } = this.props, m = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
+      if (u !== void 0 && u !== !1) {
+        h || f || !p ? this._suggested = "" : this.suggestValue(a);
         const v = a + this._suggested, b = { userInput: a, value: this._suggested };
         this.triggerOnChange(v, s, { suggestion: b });
       } else
@@ -1930,9 +1930,9 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
     }, this.onInputKeyDown = (t) => {
       const { data: e = [], skipDisabledItems: s, groupField: n, textField: a } = this.props;
       this._isScrolling && (this._isScrolling = !1);
-      const p = this.focusedIndex(), c = e[p], d = t.keyCode, r = t.altKey, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = this.base.initState();
-      u.syntheticEvent = t;
-      const f = () => {
+      const p = this.focusedIndex(), c = e[p], d = t.keyCode, r = t.altKey, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = this.base.initState();
+      f.syntheticEvent = t;
+      const u = () => {
         h && t.preventDefault();
       };
       if (r && d === g.down)
@@ -1948,14 +1948,14 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
       else if (h && d === g.pageDown)
         this.base.scrollPopupByPageSize(1);
       else if (h && (d === g.enter || d === g.esc))
-        f(), s === !1 && c && c.disabled ? (h && this.togglePopup(u), this.applyState(u)) : this.applyInputValue(t.currentTarget.value, u, t.keyCode);
+        u(), s === !1 && c && c.disabled ? (h && this.togglePopup(f), this.applyState(f)) : this.applyInputValue(t.currentTarget.value, f, t.keyCode);
       else if (!h && d === g.esc) {
         const m = "";
-        this._suggested = "", this.triggerOnChange(m, u), this.state.focusedItem !== void 0 && (u.data.focusedItem = void 0), this.applyState(u);
+        this._suggested = "", this.triggerOnChange(m, f), this.state.focusedItem !== void 0 && (f.data.focusedItem = void 0), this.applyState(f);
       } else if (d === g.up || d === g.down) {
         if (n !== "" && a)
           if (!this.props.skipDisabledItems && h)
-            this.onNavigate(u, d);
+            this.onNavigate(f, d);
           else {
             let m = 0;
             if (d === g.down || d === g.right) {
@@ -1975,12 +1975,12 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
             }
             if (m !== void 0) {
               const v = m - p;
-              this.onNavigate(u, d, v);
+              this.onNavigate(f, d, v);
             } else
-              m === void 0 && e.findIndex((v) => v[a]) === e.length - 1 && this.onNavigate(u, d);
+              m === void 0 && e.findIndex((v) => v[a]) === e.length - 1 && this.onNavigate(f, d);
           }
         else if (!this.props.skipDisabledItems && h)
-          this.onNavigate(u, d);
+          this.onNavigate(f, d);
         else {
           let m = null;
           if (d === g.down || d === g.right)
@@ -1992,11 +1992,11 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
           }
           if (m) {
             const v = m.id - p - 1;
-            this.onNavigate(u, d, v);
+            this.onNavigate(f, d, v);
           } else
-            this.onNavigate(u, d);
+            this.onNavigate(f, d);
         }
-        this.applyState(u), f();
+        this.applyState(f), u();
       }
     }, this.handleBlur = (t) => {
       if (this.state.focused) {
@@ -2053,13 +2053,13 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
    * @hidden
    */
   componentDidUpdate(i, t) {
-    var f;
-    const { groupField: e = "", data: s = [] } = this.props, { data: n = [] } = i, a = this.focusedIndex(), p = s[a], c = n !== s, d = p !== void 0 && t.focusedItem !== p, r = this.props.opened !== void 0 ? this.props.opened : this.state.opened, h = i.opened !== void 0 ? i.opened : t.opened, u = !h && r;
+    var u;
+    const { groupField: e = "", data: s = [] } = this.props, { data: n = [] } = i, a = this.focusedIndex(), p = s[a], c = n !== s, d = p !== void 0 && t.focusedItem !== p, r = this.props.opened !== void 0 ? this.props.opened : this.state.opened, h = i.opened !== void 0 ? i.opened : t.opened, f = !h && r;
     if (e === "")
-      (r && (d || c) || u) && this.base.scrollToItem(a);
+      (r && (d || c) || f) && this.base.scrollToItem(a);
     else if (!this._isScrolling) {
-      let m = (f = this.base.getGroupedDataModernMode(s, e)) == null ? void 0 : f.indexOf(p);
-      u && (s && s.length !== 0 && this.base.resetGroupStickyHeader(s[0][e], this), this.base.scrollToItem(m)), r && h && d && this.base.scrollToItem(m);
+      let m = (u = this.base.getGroupedDataModernMode(s, e)) == null ? void 0 : u.indexOf(p);
+      f && (s && s.length !== 0 && this.base.resetGroupStickyHeader(s[0][e], this), this.base.scrollToItem(m)), r && h && d && this.base.scrollToItem(m);
     }
     this.setValidity();
   }
@@ -2073,7 +2073,7 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
    * @hidden
    */
   render() {
-    const { dir: i, disabled: t, label: e, className: s, style: n, loading: a, suggest: p, size: c, rounded: d, fillMode: r } = this.props, h = !this.validityStyles || this.validity.valid, u = this.base, f = this.value, m = this.props.clearButton !== !1 && !a && !!f, v = this.props.id || this._inputId;
+    const { dir: i, disabled: t, label: e, className: s, style: n, loading: a, suggest: p, size: c, rounded: d, fillMode: r } = this.props, h = !this.validityStyles || this.validity.valid, f = this.base, u = this.value, m = this.props.clearButton !== !1 && !a && !!u, v = this.props.id || this._inputId;
     typeof p == "string" && (this._suggested = p);
     const [b, w] = Ne(this.props.prefix || o.Fragment), [k, D] = Ne(this.props.suffix || o.Fragment), O = /* @__PURE__ */ o.createElement(
       "span",
@@ -2092,13 +2092,13 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
           }
         ),
         ref: (N) => {
-          this._element = N, u.wrapper = N;
+          this._element = N, f.wrapper = N;
         },
         style: e ? { ...n, width: void 0 } : n,
         dir: i
       },
       this.props.prefix && /* @__PURE__ */ o.createElement(b, { ...w }),
-      this.renderSearchBar(f || "", v),
+      this.renderSearchBar(u || "", v),
       a && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading" }),
       m && !a && /* @__PURE__ */ o.createElement(dt, { onClick: this.clearButtonClick, key: "clearbutton" }),
       this.props.suffix && /* @__PURE__ */ o.createElement(k, { ...D }),
@@ -2109,7 +2109,7 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
       {
         label: e,
         editorId: v,
-        editorValue: f,
+        editorValue: u,
         editorValid: h,
         editorDisabled: t,
         style: { width: n ? n.width : void 0 },
@@ -2182,12 +2182,12 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
       groupField: p,
       list: c,
       groupStickyHeaderItemRender: d
-    } = this.props, r = i.getPopupSettings(), h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = r.width !== void 0 ? r.width : i.popupWidth;
-    let { group: f } = this.state;
-    return f === void 0 && p !== void 0 && (f = V(n[0], p)), /* @__PURE__ */ o.createElement(
+    } = this.props, r = i.getPopupSettings(), h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = r.width !== void 0 ? r.width : i.popupWidth;
+    let { group: u } = this.state;
+    return u === void 0 && p !== void 0 && (u = V(n[0], p)), /* @__PURE__ */ o.createElement(
       Ft,
       {
-        width: u,
+        width: f,
         popupSettings: {
           animate: r.animate,
           anchor: this.element,
@@ -2214,7 +2214,7 @@ const ai = "Please enter a valid value!", { sizeMap: rs, roundedMap: li } = Ge,
             }
           )
         },
-        !c && f && n.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: f, groupMode: "modern", render: d }),
+        !c && u && n.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: u, groupMode: "modern", render: d }),
         this.renderList()
       ),
       s && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, s)
@@ -2339,7 +2339,7 @@ class xs extends o.Component {
           key: d.text + r,
           text: d.text,
           removable: !0,
-          onRemove: (u) => p.call(void 0, d.data, u.syntheticEvent),
+          onRemove: (f) => p.call(void 0, d.data, f.syntheticEvent),
           onMouseDown: ci,
           onClick: pi,
           className: d === s ? "k-focus" : void 0,
@@ -2363,7 +2363,7 @@ const ds = 500, ts = (i) => {
     onClose: d,
     adaptiveTitle: r,
     mobileFilter: h
-  } = i, u = {
+  } = i, f = {
     navigatable: n || !1,
     navigatableElements: a || [],
     expand: p,
@@ -2372,7 +2372,7 @@ const ds = 500, ts = (i) => {
     animationStyles: s <= ds ? { top: 0, width: "100%", height: "100%" } : void 0,
     className: s <= ds ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
   };
-  return /* @__PURE__ */ o.createElement(Jt, { ...u }, /* @__PURE__ */ o.createElement(Qt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, r)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(Jt, { ...f }, /* @__PURE__ */ o.createElement(Qt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, r)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
     Te,
     {
       tabIndex: 0,
@@ -2416,8 +2416,8 @@ const ds = 500, ts = (i) => {
     }, this._element = null, this._valueItemsDuringOnChange = null, this.base = new oe(this), this._tags = [], this._input = null, this._adaptiveInput = null, this._skipFocusEvent = !1, this._lastSelectedOrDeslectedItemIndex = null, this.itemHeight = 0, this.scrollToFocused = !1, this.localization = null, this.focus = () => {
       this._input && this._input.focus();
     }, this.handleItemSelect = (t, e) => {
-      const { data: s = [], dataItemKey: n, virtual: a } = this.props, p = a ? a.skip : 0, c = s[t - p], d = this.value.findIndex((u) => R(u, c, n));
-      this._lastSelectedOrDeslectedItemIndex = s.findIndex((u) => R(u, c, n));
+      const { data: s = [], dataItemKey: n, virtual: a } = this.props, p = a ? a.skip : 0, c = s[t - p], d = this.value.findIndex((f) => R(f, c, n));
+      this._lastSelectedOrDeslectedItemIndex = s.findIndex((f) => R(f, c, n));
       let r = [];
       d !== -1 ? (r = this.value, r.splice(d, 1)) : r = [...this.value, c], (this.props.filter !== void 0 ? this.props.filter : this.state.text) && !this.mobileMode && (this.state.text && (e.data.text = ""), this.base.filterChanged("", e)), this._adaptiveInput && this._adaptiveInput.blur(), this.state.focusedIndex !== void 0 && (e.data.focusedIndex = void 0), this.triggerOnChange(r, e), this.base.triggerPageChangeCornerItems(c, e);
     }, this.onTagDelete = (t, e) => {
@@ -2445,7 +2445,7 @@ const ds = 500, ts = (i) => {
       const { data: e = [], textField: s, groupField: n } = this.props, a = t.keyCode, p = this.props.filter !== void 0 ? this.props.filter : this.state.text, c = this.props.opened !== void 0 ? this.props.opened : this.state.opened, { focusedItem: d, focusedIndex: r } = this.getFocusedState(), h = this.base.initState();
       if (h.syntheticEvent = t, !p && this.value.length > 0 && (a === g.left || a === g.right || a === g.home || a === g.end || a === g.delete || a === g.backspace) && !t.shiftKey)
         return this.onTagsNavigate(t, h);
-      const u = () => {
+      const f = () => {
         t.preventDefault(), this.base.togglePopup(h), this.applyState(h);
       };
       if (this.opened)
@@ -2457,72 +2457,72 @@ const ds = 500, ts = (i) => {
           const m = (this.state.value && this.state.value.length) === e.length ? [] : e;
           this.updateStateOnKeyboardNavigation(m, h);
         } else if ((t.ctrlKey || t.metaKey) && t.shiftKey && t.keyCode === g.end) {
-          const f = e.slice(this.getFocusedState().focusedIndex);
-          this.itemFocus(e.length - 1, h), this.updateStateOnKeyboardNavigation(f, h);
+          const u = e.slice(this.getFocusedState().focusedIndex);
+          this.itemFocus(e.length - 1, h), this.updateStateOnKeyboardNavigation(u, h);
         } else if ((t.ctrlKey || t.metaKey) && t.shiftKey && t.keyCode === g.home) {
-          const f = e.slice(0, this.getFocusedState().focusedIndex + 1);
-          this.itemFocus(0, h), this.updateStateOnKeyboardNavigation(f, h);
+          const u = e.slice(0, this.getFocusedState().focusedIndex + 1);
+          this.itemFocus(0, h), this.updateStateOnKeyboardNavigation(u, h);
         } else if (t.shiftKey && t.keyCode === g.up) {
-          let f;
+          let u;
           const m = this.getLastSelectedOrDeselectedIndex(1, r);
-          m === null ? f = r !== 0 ? e.slice(r - 1, r) : [e[r]] : m === r ? f = [e[m - 1]] : r >= 0 && (f = m > r ? e.slice(r - 1, m) : e.slice(m - 1, r)), f && f.length > 0 && (r >= 1 && this.itemFocus(r - 1, h), this.updateStateOnKeyboardNavigation(f, h));
+          m === null ? u = r !== 0 ? e.slice(r - 1, r) : [e[r]] : m === r ? u = [e[m - 1]] : r >= 0 && (u = m > r ? e.slice(r - 1, m) : e.slice(m - 1, r)), u && u.length > 0 && (r >= 1 && this.itemFocus(r - 1, h), this.updateStateOnKeyboardNavigation(u, h));
         } else if (t.shiftKey && t.keyCode === g.down) {
-          let f;
+          let u;
           const m = this.getLastSelectedOrDeselectedIndex(0, r);
-          m === null ? f = r !== e.length - 1 ? e.slice(r, r + 1) : [e[r]] : m === r ? f = e.slice(r, r + 2) : r >= 0 && (f = m > r ? e.slice(r + 1, m + 1) : e.slice(m, r + 2)), f && f.length >= 1 && (this.itemFocus(r + 1, h), this.updateStateOnKeyboardNavigation(f, h));
+          m === null ? u = r !== e.length - 1 ? e.slice(r, r + 1) : [e[r]] : m === r ? u = e.slice(r, r + 2) : r >= 0 && (u = m > r ? e.slice(r + 1, m + 1) : e.slice(m, r + 2)), u && u.length >= 1 && (this.itemFocus(r + 1, h), this.updateStateOnKeyboardNavigation(u, h));
         } else if (t.altKey && a === g.up)
-          u();
+          f();
         else if (a === g.up || a === g.down) {
           if (n !== "" && s)
             if (!this.props.skipDisabledItems && c)
               this.onNavigate(h, a);
             else {
-              let f = 0;
+              let u = 0;
               if (a === g.down || a === g.right) {
                 const m = e.slice(r + 1).find((v) => !v.disabled && v[s]);
-                f = m && e.findIndex((v) => v[s] === m[s]);
+                u = m && e.findIndex((v) => v[s] === m[s]);
               } else if (a === g.up || a === g.left) {
                 let m;
                 if (r === -1)
-                  m = e, f = e.findIndex((v) => !v.disabled && v[s]);
+                  m = e, u = e.findIndex((v) => !v.disabled && v[s]);
                 else {
                   m = e.slice(0, r);
                   let v = m.pop();
                   for (; v && v.disabled; )
                     v = m.pop();
-                  f = v && e.findIndex((b) => b[s] === v[s]);
+                  u = v && e.findIndex((b) => b[s] === v[s]);
                 }
               }
-              if (f) {
-                const m = f - r;
+              if (u) {
+                const m = u - r;
                 this.onNavigate(h, a, m);
               } else
-                f !== void 0 && this.onNavigate(h, a);
+                u !== void 0 && this.onNavigate(h, a);
             }
           else if (!this.props.skipDisabledItems && c)
             this.onNavigate(h, a);
           else {
-            let f = null;
+            let u = null;
             if (a === g.down || a === g.right)
-              f = e.slice(r + 1).find((m) => !m.disabled);
+              u = e.slice(r + 1).find((m) => !m.disabled);
             else if (a === g.up || a === g.left) {
               const m = e.slice(0, r);
-              for (f = m.pop(); f && f.disabled; )
-                f = m.pop();
+              for (u = m.pop(); u && u.disabled; )
+                u = m.pop();
             }
-            if (f) {
-              const m = f.id - r - 1;
+            if (u) {
+              const m = u.id - r - 1;
               this.onNavigate(h, a, m);
             } else
               this.onNavigate(h, a);
           }
           this.applyState(h), t.preventDefault();
         } else
-          a === g.enter ? (t.preventDefault(), this.props.allowCustom && p && d === null ? this.customItemSelect(t) : d && d.disabled ? u() : this.selectFocusedItem(t)) : a === g.esc && u();
+          a === g.enter ? (t.preventDefault(), this.props.allowCustom && p && d === null ? this.customItemSelect(t) : d && d.disabled ? f() : this.selectFocusedItem(t)) : a === g.esc && f();
       else
-        t.altKey && a === g.down && u();
+        t.altKey && a === g.down && f();
     }, this.listContainerContent = () => {
-      const { header: t, footer: e, allowCustom: s, size: n, data: a = [], groupStickyHeaderItemRender: p, groupField: c, list: d } = this.props, r = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedType: h } = this.getFocusedState(), u = s && r && /* @__PURE__ */ o.createElement(
+      const { header: t, footer: e, allowCustom: s, size: n, data: a = [], groupStickyHeaderItemRender: p, groupField: c, list: d } = this.props, r = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedType: h } = this.getFocusedState(), f = s && r && /* @__PURE__ */ o.createElement(
         "div",
         {
           className: B("k-list", {
@@ -2542,8 +2542,8 @@ const ds = 500, ts = (i) => {
           /* @__PURE__ */ o.createElement(Ce, { name: "plus", icon: Ps, style: { position: "absolute", right: "0.5em" } })
         )
       );
-      let { group: f } = this.state;
-      return f === void 0 && c !== void 0 && (f = V(a[0], c)), /* @__PURE__ */ o.createElement(o.Fragment, null, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), u, /* @__PURE__ */ o.createElement(
+      let { group: u } = this.state;
+      return u === void 0 && c !== void 0 && (u = V(a[0], c)), /* @__PURE__ */ o.createElement(o.Fragment, null, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), f, /* @__PURE__ */ o.createElement(
         "div",
         {
           className: B(
@@ -2554,7 +2554,7 @@ const ds = 500, ts = (i) => {
             }
           )
         },
-        !d && f && a.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: f, groupMode: "modern", render: p }),
+        !d && u && a.length !== 0 && /* @__PURE__ */ o.createElement(qe, { group: u, groupMode: "modern", render: p }),
         this.renderList()
       ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e));
     }, this.renderListContainer = () => {
@@ -2625,7 +2625,7 @@ const ds = 500, ts = (i) => {
         groupHeaderItemRender: a,
         dataItemKey: p,
         virtual: c = { skip: 0, total: void 0 }
-      } = this.props, d = this.base.vs, { focusedIndex: r } = this.getFocusedState(), h = this.base.getPopupSettings(), u = `translateY(${d.translate}px)`;
+      } = this.props, d = this.base.vs, { focusedIndex: r } = this.getFocusedState(), h = this.base.getPopupSettings(), f = `translateY(${d.translate}px)`;
       return /* @__PURE__ */ o.createElement(
         je,
         {
@@ -2639,12 +2639,12 @@ const ds = 500, ts = (i) => {
           optionsGuid: this.base.guid,
           groupField: this.props.groupField,
           groupMode: "modern",
-          listRef: (f) => {
-            d.list = this.base.list = f;
+          listRef: (u) => {
+            d.list = this.base.list = u;
           },
           wrapperStyle: this.mobileMode ? {} : { maxHeight: h.height },
           wrapperCssClass: "k-list-content",
-          listStyle: d.enabled ? { transform: u } : void 0,
+          listStyle: d.enabled ? { transform: f } : void 0,
           key: "listKey",
           skip: c.skip,
           onClick: this.handleItemClick,
@@ -2773,13 +2773,13 @@ const ds = 500, ts = (i) => {
   }
   /** @hidden */
   componentDidUpdate(i, t) {
-    var u;
+    var f;
     const { virtual: e, groupField: s = "", data: n = [] } = this.props, a = e ? e.skip : 0, p = i.virtual ? i.virtual.total : 0, c = i.opened !== void 0 ? i.opened : t.opened, d = !c && this.opened, r = c && !this.opened;
     if (!this.base.getPopupSettings().animate && r && this.onPopupClosed(), e && e.total !== p)
       this.base.vs.calcScrollElementHeight(), this.base.vs.reset();
     else {
-      let { focusedItem: f, focusedIndex: m } = this.getFocusedState();
-      s !== "" && (m = (u = this.base.getGroupedDataModernMode(n, s)) == null ? void 0 : u.indexOf(f)), d && e ? this.base.scrollToVirtualItem(e, m - a) : d && !e ? (n && n.length !== 0 && this.base.resetGroupStickyHeader(n[0][s], this), this.base.scrollToItem(m)) : this.opened && c && f && this.scrollToFocused && this.base.scrollToItem(m - a);
+      let { focusedItem: u, focusedIndex: m } = this.getFocusedState();
+      s !== "" && (m = (f = this.base.getGroupedDataModernMode(n, s)) == null ? void 0 : f.indexOf(u)), d && e ? this.base.scrollToVirtualItem(e, m - a) : d && !e ? (n && n.length !== 0 && this.base.resetGroupStickyHeader(n[0][s], this), this.base.scrollToItem(m)) : this.opened && c && u && this.scrollToFocused && this.base.scrollToItem(m - a);
     }
     this.scrollToFocused = !1, this.setValidity();
   }
@@ -2795,18 +2795,18 @@ const ds = 500, ts = (i) => {
   }
   /** @hidden */
   onNavigate(i, t, e) {
-    const { allowCustom: s, data: n = [] } = this.props, a = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedType: p, focusedIndex: c } = this.getFocusedState(), d = s && a, r = ps(p), h = this.base, u = h.vs;
+    const { allowCustom: s, data: n = [] } = this.props, a = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedType: p, focusedIndex: c } = this.getFocusedState(), d = s && a, r = ps(p), h = this.base, f = h.vs;
     if (this.opened && t === g.up && r)
       this.state.focusedIndex !== void 0 && (i.data.focusedIndex = void 0);
     else {
-      const f = h.navigation.navigate({
+      const u = h.navigation.navigate({
         keyCode: t,
         current: c,
-        max: (u.enabled ? u.total : n.length) - 1,
+        max: (f.enabled ? f.total : n.length) - 1,
         min: d ? -1 : 0,
         skipItems: e || void 0
       });
-      f !== void 0 && (this.itemFocus(f, i), this.scrollToFocused = !0);
+      u !== void 0 && (this.itemFocus(u, i), this.scrollToFocused = !0);
     }
     this.applyState(i);
   }
@@ -2824,13 +2824,13 @@ const ds = 500, ts = (i) => {
       size: d,
       rounded: r,
       fillMode: h,
-      loading: u,
-      filter: f
+      loading: f,
+      filter: u
     } = this.props, { text: m, focused: v, focusedTag: b, currentValue: w } = this.state, k = this.base.vs, D = this.props.id || this._inputId;
     k.enabled = c !== void 0, c !== void 0 && (k.skip = c.skip, k.total = c.total, k.pageSize = c.pageSize);
     const O = this.mobileMode && this.opened ? w : this.tagsToRender;
     this.setItems(this.tagsToRender, this._tags);
-    const N = !this.validityStyles || this.validity.valid, _ = !!(f !== void 0 ? f : m) || O && O.length > 0, [S, T] = Ne(this.props.prefix || o.Fragment), [C, E] = Ne(this.props.suffix || o.Fragment), M = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    const N = !this.validityStyles || this.validity.valid, _ = !!(u !== void 0 ? u : m) || O && O.length > 0, [S, F] = Ne(this.props.prefix || o.Fragment), [C, E] = Ne(this.props.suffix || o.Fragment), M = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "div",
       {
         ref: this.componentRef,
@@ -2841,7 +2841,7 @@ const ds = 500, ts = (i) => {
           "k-focus": v && !n,
           "k-invalid": !N,
           "k-disabled": n,
-          "k-loading": u,
+          "k-loading": f,
           "k-required": this.required
         }),
         style: e ? { ...i, width: void 0 } : i,
@@ -2851,7 +2851,7 @@ const ds = 500, ts = (i) => {
         onClick: this.handleWrapperClick,
         onMouseDown: qs
       },
-      this.props.prefix && /* @__PURE__ */ o.createElement(S, { ...T }),
+      this.props.prefix && /* @__PURE__ */ o.createElement(S, { ...F }),
       /* @__PURE__ */ o.createElement("div", { className: B("k-input-values") }, /* @__PURE__ */ o.createElement(
         "div",
         {
@@ -2869,12 +2869,12 @@ const ds = 500, ts = (i) => {
             onTagDelete: this.onTagDelete,
             data: O,
             guid: this.base.guid,
-            focused: b ? O.find((H) => St(H, b, p)) : void 0,
+            focused: b ? O.find((W) => St(W, b, p)) : void 0,
             size: d
           }
         )
       ), this.renderSearchBar(D)),
-      u && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading" }),
+      f && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading" }),
       this.props.suffix && /* @__PURE__ */ o.createElement(C, { ...E }),
       _ && /* @__PURE__ */ o.createElement(dt, { onClick: this.clearButtonClick }),
       !this.mobileMode && this.renderListContainer()
@@ -2893,7 +2893,7 @@ const ds = 500, ts = (i) => {
     ) : M;
   }
   renderSearchBar(i) {
-    const { activedescendant: t, focusedTag: e, currentValue: s } = this.state, { disabled: n, placeholder: a, ariaDescribedBy: p } = this.props, c = !this.mobileMode && (this.props.filter !== void 0 ? this.props.filter : this.state.text) || "", { focusedIndex: d } = this.getFocusedState(), r = this.value.length === 0 && !c ? a : void 0, h = s && s.length > 0 ? void 0 : a, u = t === it.TagsList && e !== void 0 ? `tag-${this.base.guid}-${e.text.replace(/\s+/g, "-")}` : `option-${this.base.guid}-${d}`;
+    const { activedescendant: t, focusedTag: e, currentValue: s } = this.state, { disabled: n, placeholder: a, ariaDescribedBy: p } = this.props, c = !this.mobileMode && (this.props.filter !== void 0 ? this.props.filter : this.state.text) || "", { focusedIndex: d } = this.getFocusedState(), r = this.value.length === 0 && !c ? a : void 0, h = s && s.length > 0 ? void 0 : a, f = t === it.TagsList && e !== void 0 ? `tag-${this.base.guid}-${e.text.replace(/\s+/g, "-")}` : `option-${this.base.guid}-${d}`;
     return /* @__PURE__ */ o.createElement(
       es,
       {
@@ -2910,7 +2910,7 @@ const ds = 500, ts = (i) => {
         expanded: this.opened,
         owns: this.base.listBoxId,
         role: "combobox",
-        activedescendant: u,
+        activedescendant: f,
         ariaDescribedBy: `tagslist-${this.base.guid}${p ? " " + p : ""}`,
         ariaLabelledBy: this.props.ariaLabelledBy,
         ariaRequired: this.required
@@ -2965,7 +2965,7 @@ const ds = 500, ts = (i) => {
         focusedType: 1
         /* ListItem */
       };
-    const u = this.value;
+    const f = this.value;
     if (e && t)
       return {
         focusedItem: null,
@@ -2980,19 +2980,19 @@ const ds = 500, ts = (i) => {
         focusedType: 1
         /* ListItem */
       };
-    if (u.length) {
-      const f = u[u.length - 1];
-      return h = s.findIndex((m) => R(m, f, n)), s[h] !== void 0 ? {
+    if (f.length) {
+      const u = f[f.length - 1];
+      return h = s.findIndex((m) => R(m, u, n)), s[h] !== void 0 ? {
         focusedIndex: h + r,
         focusedItem: s[h],
         focusedType: 1
         /* ListItem */
       } : { focusedType: 0, focusedIndex: -1 };
     } else if (d && p && !t && r === 0) {
-      const f = s.findIndex((m) => !m.disabled && m[p]);
+      const u = s.findIndex((m) => !m.disabled && m[p]);
       return {
-        focusedIndex: f,
-        focusedItem: s[f - r],
+        focusedIndex: u,
+        focusedItem: s[u - r],
         focusedType: 1
         /* ListItem */
       };
@@ -3091,8 +3091,8 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
     className: d,
     size: r,
     prefix: h = void 0,
-    suffix: u = void 0,
-    onOpen: f,
+    suffix: f = void 0,
+    onOpen: u,
     onClose: m,
     onFocus: v,
     onBlur: b,
@@ -3120,7 +3120,7 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
         return V(e.data[0], e.groupField);
     },
     [e.data, e.groupField]
-  ), [_, S] = o.useState(N), [T, C] = o.useState(!0), [E] = h ? Ne(e.prefix || o.Fragment) : [], [M] = u ? Ne(e.suffix || o.Fragment) : [], H = o.useMemo(
+  ), [_, S] = o.useState(N), [F, C] = o.useState(!0), [E] = h ? Ne(e.prefix || o.Fragment) : [], [M] = f ? Ne(e.suffix || o.Fragment) : [], W = o.useMemo(
     () => {
       const P = /* @__PURE__ */ o.createElement("th", { className: "k-table-th", colSpan: p.length }, _);
       return /* @__PURE__ */ o.createElement(o.Fragment, null, e.header, /* @__PURE__ */ o.createElement("div", { className: "k-table-header-wrap" }, /* @__PURE__ */ o.createElement("table", { className: "k-table", role: "presentation" }, /* @__PURE__ */ o.createElement("colgroup", null, p.map(
@@ -3131,29 +3131,29 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
             style: { width: q.width ? q.width : Ae.width }
           }
         )
-      )), /* @__PURE__ */ o.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ o.createElement("tr", { className: "k-table-row" }, p.map((q, be) => /* @__PURE__ */ o.createElement("th", { className: "k-table-th", key: q.uniqueKey ? q.uniqueKey : be }, q.header || " "))), _ && T && /* @__PURE__ */ o.createElement("tr", { className: "k-table-group-row" }, e.groupStickyHeaderItemRender ? e.groupStickyHeaderItemRender.call(void 0, P, {}) : P)))));
+      )), /* @__PURE__ */ o.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ o.createElement("tr", { className: "k-table-row" }, p.map((q, be) => /* @__PURE__ */ o.createElement("th", { className: "k-table-th", key: q.uniqueKey ? q.uniqueKey : be }, q.header || " "))), _ && F && /* @__PURE__ */ o.createElement("tr", { className: "k-table-group-row" }, e.groupStickyHeaderItemRender ? e.groupStickyHeaderItemRender.call(void 0, P, {}) : P)))));
     },
-    [e.header, p, _, T]
-  ), J = o.useMemo(
+    [e.header, p, _, F]
+  ), j = o.useMemo(
     () => (
       // These additional 4px are coming from the child elements side borders (fixes horizontal scrollbar)
       `calc(${p.map((P) => vi(P.width, Ae.width)).filter(Boolean).join(" + ")} + ${a}px + 4px)`
     ),
     [p, a]
-  ), j = e.virtual ? e.virtual.skip : 0, Y = o.useCallback(
+  ), Y = e.virtual ? e.virtual.skip : 0, ee = o.useCallback(
     (P, q) => {
-      const be = p.map((X, Je) => /* @__PURE__ */ o.createElement(
+      const be = p.map((Z, Je) => /* @__PURE__ */ o.createElement(
         "span",
         {
           className: e.itemRender ? void 0 : "k-table-td",
-          style: e.itemRender ? void 0 : { width: X.width ? X.width : Ae.width },
-          key: X.uniqueKey ? X.uniqueKey : Je
+          style: e.itemRender ? void 0 : { width: Z.width ? Z.width : Ae.width },
+          key: Z.uniqueKey ? Z.uniqueKey : Je
         },
-        X.field ? String(Ct(X.field)(q.dataItem)) : ""
+        Z.field ? String(Ct(Z.field)(q.dataItem)) : ""
       ));
-      let ke, L, Q, le, z = e.data || [];
-      const Ee = q.index - j;
-      e.groupField !== void 0 && (le = Ct(e.groupField), L = le(z[Ee]), Q = le(z[Ee - 1]), L && Q && L !== Q && (ke = L)), ke && e.groupMode === "classic" && be.push(/* @__PURE__ */ o.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ o.createElement("span", null, ke)));
+      let ke, z, X, le, H = e.data || [];
+      const Ee = q.index - Y;
+      e.groupField !== void 0 && (le = Ct(e.groupField), z = le(H[Ee]), X = le(H[Ee - 1]), z && X && z !== X && (ke = z)), ke && e.groupMode === "classic" && be.push(/* @__PURE__ */ o.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ o.createElement("span", null, ke)));
       const re = o.cloneElement(P, {
         ...P.props,
         className: B("k-table-row", {
@@ -3166,8 +3166,8 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
       }, be);
       return e.itemRender ? e.itemRender.call(void 0, re, q) : re;
     },
-    [p, e.groupField, e.itemRender, e.data, j]
-  ), W = o.useCallback(
+    [p, e.groupField, e.itemRender, e.data, Y]
+  ), K = o.useCallback(
     (P, q) => {
       P && P.call(void 0, {
         ...q,
@@ -3175,7 +3175,7 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
       });
     },
     []
-  ), ge = o.useCallback((P) => (e.virtual || S(N), W(f, P)), [W, f, e.virtual, N]), Z = o.useCallback((P) => W(m, P), [m]), ee = o.useCallback((P) => W(v, P), [v]), ae = o.useCallback((P) => W(b, P), [b]), Le = o.useCallback((P) => W(w, P), [w]), Oe = o.useCallback((P) => W(D, P), [D]), ze = o.useCallback((P) => (S(N), W(k, {
+  ), ve = o.useCallback((P) => (e.virtual || S(N), K(u, P)), [K, u, e.virtual, N]), Q = o.useCallback((P) => K(m, P), [m]), J = o.useCallback((P) => K(v, P), [v]), ae = o.useCallback((P) => K(b, P), [b]), Le = o.useCallback((P) => K(w, P), [w]), Oe = o.useCallback((P) => K(D, P), [D]), ze = o.useCallback((P) => (S(N), K(k, {
     ...P,
     mobileMode: P.target.mobileMode
   })), [k]), A = o.useCallback(
@@ -3202,13 +3202,13 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
         ...O,
         list: Pe,
         popupSettings: {
-          width: J,
+          width: j,
           ...c,
           className: c.className
         },
         ref: n,
-        header: H,
-        itemRender: Y,
+        header: W,
+        itemRender: ee,
         groupHeaderItemRender: e.groupHeaderItemRender,
         size: e.size,
         rounded: e.rounded,
@@ -3216,9 +3216,9 @@ const mi = (i) => /* @__PURE__ */ o.createElement(
         groupMode: e.groupMode,
         groupField: e.groupField,
         isMultiColumn: !0,
-        onOpen: ge,
-        onClose: Z,
-        onFocus: ee,
+        onOpen: ve,
+        onClose: Q,
+        onFocus: J,
         onBlur: ae,
         onChange: Le,
         onFilterChange: ze,
@@ -3292,8 +3292,8 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
     popupSettings: d,
     style: r,
     opened: h,
-    disabled: u,
-    onOpen: f = Fe,
+    disabled: f,
+    onOpen: u = Fe,
     onClose: m = Fe,
     placeholder: v,
     label: b,
@@ -3304,7 +3304,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
     valid: N,
     required: _,
     validityStyles: S
-  } = s, T = Gt(s.tabIndex, u), C = o.useRef(null), E = o.useRef(null), M = o.useRef(null), H = o.useRef(null), J = o.useRef(null), j = o.useRef(null), Y = o.useRef(!1), [W, ge] = o.useState(void 0), Z = s.value !== void 0, ee = Z ? s.value : W !== void 0 ? W : s.defaultValue, ae = U(ee), Le = ae ? V(ee, s.textField) : "", Oe = Si({ validationMessage: O, valid: N, required: _ }, ae), ze = o.useCallback(() => E.current && E.current.focus(), []);
+  } = s, F = Gt(s.tabIndex, f), C = o.useRef(null), E = o.useRef(null), M = o.useRef(null), W = o.useRef(null), j = o.useRef(null), Y = o.useRef(null), ee = o.useRef(!1), [K, ve] = o.useState(void 0), Q = s.value !== void 0, J = Q ? s.value : K !== void 0 ? K : s.defaultValue, ae = U(J), Le = ae ? V(J, s.textField) : "", Oe = Si({ validationMessage: O, valid: N, required: _ }, ae), ze = o.useCallback(() => E.current && E.current.focus(), []);
   o.useImperativeHandle(
     C,
     () => ({
@@ -3316,9 +3316,9 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
   const A = vs(E, s.dir), Pe = d.width !== void 0 ? d.width : r.width !== void 0 ? r.width : us.popupSettings.width, q = {
     width: Cs(E, Pe),
     ...A !== void 0 ? { direction: A } : {}
-  }, [be, ke] = o.useState(!1), L = h !== void 0 ? h : be, [Q, le] = o.useState(!1), [z, Ee] = o.useState(), re = !!(z && z <= we && s.adaptive), [X, Je] = o.useState(""), ns = o.useCallback(
+  }, [be, ke] = o.useState(!1), z = h !== void 0 ? h : be, [X, le] = o.useState(!1), [H, Ee] = o.useState(), re = !!(H && H <= we && s.adaptive), [Z, Je] = o.useState(""), ns = o.useCallback(
     () => {
-      J.current && J.current.setCustomValidity && J.current.setCustomValidity(
+      j.current && j.current.setCustomValidity && j.current.setCustomValidity(
         Oe.valid ? "" : O === void 0 ? Ci : O
       );
     },
@@ -3332,51 +3332,51 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
   }, []);
   const pt = o.useCallback(
     (I) => {
-      if (!L) {
-        if (f) {
-          const F = { ...I };
-          f.call(void 0, F);
+      if (!z) {
+        if (u) {
+          const T = { ...I };
+          u.call(void 0, T);
         }
         h === void 0 && ke(!0);
       }
     },
-    [L, h, f]
+    [z, h, u]
   ), Se = o.useCallback(
     (I) => {
-      if (L) {
+      if (z) {
         if (m) {
-          const F = { ...I };
-          m.call(void 0, F);
+          const T = { ...I };
+          m.call(void 0, T);
         }
         h === void 0 && (ke(!1), re && setTimeout(() => {
-          var F;
-          $((F = H.current) == null ? void 0 : F.element);
+          var T;
+          $((T = W.current) == null ? void 0 : T.element);
         }, 300));
       }
     },
-    [L, h, m, re]
+    [z, h, m, re]
   ), Ot = o.useCallback(
     (I) => {
       if (!I.isDefaultPrevented() && C.current) {
         le(!0);
-        const F = {
+        const T = {
           syntheticEvent: I,
           nativeEvent: I.nativeEvent,
           target: C.current
         };
-        (L ? Se : pt)(F);
+        (z ? Se : pt)(T);
       }
     },
-    [L, h, f, m]
+    [z, h, u, m]
   ), ne = o.useCallback(
     (I) => {
-      Y.current = !0, I(), window.setTimeout(() => Y.current = !1, 0);
+      ee.current = !0, I(), window.setTimeout(() => ee.current = !1, 0);
     },
     []
   ), He = o.useCallback(
     (I) => {
-      var x, K;
-      const { keyCode: F, altKey: G } = I, pe = j.current && j.current.element;
+      var x, L;
+      const { keyCode: T, altKey: G } = I, pe = Y.current && Y.current.element;
       if (!C.current || I.isDefaultPrevented() && ((x = M.current) == null ? void 0 : x.element) === I.target)
         return;
       const y = {
@@ -3384,11 +3384,11 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         nativeEvent: I.nativeEvent,
         target: C.current
       };
-      if (L)
-        if (F === g.esc || G && F === g.up)
+      if (z)
+        if (T === g.esc || G && T === g.up)
           I.preventDefault(), Se(y);
-        else if (pe && pe.querySelector(".k-focus") && (F === g.up || F === g.down || F === g.left || F === g.right || F === g.home || F === g.end)) {
-          if (F === g.up && ((K = M.current) != null && K.element)) {
+        else if (pe && pe.querySelector(".k-focus") && (T === g.up || T === g.down || T === g.left || T === g.right || T === g.home || T === g.end)) {
+          if (T === g.up && ((L = M.current) != null && L.element)) {
             const se = Array.from(pe.querySelectorAll(".k-treeview-item")), Ie = [...se].reverse().find((xe) => !!(xe && xe.querySelector(".k-focus")));
             if (Ie && se.indexOf(Ie) === 0)
               return ne(() => {
@@ -3398,22 +3398,22 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
           }
           ne(Fe);
         } else
-          F === g.down && ne(() => {
+          T === g.down && ne(() => {
             var se;
             $(((se = M.current) == null ? void 0 : se.element) || pe);
           });
       else
-        G && F === g.down ? (I.preventDefault(), pt(y)) : L || F === g.esc && ft(I);
+        G && T === g.down ? (I.preventDefault(), pt(y)) : z || T === g.esc && ft(I);
     },
-    [L, h, f, m]
+    [z, h, u, m]
   ), _e = o.useCallback(
     (I) => {
-      const { keyCode: F, altKey: G } = I;
-      G || F !== g.up && F !== g.down || (I.preventDefault(), ne(
-        F === g.up ? () => {
+      const { keyCode: T, altKey: G } = I;
+      G || T !== g.up && T !== g.down || (I.preventDefault(), ne(
+        T === g.up ? () => {
           $(E.current);
         } : () => {
-          $(j.current && j.current.element);
+          $(Y.current && Y.current.element);
         }
       ));
     },
@@ -3426,94 +3426,94 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
   ), fe = o.useCallback(
     () => {
       var I;
-      !Q && L && !h ? Se({ target: C.current }) : e.filterable ? $((I = M.current) == null ? void 0 : I.element) : $(j.current && j.current.element);
+      !X && z && !h ? Se({ target: C.current }) : e.filterable ? $((I = M.current) == null ? void 0 : I.element) : $(Y.current && Y.current.element);
     },
-    [m, e.filterable, Q, h, L]
+    [m, e.filterable, X, h, z]
   ), te = o.useCallback(
     () => {
-      Q && $(E.current);
+      X && $(E.current);
     },
-    [Q]
+    [X]
   ), Pt = o.useCallback(
     (I) => {
-      if (!Q && !Y.current && (le(!0), e.onFocus && C.current)) {
-        const F = {
+      if (!X && !ee.current && (le(!0), e.onFocus && C.current)) {
+        const T = {
           syntheticEvent: I,
           nativeEvent: I.nativeEvent,
           target: C.current
         };
-        e.onFocus.call(void 0, F);
+        e.onFocus.call(void 0, T);
       }
     },
-    [Q, e.onFocus]
+    [X, e.onFocus]
   ), _t = o.useCallback(
     (I) => {
-      if (Q && !Y.current && C.current) {
+      if (X && !ee.current && C.current) {
         le(!1);
-        const F = {
+        const T = {
           syntheticEvent: I,
           nativeEvent: I.nativeEvent,
           target: C.current
         };
         if (e.onBlur) {
-          const G = { ...F };
+          const G = { ...T };
           e.onBlur.call(void 0, G);
         }
-        re || Se(F);
+        re || Se(T);
       }
     },
-    [Q, e.onBlur, L, h, m]
+    [X, e.onBlur, z, h, m]
   ), Rt = o.useCallback(
     () => {
-      Q && ne(Fe), re && setTimeout(() => {
+      X && ne(Fe), re && setTimeout(() => {
         var I;
-        $((I = H.current) == null ? void 0 : I.element);
+        $((I = W.current) == null ? void 0 : I.element);
       }, 300);
     },
-    [Q, re]
+    [X, re]
   ), ht = o.useCallback(
-    (I, F, G) => {
+    (I, T, G) => {
       if (e.onChange) {
         const pe = {
-          value: F,
+          value: T,
           level: G ? hs(G) : [],
           ...I
         };
         e.onChange.call(void 0, pe);
       }
-      Z || ge(F);
+      Q || ve(T);
     },
-    [e.onChange, Z]
+    [e.onChange, Q]
   ), ut = o.useCallback(
     (I) => {
-      if (R(I.item, ee, c) || !C.current)
+      if (R(I.item, J, c) || !C.current)
         return;
-      const { item: F, itemHierarchicalIndex: G, nativeEvent: pe, syntheticEvent: y } = I, x = {
+      const { item: T, itemHierarchicalIndex: G, nativeEvent: pe, syntheticEvent: y } = I, x = {
         syntheticEvent: y,
         nativeEvent: pe,
         target: C.current
       };
-      ht(x, F, G), Se(x);
+      ht(x, T, G), Se(x);
     },
-    [Z, ee, e.onChange, c, L, h, m]
+    [Q, J, e.onChange, c, z, h, m]
   ), ft = o.useCallback(
     (I) => {
       if (!C.current)
         return;
-      const F = {
+      const T = {
         syntheticEvent: I,
         nativeEvent: I.nativeEvent,
         target: C.current
       };
-      ht(F, null), Se(F), I.preventDefault();
+      ht(T, null), Se(T), I.preventDefault();
     },
-    [Z, e.onChange, L, h, m]
+    [Q, e.onChange, z, h, m]
   ), gt = o.useCallback(
     (I) => {
       if (I.syntheticEvent.stopPropagation(), e.onExpandChange && C.current) {
-        const { item: F, itemHierarchicalIndex: G, nativeEvent: pe, syntheticEvent: y } = I, x = {
+        const { item: T, itemHierarchicalIndex: G, nativeEvent: pe, syntheticEvent: y } = I, x = {
           level: hs(G),
-          item: F,
+          item: T,
           nativeEvent: pe,
           syntheticEvent: y,
           target: C.current
@@ -3539,26 +3539,26 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
     const I = s.filterable ? /* @__PURE__ */ o.createElement(
       Ve,
       {
-        value: s.filter === void 0 ? X : s.filter,
-        ref: H,
+        value: s.filter === void 0 ? Z : s.filter,
+        ref: W,
         onChange: Qe,
         onKeyDown: _e,
-        size: me,
+        size: ge,
         rounded: ye,
         fillMode: De
       }
-    ) : null, F = {
+    ) : null, T = {
       adaptiveTitle: s.adaptiveTitle,
-      expand: L,
+      expand: z,
       onClose: (G) => Se(G),
-      windowWidth: z,
+      windowWidth: H,
       mobileFilter: I
     };
-    return /* @__PURE__ */ o.createElement(ts, { ...F }, /* @__PURE__ */ o.createElement(rt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, p.length > 0 ? /* @__PURE__ */ o.createElement(
+    return /* @__PURE__ */ o.createElement(ts, { ...T }, /* @__PURE__ */ o.createElement(rt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, p.length > 0 ? /* @__PURE__ */ o.createElement(
       kt,
       {
-        ref: j,
-        tabIndex: T,
+        ref: Y,
+        tabIndex: F,
         data: Ze,
         focusIdField: c,
         textField: s.textField,
@@ -3568,64 +3568,64 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         expandIcons: !0,
         onItemClick: ut,
         onExpandChange: gt,
-        size: me,
+        size: ge,
         item: s.item,
         dir: A
       }
-    ) : /* @__PURE__ */ o.createElement(et, null, tt.toLanguageString(ve, ce[ve]))))));
+    ) : /* @__PURE__ */ o.createElement(et, null, tt.toLanguageString(me, ce[me]))))));
   }, Vt = o.useCallback(
     (I) => {
-      for (let F of I)
-        Ee(F.target.clientWidth);
+      for (let T of I)
+        Ee(T.target.clientWidth);
     },
     []
   ), Ze = o.useMemo(
-    () => Z || !ae ? p : Ms(
+    () => Q || !ae ? p : Ms(
       p,
       D,
       (I) => Ns(
         I,
         D,
-        { [k]: R(I, ee, c) }
+        { [k]: R(I, J, c) }
       )
     ),
-    [p, ee, Z, ae, k, D]
-  ), et = s.listNoData || ks, mt = s.valueHolder || ki, tt = ys(), vt = !S || Oe.valid, { size: me, rounded: ye, fillMode: De } = s, de = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    [p, J, Q, ae, k, D]
+  ), et = s.listNoData || ks, mt = s.valueHolder || ki, tt = ys(), vt = !S || Oe.valid, { size: ge, rounded: ye, fillMode: De } = s, de = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
     "span",
     {
       className: B("k-dropdowntree k-picker", s.className, {
-        [`k-picker-${Ii[me] || me}`]: me,
+        [`k-picker-${Ii[ge] || ge}`]: ge,
         [`k-rounded-${xi[ye] || ye}`]: ye,
         [`k-picker-${De}`]: De,
-        "k-focus": Q,
+        "k-focus": X,
         "k-invalid": !vt,
         "k-loading": s.loading,
         "k-required": _,
         "k-disabled": s.disabled
       }),
-      tabIndex: T,
+      tabIndex: F,
       accessKey: s.accessKey,
       id: a,
       style: b ? { ...r, width: void 0 } : r,
       dir: A,
       ref: E,
-      onKeyDown: u ? void 0 : He,
+      onKeyDown: f ? void 0 : He,
       onMouseDown: Rt,
-      onClick: u ? void 0 : Ot,
+      onClick: f ? void 0 : Ot,
       onFocus: Pt,
       onBlur: _t,
       role: "combobox",
       "aria-haspopup": "tree",
-      "aria-expanded": L,
-      "aria-disabled": u,
+      "aria-expanded": z,
+      "aria-disabled": f,
       "aria-label": b,
       "aria-labelledby": s.ariaLabelledBy,
       "aria-describedby": s.ariaDescribedBy,
       "aria-required": _
     },
-    /* @__PURE__ */ o.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ o.createElement(mt, { item: ee }, Le || v)),
+    /* @__PURE__ */ o.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ o.createElement(mt, { item: J }, Le || v)),
     s.loading && /* @__PURE__ */ o.createElement(Ce, { className: "k-input-loading-icon", name: "loading" }),
-    ae && !u && /* @__PURE__ */ o.createElement(
+    ae && !f && /* @__PURE__ */ o.createElement(
       "span",
       {
         onClick: ft,
@@ -3644,7 +3644,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         type: "button",
         "aria-label": "select",
         className: "k-input-button",
-        size: me,
+        size: ge,
         fillMode: De,
         themeColor: "base",
         rounded: null,
@@ -3656,13 +3656,13 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       "select",
       {
         name: w,
-        ref: J,
+        ref: j,
         tabIndex: -1,
         "aria-hidden": !0,
         title: b,
         style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" }
       },
-      /* @__PURE__ */ o.createElement("option", { value: s.valueMap ? s.valueMap.call(void 0, ee) : ee })
+      /* @__PURE__ */ o.createElement("option", { value: s.valueMap ? s.valueMap.call(void 0, J) : J })
     ),
     !re && /* @__PURE__ */ o.createElement(
       Yt,
@@ -3675,7 +3675,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         style: q,
         animate: d.animate,
         anchor: E.current,
-        show: L,
+        show: z,
         onOpen: fe,
         onClose: te,
         appendTo: d.appendTo
@@ -3683,11 +3683,11 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       s.filterable && /* @__PURE__ */ o.createElement(
         Ve,
         {
-          value: s.filter === void 0 ? X : s.filter,
+          value: s.filter === void 0 ? Z : s.filter,
           ref: M,
           onChange: Qe,
           onKeyDown: _e,
-          size: me,
+          size: ge,
           rounded: ye,
           fillMode: De
         }
@@ -3695,8 +3695,8 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       p.length > 0 ? /* @__PURE__ */ o.createElement(
         kt,
         {
-          ref: j,
-          tabIndex: T,
+          ref: Y,
+          tabIndex: F,
           data: Ze,
           focusIdField: c,
           textField: s.textField,
@@ -3706,11 +3706,11 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
           expandIcons: !0,
           onItemClick: ut,
           onExpandChange: gt,
-          size: me,
+          size: ge,
           item: s.item,
           dir: A
         }
-      ) : /* @__PURE__ */ o.createElement(et, null, tt.toLanguageString(ve, ce[ve]))
+      ) : /* @__PURE__ */ o.createElement(et, null, tt.toLanguageString(me, ce[me]))
     )
   ), re && Xe());
   return b ? /* @__PURE__ */ o.createElement(
@@ -3720,7 +3720,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       editorValue: Le,
       editorPlaceholder: v,
       editorValid: vt,
-      editorDisabled: u,
+      editorDisabled: f,
       editorId: a,
       style: { width: r ? r.width : void 0 },
       children: de,
@@ -3813,8 +3813,8 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     style: d = {},
     opened: r,
     disabled: h,
-    onOpen: u = Fe,
-    onClose: f = Fe,
+    onOpen: f = Fe,
+    onClose: u = Fe,
     placeholder: m,
     label: v,
     name: b,
@@ -3825,23 +3825,23 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     valid: N,
     tags: _,
     value: S,
-    required: T = Re.required,
+    required: F = Re.required,
     validityStyles: C = Re.validityStyles
-  } = e, E = Gt(e.tabIndex, h), M = o.useRef(null), H = o.useRef(null), J = o.useRef(null), j = o.useRef(null), Y = o.useRef(null), W = o.useRef(null), ge = o.useRef(!1), Z = o.useRef([]), ee = o.useRef(null), [ae, Le] = o.useState(), [Oe, ze] = o.useState(!1), [A, Pe] = o.useState(!1), [P, q] = o.useState(), [be, ke] = o.useState([]), [L, Q] = o.useState(""), le = !!(P && P <= we && e.adaptive), z = r !== void 0 ? r : Oe, Ee = !!(Array.isArray(S) && S.length), re = Mi({ validationMessage: O, valid: N, required: T }, Ee), X = vs(H, e.dir), Je = c.width !== void 0 ? c.width : d.width !== void 0 ? d.width : Re.popupSettings.width, pt = {
-    width: Cs(H, Je),
-    ...X !== void 0 ? { direction: X } : {}
-  }, Se = o.useCallback(() => H.current && H.current.focus(), []);
-  Z.current = _ === void 0 ? (S || []).map((y) => ({ text: V(y, e.textField), data: [y] })) : [..._], o.useImperativeHandle(
+  } = e, E = Gt(e.tabIndex, h), M = o.useRef(null), W = o.useRef(null), j = o.useRef(null), Y = o.useRef(null), ee = o.useRef(null), K = o.useRef(null), ve = o.useRef(!1), Q = o.useRef([]), J = o.useRef(null), [ae, Le] = o.useState(), [Oe, ze] = o.useState(!1), [A, Pe] = o.useState(!1), [P, q] = o.useState(), [be, ke] = o.useState([]), [z, X] = o.useState(""), le = !!(P && P <= we && e.adaptive), H = r !== void 0 ? r : Oe, Ee = !!(Array.isArray(S) && S.length), re = Mi({ validationMessage: O, valid: N, required: F }, Ee), Z = vs(W, e.dir), Je = c.width !== void 0 ? c.width : d.width !== void 0 ? d.width : Re.popupSettings.width, pt = {
+    width: Cs(W, Je),
+    ...Z !== void 0 ? { direction: Z } : {}
+  }, Se = o.useCallback(() => W.current && W.current.focus(), []);
+  Q.current = _ === void 0 ? (S || []).map((y) => ({ text: V(y, e.textField), data: [y] })) : [..._], o.useImperativeHandle(
     M,
     () => ({
       props: e,
-      element: H.current,
+      element: W.current,
       focus: Se
     })
   ), o.useImperativeHandle(t, () => M.current);
   const Ot = o.useCallback(
     () => {
-      Y.current && Y.current.setCustomValidity && Y.current.setCustomValidity(
+      ee.current && ee.current.setCustomValidity && ee.current.setCustomValidity(
         re.valid ? "" : O === void 0 ? Di : O
       );
     },
@@ -3854,16 +3854,16 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     };
   }, []), o.useEffect(
     () => {
-      ee.current && z && ee.current.setPosition(ee.current._popup);
+      J.current && H && J.current.setPosition(J.current._popup);
     },
-    [S, z]
+    [S, H]
   );
   const ne = o.useCallback(
-    (y, x, K) => {
+    (y, x, L) => {
       if (e.onChange) {
         const se = {
           items: x,
-          operation: K,
+          operation: L,
           ...y
         };
         e.onChange.call(void 0, se);
@@ -3874,9 +3874,9 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     (y) => {
       if (R(y.item, S, p) || !M.current)
         return;
-      const { item: x, nativeEvent: K, syntheticEvent: se } = y, Ie = {
+      const { item: x, nativeEvent: L, syntheticEvent: se } = y, Ie = {
         syntheticEvent: se,
-        nativeEvent: K,
+        nativeEvent: L,
         target: M.current
       };
       ne(Ie, [x], "toggle");
@@ -3884,32 +3884,32 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     [S, p, ne]
   ), _e = o.useCallback(
     (y) => {
-      if (!z) {
-        if (u) {
+      if (!H) {
+        if (f) {
           const x = { ...y };
-          u.call(void 0, x);
+          f.call(void 0, x);
         }
         r === void 0 && (ze(!0), ke(S || []), le && setTimeout(() => {
           var x;
-          te((x = j.current) == null ? void 0 : x.element);
+          te((x = Y.current) == null ? void 0 : x.element);
         }, 300));
       }
     },
-    [z, r, u, le, j]
+    [H, r, f, le, Y]
   ), $ = o.useCallback(
     (y) => {
-      if (z) {
-        if (f) {
+      if (H) {
+        if (u) {
           const x = { ...y };
-          f.call(void 0, x);
+          u.call(void 0, x);
         }
         r === void 0 && ze(!1);
       }
     },
-    [z, r, f]
+    [H, r, u]
   ), fe = o.useCallback(
     (y) => {
-      ge.current = !0, y(), window.setTimeout(() => ge.current = !1, 0);
+      ve.current = !0, y(), window.setTimeout(() => ve.current = !1, 0);
     },
     []
   ), te = o.useCallback(
@@ -3920,17 +3920,17 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
   ), Pt = o.useCallback(
     () => {
       var y;
-      !A && z ? $({ target: M.current }) : e.filterable ? te((y = J.current) == null ? void 0 : y.element) : te(W.current && W.current.element);
+      !A && H ? $({ target: M.current }) : e.filterable ? te((y = j.current) == null ? void 0 : y.element) : te(K.current && K.current.element);
     },
-    [A, z, te, $, e.filterable]
+    [A, H, te, $, e.filterable]
   ), _t = o.useCallback(
     () => {
-      A && te(H.current);
+      A && te(W.current);
     },
     [A, te]
   ), Rt = o.useCallback(
     (y) => {
-      if (!A && !ge.current && (Pe(!0), e.onFocus && M.current)) {
+      if (!A && !ve.current && (Pe(!0), e.onFocus && M.current)) {
         const x = {
           syntheticEvent: y,
           nativeEvent: y.nativeEvent,
@@ -3942,7 +3942,7 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     [A, e.onFocus]
   ), ht = o.useCallback(
     (y) => {
-      if (A && !ge.current && M.current) {
+      if (A && !ve.current && M.current) {
         Pe(!1);
         const x = {
           syntheticEvent: y,
@@ -3950,13 +3950,13 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
           target: M.current
         };
         if (e.onBlur) {
-          const K = { ...x };
-          e.onBlur.call(void 0, K);
+          const L = { ...x };
+          e.onBlur.call(void 0, L);
         }
         le || $(x);
       }
     },
-    [A, e.onBlur, z, r, f]
+    [A, e.onBlur, H, r, u]
   ), ut = o.useCallback(
     () => {
       A && fe(Fe);
@@ -3971,15 +3971,15 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
           nativeEvent: y.nativeEvent,
           target: M.current
         };
-        z || _e(x);
+        H || _e(x);
       }
     },
-    [z, _e]
+    [H, _e]
   ), gt = o.useCallback(
     (y) => {
       var xe, os;
-      const { keyCode: x, altKey: K } = y, se = W.current && W.current.element;
-      if (!M.current || y.isDefaultPrevented() && ((xe = J.current) == null ? void 0 : xe.element) === y.target)
+      const { keyCode: x, altKey: L } = y, se = K.current && K.current.element;
+      if (!M.current || y.isDefaultPrevented() && ((xe = j.current) == null ? void 0 : xe.element) === y.target)
         return;
       const Ie = {
         syntheticEvent: y,
@@ -3987,41 +3987,41 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
         target: M.current
       };
       if (S && S.length > 0 && (x === g.left || x === g.right || x === g.home || x === g.end || x === g.delete)) {
-        const ie = Z.current;
+        const ie = Q.current;
         let he = ae ? ie.findIndex((ws) => St(ws, ae, p)) : -1, ue;
         const Bt = he !== -1;
         x === g.left ? (Bt ? he = Math.max(0, he - 1) : he = ie.length - 1, ue = ie[he]) : x === g.right ? he === ie.length - 1 ? ue = void 0 : Bt && (he = Math.min(ie.length - 1, he + 1), ue = ie[he]) : x === g.home ? ue = ie[0] : x === g.end ? ue = ie[ie.length - 1] : x === g.delete && Bt && ne(Ie, ie[he].data, "delete"), ue !== ae && Le(ue);
       }
-      if (z)
-        if (x === g.esc || K && x === g.up)
+      if (H)
+        if (x === g.esc || L && x === g.up)
           y.preventDefault(), $(Ie);
         else if (se && se.querySelector(".k-focus") && (x === g.up || x === g.down || x === g.left || x === g.right || x === g.home || x === g.end)) {
-          if (x === g.up && ((os = J.current) != null && os.element)) {
+          if (x === g.up && ((os = j.current) != null && os.element)) {
             const ie = Array.from(se.querySelectorAll(".k-treeview-item")), he = [...ie].reverse().find((ue) => !!(ue && ue.querySelector(".k-focus")));
             if (he && ie.indexOf(he) === 0)
               return fe(() => {
                 var ue;
-                te((ue = J.current) == null ? void 0 : ue.element);
+                te((ue = j.current) == null ? void 0 : ue.element);
               });
           }
           fe(Fe);
         } else
           x === g.down && fe(() => {
             var ie;
-            te(((ie = J.current) == null ? void 0 : ie.element) || se);
+            te(((ie = j.current) == null ? void 0 : ie.element) || se);
           });
       else
-        K && x === g.down && (y.preventDefault(), _e(Ie));
+        L && x === g.down && (y.preventDefault(), _e(Ie));
     },
-    [z, $, te, fe, _e, ae, p, S, ne]
+    [H, $, te, fe, _e, ae, p, S, ne]
   ), Qe = o.useCallback(
     (y) => {
-      const { keyCode: x, altKey: K } = y;
-      K || x !== g.up && x !== g.down || (y.preventDefault(), fe(
+      const { keyCode: x, altKey: L } = y;
+      L || x !== g.up && x !== g.down || (y.preventDefault(), fe(
         x === g.up ? () => {
-          te(H.current);
+          te(W.current);
         } : () => {
-          te(W.current && W.current.element);
+          te(K.current && K.current.element);
         }
       ));
     },
@@ -4040,8 +4040,8 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     [ne, $]
   ), Vt = o.useCallback(
     (y, x) => {
-      var K;
-      $({ target: M.current }), A || te((K = J.current) == null ? void 0 : K.element), ne({
+      var L;
+      $({ target: M.current }), A || te((L = j.current) == null ? void 0 : L.element), ne({
         syntheticEvent: x,
         nativeEvent: x.nativeEvent,
         target: M.current
@@ -4051,8 +4051,8 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
   ), Ze = o.useCallback(
     (y) => {
       if (e.onExpandChange && M.current) {
-        const { item: x, itemHierarchicalIndex: K, nativeEvent: se, syntheticEvent: Ie } = y, xe = {
-          level: Ti(K),
+        const { item: x, itemHierarchicalIndex: L, nativeEvent: se, syntheticEvent: Ie } = y, xe = {
+          level: Ti(L),
           item: x,
           nativeEvent: se,
           syntheticEvent: Ie,
@@ -4065,13 +4065,13 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
   ), et = o.useCallback(
     (y) => {
       if (e.onFilterChange && M.current) {
-        const K = {
+        const L = {
           filter: { field: e.textField, operator: "contains", value: y.target.value },
           syntheticEvent: y.syntheticEvent,
           nativeEvent: y.nativeEvent,
           target: M.current
         };
-        e.onFilterChange.call(void 0, K), e.filter === void 0 && Q(y.target.value);
+        e.onFilterChange.call(void 0, L), e.filter === void 0 && X(y.target.value);
       }
     },
     [e.onFilterChange, e.filter, e.textField]
@@ -4091,31 +4091,31 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
     const y = e.filterable ? /* @__PURE__ */ o.createElement(
       Ve,
       {
-        value: e.filter === void 0 ? L : e.filter,
-        ref: j,
+        value: e.filter === void 0 ? z : e.filter,
+        ref: Y,
         onChange: et,
         onKeyDown: Qe,
         size: de,
         rounded: I,
-        fillMode: F
+        fillMode: T
       }
     ) : null, x = {
       adaptiveTitle: e.adaptiveTitle,
-      expand: z,
-      onClose: (K) => e.onCancel ? mt(K) : Xe(K),
+      expand: H,
+      onClose: (L) => e.onCancel ? mt(L) : Xe(L),
       windowWidth: P,
       mobileFilter: y,
       footer: {
         cancelText: ye.toLanguageString(at, ce[at]),
-        onCancel: (K) => e.onCancel ? mt(K) : Xe(K),
+        onCancel: (L) => e.onCancel ? mt(L) : Xe(L),
         applyText: ye.toLanguageString(ot, ce[ot]),
-        onApply: (K) => $(K)
+        onApply: (L) => $(L)
       }
     };
     return /* @__PURE__ */ o.createElement(ts, { ...x }, /* @__PURE__ */ o.createElement(rt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, a.length > 0 ? /* @__PURE__ */ o.createElement(
       kt,
       {
-        ref: W,
+        ref: K,
         tabIndex: E,
         data: a,
         focusIdField: p,
@@ -4131,41 +4131,41 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
         checkboxes: !0,
         size: de,
         item: e.item,
-        dir: X
+        dir: Z
       }
-    ) : /* @__PURE__ */ o.createElement(me, null, ye.toLanguageString(ve, ce[ve]))))));
+    ) : /* @__PURE__ */ o.createElement(ge, null, ye.toLanguageString(me, ce[me]))))));
   }, vt = o.useCallback(
     (y) => {
       for (let x of y)
         q(x.target.clientWidth);
     },
     []
-  ), me = e.listNoData || ks, ye = ys(), De = !C || re.valid, { size: de, rounded: I, fillMode: F } = e, G = le && z ? be : Z.current, pe = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+  ), ge = e.listNoData || ks, ye = ys(), De = !C || re.valid, { size: de, rounded: I, fillMode: T } = e, G = le && H ? be : Q.current, pe = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
     "span",
     {
       className: B("k-multiselecttree k-input", e.className, {
         [`k-input-${fs[de] || de}`]: de,
         [`k-rounded-${Fi[I] || I}`]: I,
-        [`k-input-${F}`]: F,
+        [`k-input-${T}`]: T,
         "k-focus": A && !h,
         "k-invalid": !De,
         "k-disabled": h,
         "k-loading": e.loading,
-        "k-required": T
+        "k-required": F
       }),
       tabIndex: E,
       accessKey: e.accessKey,
       id: n,
       style: v ? { ...d, width: void 0 } : d,
-      dir: X,
-      ref: H,
+      dir: Z,
+      ref: W,
       onKeyDown: h ? void 0 : gt,
       onMouseDown: ut,
       onFocus: Rt,
       onBlur: ht,
       role: "combobox",
       "aria-haspopup": "tree",
-      "aria-expanded": z,
+      "aria-expanded": H,
       "aria-disabled": h,
       "aria-label": v,
       "aria-labelledby": e.ariaLabelledBy,
@@ -4188,7 +4188,7 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
           onTagDelete: Vt,
           data: G,
           guid: n,
-          focused: ae ? Z.current.find((y) => St(y, ae, p)) : void 0,
+          focused: ae ? Q.current.find((y) => St(y, ae, p)) : void 0,
           size: de
         }
       )
@@ -4200,7 +4200,7 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
       "select",
       {
         name: b,
-        ref: Y,
+        ref: ee,
         tabIndex: -1,
         "aria-hidden": !0,
         title: v,
@@ -4220,33 +4220,33 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
           c.popupClass,
           "k-multiselecttree-popup"
         ),
-        className: B(c.className, { "k-rtl": X === "rtl" }),
+        className: B(c.className, { "k-rtl": Z === "rtl" }),
         style: pt,
         animate: c.animate,
-        anchor: H.current,
-        show: z,
+        anchor: W.current,
+        show: H,
         onOpen: Pt,
         onClose: _t,
         appendTo: c.appendTo,
-        ref: ee
+        ref: J
       },
       e.filterable && /* @__PURE__ */ o.createElement(
         Ve,
         {
-          value: e.filter === void 0 ? L : e.filter,
-          ref: J,
+          value: e.filter === void 0 ? z : e.filter,
+          ref: j,
           onChange: et,
           onKeyDown: Qe,
           tabIndex: E,
           size: de,
           rounded: I,
-          fillMode: F
+          fillMode: T
         }
       ),
       a.length > 0 ? /* @__PURE__ */ o.createElement(
         kt,
         {
-          ref: W,
+          ref: K,
           tabIndex: E,
           data: a,
           focusIdField: p,
@@ -4262,9 +4262,9 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
           checkboxes: !0,
           size: de,
           item: e.item,
-          dir: X
+          dir: Z
         }
-      ) : /* @__PURE__ */ o.createElement(me, null, ye.toLanguageString(ve, ce[ve]))
+      ) : /* @__PURE__ */ o.createElement(ge, null, ye.toLanguageString(me, ce[me]))
     )
   ), le && tt());
   return v ? /* @__PURE__ */ o.createElement(
@@ -4278,7 +4278,7 @@ const Di = "Please select a value from the list!", { sizeMap: fs, roundedMap: Fi
       editorId: n,
       style: { width: d ? d.width : void 0 },
       children: pe,
-      dir: X
+      dir: Z
     }
   ) : pe;
 }), Oi = {
@@ -4361,25 +4361,25 @@ const st = (i, t) => {
     const N = st(e, c);
     return n.filter((_) => !N[c(_)]);
   }
-  const r = e[0], h = c(r), u = Ct(a), f = [...i], m = [];
+  const r = e[0], h = c(r), f = Ct(a), u = [...i], m = [];
   let v = [], b;
-  for (; f.length; ) {
-    const N = f.pop();
+  for (; u.length; ) {
+    const N = u.pop();
     if (h === c(N)) {
       v = m.map((_) => _.item), b = N;
       break;
     } else {
-      m && m.length && m[m.length - 1].parentPosition === f.length && m.pop();
-      const _ = u(N);
-      _ && _.length && (m.push({ item: N, parentPosition: f.length }), f.push(..._));
+      m && m.length && m[m.length - 1].parentPosition === u.length && m.pop();
+      const _ = f(N);
+      _ && _.length && (m.push({ item: N, parentPosition: u.length }), u.push(..._));
     }
   }
-  const w = [...u(b) || []];
+  const w = [...f(b) || []];
   let k = [];
   for (; w.length; ) {
     const N = w.pop();
     k.push(N);
-    const _ = u(N);
+    const _ = f(N);
     _ && _.length && w.push(..._);
   }
   const D = !d[h], O = [];
@@ -4387,16 +4387,16 @@ const st = (i, t) => {
     O.push(...n), O.push(b), O.push(...k.filter((S) => !d[c(S)]));
     const N = v.filter((S) => !d[c(S)]), _ = st(O, c);
     for (let S = N.length - 1; S > -1; S--) {
-      const T = N[S], C = u(T);
+      const F = N[S], C = f(F);
       if (C.filter((M) => _[c(M)]).length < C.length)
         break;
-      O.push(T), _[c(T)] = !0;
+      O.push(F), _[c(F)] = !0;
     }
   } else {
     const N = c(b), _ = st(k, c), S = st(v, c);
     O.push(
-      ...n.filter((T) => {
-        const C = c(T);
+      ...n.filter((F) => {
+        const C = c(F);
         return !_[C] && N !== C && !S[C];
       })
     );
@@ -4434,6 +4434,6 @@ export {
   V as getItemValue,
   qi as getMultiSelectTreeValue,
   st as getValueMap,
-  ve as nodata,
+  me as nodata,
   Hs as scrollToItem
 };