@progress/kendo-react-dropdowns 15.0.1-develop.3 → 15.0.1-develop.5

package/DropDownList/DropDownList.mjs

@@ -7,102 +7,102 @@
  */
 import * as i from "react";
 import C from "prop-types";
-import { getLicenseMessage as en, usePropsContext as tn, validatePackage as nn, useUnstyled as rn, useId as on, useWebMcpRegister as sn, useKendoPaste as an, canUseDOM as ot, useAdaptiveModeContext as ln, classNames as L, uDropDownList as P, getTabIndex as dn, IconWrap as cn, createPropsContext as un, Keys as h, WatermarkOverlay as pn, sizeMap as mn, svgIconPropType as fn } from "@progress/kendo-react-common";
-import { FloatingLabel as gn } from "@progress/kendo-react-labels";
-import { chevronDownIcon as vn } from "@progress/kendo-svg-icons";
-import hn from "../common/ListContainer.mjs";
-import In from "../common/ListFilter.mjs";
-import it from "../common/GroupStickyHeader.mjs";
-import yn from "../common/ListDefaultItem.mjs";
-import wn from "../common/List.mjs";
-import pt from "../common/DropDownBase.mjs";
-import { getFilteredData as E, getItemIndexByText as xn, areSame as F, getItemValue as re, isPresent as st, itemIndexStartsWith as Sn, sameCharsOnly as Dn, shuffleData as Cn, matchText as at } from "../common/utils.mjs";
-import { packageMetadata as lt } from "../package-metadata.mjs";
-import { Button as kn } from "@progress/kendo-react-buttons";
-import { useLocalization as En } from "@progress/kendo-react-intl";
-import { dropDownListArrowBtnAriaLabel as dt, messages as Me, dropDownListAdaptiveFilterPlaceholder as ct, listAriaLabel as ut } from "../messages/index.mjs";
-import { ActionSheetContent as Ln } from "@progress/kendo-react-layout";
-import { AdaptiveMode as bn } from "../common/AdaptiveMode.mjs";
-const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) => {
-  var tt;
-  let Ne = !1;
-  const gt = en(lt), n = tn(Fn, mt), {
-    delay: vt = z.delay,
-    tabIndex: ht = z.tabIndex,
-    ignoreCase: J = z.ignoreCase,
-    size: H = z.size,
-    rounded: Te = z.rounded,
-    fillMode: fe = z.fillMode
+import { getLicenseMessage as nn, usePropsContext as rn, validatePackage as on, useUnstyled as sn, useId as an, useWebMcpRegister as ln, useKendoPaste as dn, canUseDOM as it, useAdaptiveModeContext as cn, classNames as L, uDropDownList as P, getTabIndex as un, IconWrap as pn, createPropsContext as mn, Keys as h, WatermarkOverlay as fn, sizeMap as vn, svgIconPropType as gn } from "@progress/kendo-react-common";
+import { FloatingLabel as hn } from "@progress/kendo-react-labels";
+import { chevronDownIcon as In } from "@progress/kendo-svg-icons";
+import yn from "../common/ListContainer.mjs";
+import wn from "../common/ListFilter.mjs";
+import st from "../common/GroupStickyHeader.mjs";
+import xn from "../common/ListDefaultItem.mjs";
+import Dn from "../common/List.mjs";
+import mt from "../common/DropDownBase.mjs";
+import { getFilteredData as E, getItemIndexByText as Sn, areSame as F, getItemValue as ie, isPresent as at, itemIndexStartsWith as Cn, sameCharsOnly as kn, shuffleData as En, matchText as lt } from "../common/utils.mjs";
+import { packageMetadata as dt } from "../package-metadata.mjs";
+import { Button as Ln } from "@progress/kendo-react-buttons";
+import { useLocalization as bn } from "@progress/kendo-react-intl";
+import { dropDownListArrowBtnAriaLabel as ct, messages as Ne, dropDownListAdaptiveFilterPlaceholder as ut, listAriaLabel as pt } from "../messages/index.mjs";
+import { ActionSheetContent as Pn } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Fn } from "../common/AdaptiveMode.mjs";
+const Mn = "Please select a value from the list!", Te = i.forwardRef((ft, vt) => {
+  var rt;
+  let Oe = !1;
+  const gt = nn(dt), n = rn(Kn, ft), {
+    delay: ht = H.delay,
+    tabIndex: It = H.tabIndex,
+    ignoreCase: Q = H.ignoreCase,
+    size: A = H.size,
+    rounded: ze = H.rounded,
+    fillMode: ve = H.fillMode
   } = n;
   if (n.filterable || n.virtual) {
     const e = [];
-    n.filterable && e.push("filterable"), n.virtual && e.push("virtualization"), Ne = !nn(lt, {
+    n.filterable && e.push("filterable"), n.virtual && e.push("virtualization"), Oe = !on(dt, {
       component: "DropDownList",
       features: e
     });
   }
-  const K = rn(), ge = on(n.id), ve = () => {
+  const N = sn(), ge = an(n.id), he = () => {
     var e;
-    if (ot)
-      return ((e = V.current) == null ? void 0 : e.ownerDocument) || window.document;
-  }, It = () => {
+    if (it)
+      return ((e = O.current) == null ? void 0 : e.ownerDocument) || window.document;
+  }, yt = () => {
     var e, r;
     (e = t == null ? void 0 : t.current) != null && e.wrapper && ((r = t == null ? void 0 : t.current) == null || r.wrapper.focus({ preventScroll: !0 }));
   }, k = () => {
     let e;
-    return W.current !== void 0 && W.current !== null ? e = W.current : n.value !== void 0 ? e = n.value : m.value !== void 0 && m.value !== null ? e = m.value : n.defaultValue !== void 0 && n.defaultValue !== null && (e = n.defaultValue), !st(e) && n.defaultItem !== void 0 && n.defaultItem !== null && (e = n.defaultItem), e;
-  }, yt = () => {
+    return W.current !== void 0 && W.current !== null ? e = W.current : n.value !== void 0 ? e = n.value : f.value !== void 0 && f.value !== null ? e = f.value : n.defaultValue !== void 0 && n.defaultValue !== null && (e = n.defaultValue), !at(e) && n.defaultItem !== void 0 && n.defaultItem !== null && (e = n.defaultItem), e;
+  }, wt = () => {
     const { dataItemKey: e } = n, r = E(n), o = k();
     return r.findIndex((l) => F(l, o, e));
-  }, he = () => n.required !== void 0 ? n.required : z.required, Ie = () => {
-    const e = n.validationMessage !== void 0, r = k(), o = !he() || r !== null && r !== "" && r !== void 0, l = n.valid !== void 0 ? n.valid : o;
+  }, Ie = () => n.required !== void 0 ? n.required : H.required, ye = () => {
+    const e = n.validationMessage !== void 0, r = k(), o = !Ie() || r !== null && r !== "" && r !== void 0, l = n.valid !== void 0 ? n.valid : o;
     return {
       customError: e,
       valid: l,
       valueMissing: r === null
     };
-  }, wt = () => n.validityStyles !== void 0 ? n.validityStyles : z.validityStyles, oe = (e) => {
-    ie.current = !0, e.focus(), window.setTimeout(() => ie.current = !1, 30);
-  }, ye = () => {
-    X.current && oe(X.current), n.adaptive && setTimeout(() => {
-      X.current && oe(X.current);
+  }, xt = () => n.validityStyles !== void 0 ? n.validityStyles : H.validityStyles, se = (e) => {
+    ae.current = !0, e.focus(), window.setTimeout(() => ae.current = !1, 30);
+  }, we = () => {
+    Z.current && se(Z.current), n.adaptive && setTimeout(() => {
+      Z.current && se(Z.current);
     }, 300);
-  }, xt = i.useCallback((e) => {
+  }, Dt = i.useCallback((e) => {
     for (const r of e)
-      Wt(r.target.clientWidth);
-  }, []), Oe = () => {
+      qt(r.target.clientWidth);
+  }, []), He = () => {
     var e;
-    (e = Ce.current) != null && e.setCustomValidity && Ce.current.setCustomValidity(
-      Ie().valid ? "" : n.validationMessage || Pn
+    (e = ke.current) != null && e.setCustomValidity && ke.current.setCustomValidity(
+      ye().valid ? "" : n.validationMessage || Mn
     );
-  }, A = (e, r) => {
+  }, B = (e, r) => {
     const o = k();
     F(o, e, n.dataItemKey) || (n.value === void 0 && (r.data.value = e), t.current.updateComponentArgs({ value: e }), W.current = e, r.events.push({ type: "onChange" }));
   }, M = (e) => {
     var r;
     (r = t == null ? void 0 : t.current) == null || r.applyState(e), W.current = void 0;
-  }, Q = (e, r) => {
+  }, X = (e, r) => {
     var u;
-    const { virtual: o, dataItemKey: l, defaultItem: a } = n, c = E(n), p = o ? o.skip : 0, f = k(), d = e === -1 && a !== void 0 ? a : c[e - p], g = !F(d, f, l);
-    A(d, r), g && ((u = t == null ? void 0 : t.current) == null || u.triggerPageChangeCornerItems(d, r));
-  }, B = (e, r, o) => {
-    var D, v;
-    const { defaultItem: l, dataItemKey: a, virtual: c = { skip: 0, total: 0, pageSize: 0 } } = n, p = k(), f = E(n), d = (D = t == null ? void 0 : t.current) == null ? void 0 : D.vs, g = f.findIndex((I) => F(I, p, a)), u = (v = t == null ? void 0 : t.current) == null ? void 0 : v.navigation.navigate({
-      current: c.skip + g,
-      max: (d != null && d.enabled ? c.total : f.length) - 1,
+    const { virtual: o, dataItemKey: l, defaultItem: a } = n, c = E(n), m = o ? o.skip : 0, v = k(), d = e === -1 && a !== void 0 ? a : c[e - m], p = !F(d, v, l);
+    B(d, r), p && ((u = t == null ? void 0 : t.current) == null || u.triggerPageChangeCornerItems(d, r));
+  }, V = (e, r, o) => {
+    var S, g;
+    const { defaultItem: l, dataItemKey: a, virtual: c = { skip: 0, total: 0, pageSize: 0 } } = n, m = k(), v = E(n), d = (S = t == null ? void 0 : t.current) == null ? void 0 : S.vs, p = v.findIndex((I) => F(I, m, a)), u = (g = t == null ? void 0 : t.current) == null ? void 0 : g.navigation.navigate({
+      current: c.skip + p,
+      max: (d != null && d.enabled ? c.total : v.length) - 1,
       min: l !== void 0 ? -1 : 0,
       keyCode: r,
       skipItems: o || void 0
     });
-    u !== void 0 && Q(u, e), M(e);
+    u !== void 0 && X(u, e), M(e);
   }, St = (e) => {
-    V.current = e, t.current.wrapper = e;
-  }, Dt = (e) => /* @__PURE__ */ i.createElement(
+    O.current = e, t.current.wrapper = e;
+  }, Ct = (e) => /* @__PURE__ */ i.createElement(
     "select",
     {
       name: n.name,
       ref: (r) => {
-        Ce.current = r;
+        ke.current = r;
       },
       tabIndex: -1,
       "aria-hidden": !0,
@@ -110,26 +110,26 @@ const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) =>
       style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" }
     },
     /* @__PURE__ */ i.createElement("option", { value: n.valueMap ? n.valueMap.call(void 0, e) : e })
-  ), we = () => {
+  ), xe = () => {
     const {
       textField: e,
       dataItemKey: r,
       virtual: o = { skip: 0 },
-      focusedItemIndex: l = Sn,
+      focusedItemIndex: l = Cn,
       filterable: a,
       skipDisabledItems: c = !0
-    } = n, p = k(), f = E(n), d = n.filter ? n.filter : m.text;
-    return c && e && !d && !p ? f.findIndex((g) => !g.disabled) : st(p) && d === void 0 || a && d === "" ? f.findIndex((g) => F(g, p, r)) : d ? ke.current ? l(f, d, e) : f.findIndex((g) => F(g, p, r)) : o.skip === 0 ? 0 : -1;
-  }, ze = (e, r) => r !== void 0 && r !== -1 && e && e.length > 0 && e[r].disabled, xe = () => {
-    const e = E(n), r = t.current.initState(), o = we();
-    ze(e, o) && (A(null, r), M(r));
+    } = n, m = k(), v = E(n), d = n.filter ? n.filter : f.text;
+    return c && e && !d && !m ? v.findIndex((p) => !p.disabled) : at(m) && d === void 0 || a && d === "" ? v.findIndex((p) => F(p, m, r)) : d ? Ee.current ? l(v, d, e) : v.findIndex((p) => F(p, m, r)) : o.skip === 0 ? 0 : -1;
+  }, Ae = (e, r) => r !== void 0 && r !== -1 && e && e.length > 0 && e[r].disabled, De = () => {
+    const e = E(n), r = t.current.initState(), o = xe();
+    Ae(e, o) && (B(null, r), M(r));
   }, Se = (e) => {
     if (e.isPropagationStopped())
       return;
     const r = t.current.initState();
-    r.syntheticEvent = e, m.focused || (r.data.focused = !0), xe(), t.current.togglePopup(r), M(r);
-  }, He = (e) => {
-    var O, pe, G, me, j, nt, rt;
+    r.syntheticEvent = e, f.focused || (r.data.focused = !0), De(), t.current.togglePopup(r), M(r);
+  }, Be = (e) => {
+    var oe, K, G, $, fe, J, ot;
     e && e.target instanceof Element && e.target.nodeName === "INPUT" && e.stopPropagation && e.stopPropagation();
     const {
       filterable: r,
@@ -137,143 +137,143 @@ const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) =>
       defaultItem: l,
       leftRightKeysNavigation: a = !0,
       virtual: c = { skip: 0, total: 0, pageSize: 0 },
-      dataItemKey: p,
-      groupField: f = "",
+      dataItemKey: m,
+      groupField: v = "",
       textField: d,
-      skipDisabledItems: g = !0
-    } = n, u = E(n), D = k(), v = u.findIndex((w) => F(w, D, p)), I = n.opened !== void 0 ? n.opened : m.opened, s = e.keyCode, N = s === h.home || s === h.end, b = s === h.up || s === h.down, Y = !I && (e.altKey && s === h.down || s === h.enter || s === h.space), ne = I && (e.altKey && s === h.up || s === h.esc), ce = a && (s === h.left || s === h.right), ue = b || ce && !r || N, y = t.current.initState();
+      skipDisabledItems: p = !0
+    } = n, u = E(n), S = k(), g = u.findIndex((w) => F(w, S, m)), I = n.opened !== void 0 ? n.opened : f.opened, s = e.keyCode, T = s === h.home || s === h.end, b = s === h.up || s === h.down, j = !I && (e.altKey && s === h.down || s === h.enter || s === h.space), re = I && (e.altKey && s === h.up || s === h.esc), pe = a && (s === h.left || s === h.right), me = b || pe && !r || T, y = t.current.initState();
     if (y.syntheticEvent = e, !o) {
-      if (N && ((O = t == null ? void 0 : t.current) != null && O.vs.enabled))
-        s === h.home ? c.skip !== 0 ? ((pe = t == null ? void 0 : t.current) == null || pe.triggerOnPageChange(y, 0, c.pageSize), q.current = !0) : A(u[0], y) : c.skip < c.total - c.pageSize ? ((G = t == null ? void 0 : t.current) == null || G.triggerOnPageChange(
+      if (T && ((oe = t == null ? void 0 : t.current) != null && oe.vs.enabled))
+        s === h.home ? c.skip !== 0 ? ((K = t == null ? void 0 : t.current) == null || K.triggerOnPageChange(y, 0, c.pageSize), q.current = !0) : B(u[0], y) : c.skip < c.total - c.pageSize ? ((G = t == null ? void 0 : t.current) == null || G.triggerOnPageChange(
           y,
           c.total - c.pageSize,
           c.pageSize
-        ), q.current = !0) : A(u[u.length - 1], y);
+        ), q.current = !0) : B(u[u.length - 1], y);
       else if (I && s === h.pageUp)
-        e.preventDefault(), (me = t == null ? void 0 : t.current) == null || me.scrollPopupByPageSize(-1);
+        e.preventDefault(), ($ = t == null ? void 0 : t.current) == null || $.scrollPopupByPageSize(-1);
       else if (I && s === h.pageDown)
-        e.preventDefault(), (j = t == null ? void 0 : t.current) == null || j.scrollPopupByPageSize(1);
+        e.preventDefault(), (fe = t == null ? void 0 : t.current) == null || fe.scrollPopupByPageSize(1);
       else if (I && s === h.enter) {
-        const w = we();
-        ze(u, w) ? (A(null, y), M(y)) : Q(w, y), (nt = t == null ? void 0 : t.current) == null || nt.togglePopup(y), e.preventDefault();
-      } else if (Y || ne)
-        ne && xe(), (rt = t == null ? void 0 : t.current) == null || rt.togglePopup(y), e.preventDefault();
-      else if (ue) {
-        if (ke.current = !1, f !== "" && d)
-          if (!g && I)
-            B(y, s);
+        const w = xe();
+        Ae(u, w) ? (B(null, y), M(y)) : X(w, y), (J = t == null ? void 0 : t.current) == null || J.togglePopup(y), e.preventDefault();
+      } else if (j || re)
+        re && De(), (ot = t == null ? void 0 : t.current) == null || ot.togglePopup(y), e.preventDefault();
+      else if (me) {
+        if (Ee.current = !1, v !== "" && d)
+          if (!p && I)
+            V(y, s);
           else {
             let w;
             if (s === h.down || s === h.right) {
-              const x = u.slice(v + 1).find((S) => !S.disabled);
+              const x = u.slice(g + 1).find((D) => !D.disabled);
               w = x && u.indexOf(x);
             } else if (s === h.up || s === h.left) {
               let x;
-              if (v === 0 && l)
+              if (g === 0 && l)
                 w = -1;
-              else if (v === -1)
-                x = u, w = u.findIndex((S) => !S.disabled);
+              else if (g === -1)
+                x = u, w = u.findIndex((D) => !D.disabled);
               else {
-                x = u.slice(0, v);
-                let S = x.pop();
-                for (; S && S.disabled; )
-                  S = x.pop();
-                w = S && u.indexOf(S);
+                x = u.slice(0, g);
+                let D = x.pop();
+                for (; D && D.disabled; )
+                  D = x.pop();
+                w = D && u.indexOf(D);
               }
             }
             if (w !== void 0) {
-              const x = w - v;
-              B(y, s, x);
-            } else w === void 0 && v === u.length - 1 && B(y, s);
+              const x = w - g;
+              V(y, s, x);
+            } else w === void 0 && g === u.length - 1 && V(y, s);
           }
-        else if (!g && I || N)
-          B(y, s);
+        else if (!p && I || T)
+          V(y, s);
         else if (d) {
           let w;
           if (s === h.down || s === h.right) {
-            const x = u.slice(v + 1).find((S) => !S.disabled);
+            const x = u.slice(g + 1).find((D) => !D.disabled);
             w = x && u.indexOf(x);
           } else if (s === h.up || s === h.left) {
             let x;
-            if (v === 0 && l)
+            if (g === 0 && l)
               w = -1;
-            else if (v === -1)
-              x = u, w = u.findIndex((S) => !S.disabled);
+            else if (g === -1)
+              x = u, w = u.findIndex((D) => !D.disabled);
             else {
-              x = u.slice(0, v);
-              let S = x.pop();
-              for (; S && S.disabled; )
-                S = x.pop();
-              w = S && u.indexOf(S);
+              x = u.slice(0, g);
+              let D = x.pop();
+              for (; D && D.disabled; )
+                D = x.pop();
+              w = D && u.indexOf(D);
             }
           }
           if (w !== void 0) {
-            const x = w - v;
-            B(y, s, x);
-          } else w === void 0 && v === u.length - 1 && B(y, s);
+            const x = w - g;
+            V(y, s, x);
+          } else w === void 0 && g === u.length - 1 && V(y, s);
         } else
-          B(y, s);
+          V(y, s);
         e.preventDefault();
       }
       M(y);
     }
-  }, Ct = (e) => {
+  }, kt = (e) => {
     const r = t.current.initState();
-    r.syntheticEvent = e.syntheticEvent, n.filter === void 0 && (r.data.text = e.target.value), t.current.filterChanged(e.target.value, r), ke.current = !0, M(r), R({ group: void 0, text: String(e.target.value) });
-  }, Ae = (e) => {
-    const r = n.filter !== void 0 ? n.filter : m.text;
+    r.syntheticEvent = e.syntheticEvent, n.filter === void 0 && (r.data.text = e.target.value), t.current.filterChanged(e.target.value, r), Ee.current = !0, M(r), ee({ group: void 0, text: String(e.target.value) });
+  }, Ve = (e) => {
+    const r = n.filter !== void 0 ? n.filter : f.text;
     return n.filterable && /* @__PURE__ */ i.createElement(
-      In,
+      wn,
       {
         value: r,
         ref: (o) => {
-          X.current = o && o.element;
+          Z.current = o && o.element;
         },
-        onChange: Ct,
-        onKeyDown: He,
-        size: e ? "large" : H,
-        rounded: Te,
-        fillMode: fe,
+        onChange: kt,
+        onKeyDown: Be,
+        size: e ? "large" : A,
+        rounded: ze,
+        fillMode: ve,
         renderListFilterWrapper: !0,
-        placeholder: be.toLanguageString(
-          ct,
-          Me[ct]
+        placeholder: Fe.toLanguageString(
+          ut,
+          Ne[ut]
         )
       }
     );
-  }, kt = (e) => {
+  }, Et = (e) => {
     var o;
     const r = t.current.initState();
-    r.syntheticEvent = e, (o = t == null ? void 0 : t.current) == null || o.togglePopup(r), A(n.defaultItem, r), M(r);
-  }, Et = () => {
+    r.syntheticEvent = e, (o = t == null ? void 0 : t.current) == null || o.togglePopup(r), B(n.defaultItem, r), M(r);
+  }, Lt = () => {
     const { textField: e, defaultItem: r, dataItemKey: o } = n, l = k();
     return r !== void 0 && /* @__PURE__ */ i.createElement(
-      yn,
+      xn,
       {
         defaultItem: r,
         textField: e,
         selected: F(l, r, o),
         key: "defaultitemkey",
-        onClick: kt
+        onClick: Et
       }
     );
-  }, Lt = (e, r) => {
+  }, bt = (e, r) => {
     var o;
     (o = t == null ? void 0 : t.current) == null || o.handleItemClick(e, r), W.current = void 0;
-  }, bt = (e) => {
+  }, Pt = (e) => {
     const { vs: r, list: o } = t.current;
     r.scrollHandler(e);
     const { groupField: l } = n;
     let a = E(n);
     if (!(!l || !a.length) && l) {
-      const c = We.current = We.current || (r.enabled ? r.itemHeight : o ? o.children[0].offsetHeight : 0), f = e.target.scrollTop - r.skip * c;
+      const c = Ue.current = Ue.current || (r.enabled ? r.itemHeight : o ? o.children[0].offsetHeight : 0), v = e.target.scrollTop - r.skip * c;
       a = t.current.getGroupedDataModernMode(a, l);
       let d = a[0][l];
-      for (let g = 1; g < a.length && !(c * g > f); g++)
-        a[g] && a[g][l] && (d = a[g][l]);
-      d !== m.group && R({ group: d });
+      for (let p = 1; p < a.length && !(c * p > v); p++)
+        a[p] && a[p][l] && (d = a[p][l]);
+      d !== f.group && ee({ group: d });
     }
-  }, Be = () => {
+  }, We = () => {
     var s;
     const {
       textField: e,
@@ -282,118 +282,118 @@ const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) =>
       groupHeaderItemRender: l,
       listNoDataRender: a,
       itemRender: c
-    } = n, p = E(n), f = K && K.uDropDownList, d = t.current.vs, g = o.skip, u = n.opened !== void 0 ? n.opened : m.opened, D = t.current.getPopupSettings(), v = `translateY(${d.translate}px)`, I = k();
+    } = n, m = E(n), v = N && N.uDropDownList, d = t.current.vs, p = o.skip, u = n.opened !== void 0 ? n.opened : f.opened, S = t.current.getPopupSettings(), g = `translateY(${d.translate}px)`, I = k();
     return /* @__PURE__ */ i.createElement(
-      wn,
+      Dn,
       {
-        id: Ge,
+        id: Ye,
         show: u,
-        data: p.slice(),
-        focusedIndex: we(),
+        data: m.slice(),
+        focusedIndex: xe(),
         value: I,
         textField: e,
         valueField: r,
-        optionsGuid: $e,
+        optionsGuid: je,
         groupField: n.groupField,
-        ariaLabel: be.toLanguageString(ut, Me[ut]),
-        listRef: (N) => {
-          d.list = t.current.list = N;
+        ariaLabel: Fe.toLanguageString(pt, Ne[pt]),
+        listRef: (T) => {
+          d.list = t.current.list = T;
         },
-        wrapperStyle: { maxHeight: _ ? void 0 : D.height },
-        wrapperCssClass: L(P.listContent({ c: f })),
-        listStyle: d.enabled ? { transform: v } : void 0,
+        wrapperStyle: { maxHeight: _ ? void 0 : S.height },
+        wrapperCssClass: L(P.listContent({ c: v })),
+        listStyle: d.enabled ? { transform: g } : void 0,
         key: "listkey",
-        skip: g,
-        onClick: Lt,
+        skip: p,
+        onClick: bt,
         itemRender: c,
         groupHeaderItemRender: l,
         noDataRender: a,
-        onScroll: bt,
+        onScroll: Pt,
         wrapperRef: d.scrollerRef,
         scroller: (s = t == null ? void 0 : t.current) == null ? void 0 : s.renderScrollElement(),
         ariaSetSize: o.total
       }
     );
-  }, Pt = () => {
-    const { groupField: e } = n, r = E(n), o = n.opened !== void 0 ? n.opened : m.opened, l = K && K.uDropDownList, a = {
+  }, Ft = () => {
+    const { groupField: e } = n, r = E(n), o = n.opened !== void 0 ? n.opened : f.opened, l = N && N.uDropDownList, a = {
       title: n.adaptiveTitle || n.label,
       subTitle: n.adaptiveSubtitle,
       expand: o,
-      onClose: (p) => Se(p),
-      windowWidth: Le,
-      mobileFilter: Ae(!0)
+      onClose: (m) => Se(m),
+      windowWidth: be,
+      mobileFilter: Ve(!0)
     };
-    let { group: c } = m;
-    return c === void 0 && e !== void 0 && (c = re(r[0], e)), /* @__PURE__ */ i.createElement(bn, { ...a }, /* @__PURE__ */ i.createElement(Ln, null, /* @__PURE__ */ i.createElement("div", { className: L(P.listContainer({ c: l, popup: !1 })) }, Nt())));
-  }, Ft = () => {
-    m.focused && window.setTimeout(() => {
-      m.focused && t.current.wrapper && oe(t.current.wrapper);
+    let { group: c } = f;
+    return c === void 0 && e !== void 0 && (c = ie(r[0], e)), /* @__PURE__ */ i.createElement(Fn, { ...a }, /* @__PURE__ */ i.createElement(Pn, null, /* @__PURE__ */ i.createElement("div", { className: L(P.listContainer({ c: l, popup: !1 })) }, Tt())));
+  }, Mt = () => {
+    f.focused && window.setTimeout(() => {
+      f.focused && t.current.wrapper && se(t.current.wrapper);
     });
-  }, Mt = (e) => {
+  }, Kt = (e) => {
     "onMouseDownOutside" in (n.popupSettings || {}) && n.popupSettings.onMouseDownOutside.call(void 0, e);
-  }, Kt = () => {
-    const { header: e, footer: r, dir: o, groupField: l, groupStickyHeaderItemRender: a, list: c } = n, p = E(n), f = t.current, d = f.getPopupSettings(), g = n.opened !== void 0 ? n.opened : m.opened, u = d.width !== void 0 ? d.width : f.popupWidth, D = K && K.uDropDownList, v = {
-      dir: o !== void 0 ? o : f.dirCalculated,
+  }, Nt = () => {
+    const { header: e, footer: r, dir: o, groupField: l, groupStickyHeaderItemRender: a, list: c } = n, m = E(n), v = t.current, d = v.getPopupSettings(), p = n.opened !== void 0 ? n.opened : f.opened, u = d.width !== void 0 ? d.width : Pe != null ? Pe : v.popupWidth, S = N && N.uDropDownList, g = {
+      dir: o !== void 0 ? o : v.dirCalculated,
       width: u,
       popupSettings: {
         ...d,
         popupClass: L(
           d.popupClass,
           P.listContainer({
-            c: D,
+            c: S,
             popup: !0
           })
         ),
-        anchor: d.anchor || V.current,
-        show: g,
-        onOpen: ye,
-        onClose: Ft,
-        onMouseDownOutside: Mt
+        anchor: d.anchor || O.current,
+        show: p,
+        onOpen: we,
+        onClose: Mt,
+        onMouseDownOutside: Kt
       },
-      itemsCount: [p.length]
+      itemsCount: [m.length]
     };
-    let { group: I } = m;
-    return I === void 0 && l !== void 0 && (I = re(p[0], l)), /* @__PURE__ */ i.createElement(hn, { ...v }, Ae(!1), e && /* @__PURE__ */ i.createElement("div", { className: L(P.listHeader({ c: D })) }, e), /* @__PURE__ */ i.createElement(
+    let { group: I } = f;
+    return I === void 0 && l !== void 0 && (I = ie(m[0], l)), /* @__PURE__ */ i.createElement(yn, { ...g }, Ve(!1), e && /* @__PURE__ */ i.createElement("div", { className: L(P.listHeader({ c: S })) }, e), /* @__PURE__ */ i.createElement(
       "div",
       {
         className: L(
           P.list({
-            c: D,
-            size: H,
+            c: S,
+            size: A,
             virtual: t.current.vs.enabled
           })
         )
       },
-      Et(),
-      !c && I && p.length !== 0 && /* @__PURE__ */ i.createElement(it, { group: I, render: a }),
-      Be()
-    ), r && /* @__PURE__ */ i.createElement("div", { className: L(P.listFooter({ c: D })) }, r), Ne && /* @__PURE__ */ i.createElement(pn, { message: gt }));
-  }, Nt = () => {
-    const { header: e, footer: r, groupStickyHeaderItemRender: o, groupField: l, list: a } = n, c = E(n), p = K && K.uDropDownList;
-    let { group: f } = m;
-    return f === void 0 && l !== void 0 && (f = re(c[0], l)), /* @__PURE__ */ i.createElement(i.Fragment, null, e && /* @__PURE__ */ i.createElement("div", { className: L(P.listHeader({ c: p })) }, e), /* @__PURE__ */ i.createElement(
+      Lt(),
+      !c && I && m.length !== 0 && /* @__PURE__ */ i.createElement(st, { group: I, render: a }),
+      We()
+    ), r && /* @__PURE__ */ i.createElement("div", { className: L(P.listFooter({ c: S })) }, r), Oe && /* @__PURE__ */ i.createElement(fn, { message: gt }));
+  }, Tt = () => {
+    const { header: e, footer: r, groupStickyHeaderItemRender: o, groupField: l, list: a } = n, c = E(n), m = N && N.uDropDownList;
+    let { group: v } = f;
+    return v === void 0 && l !== void 0 && (v = ie(c[0], l)), /* @__PURE__ */ i.createElement(i.Fragment, null, e && /* @__PURE__ */ i.createElement("div", { className: L(P.listHeader({ c: m })) }, e), /* @__PURE__ */ i.createElement(
       "div",
       {
         className: L("k-list", {
-          [`k-list-${_ ? "lg" : mn[H] || H}`]: _ || H
+          [`k-list-${_ ? "lg" : vn[A] || A}`]: _ || A
         })
       },
-      !a && f && c.length !== 0 && /* @__PURE__ */ i.createElement(it, { group: f, render: o }),
-      Be()
+      !a && v && c.length !== 0 && /* @__PURE__ */ i.createElement(st, { group: v, render: o }),
+      We()
     ), r && /* @__PURE__ */ i.createElement("div", { className: "k-list-footer" }, r));
-  }, Tt = (e) => {
+  }, Ot = (e) => {
     const { dataItemKey: r } = n, o = E(n), l = k();
-    let a = o.map((b, Y) => ({ item: b, itemIndex: Y }));
-    const c = $.current.word, p = $.current.last, f = Dn(c, p);
-    let d = a.length, g = Math.max(
+    let a = o.map((b, j) => ({ item: b, itemIndex: j }));
+    const c = Y.current.word, m = Y.current.last, v = kn(c, m);
+    let d = a.length, p = Math.max(
       0,
       o.findIndex((b) => F(b, l, r))
     ), u;
-    n.defaultItem && (u = { item: n.defaultItem, itemIndex: -1 }, d += 1, g += 1), g += f ? 1 : 0, a = Cn(a, g, u);
-    let D, v, I, s = 0;
-    const { textField: N } = n;
+    n.defaultItem && (u = { item: n.defaultItem, itemIndex: -1 }, d += 1, p += 1), p += v ? 1 : 0, a = En(a, p, u);
+    let S, g, I, s = 0;
+    const { textField: T } = n;
     for (; s < d; ) {
-      if (D = re(a[s].item, N), v = f && at(D, p, J), I = at(D, c, J), v || I) {
+      if (S = ie(a[s].item, T), g = v && lt(S, m, Q), I = lt(S, c, Q), g || I) {
         s = a[s].itemIndex;
         break;
       }
@@ -401,63 +401,63 @@ const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) =>
     }
     if (s !== d) {
       const b = t.current.initState();
-      b.syntheticEvent = e, Q(s, b), M(b), W.current = void 0;
+      b.syntheticEvent = e, X(s, b), M(b), W.current = void 0;
     }
-  }, Ot = (e) => {
-    clearTimeout(Ve.current), n.filterable || (Ve.current = window.setTimeout(() => $.current.word = "", vt), Tt(e));
   }, zt = (e) => {
-    ie.current || t.current.handleFocus(e);
+    clearTimeout(qe.current), n.filterable || (qe.current = window.setTimeout(() => Y.current.word = "", ht), Ot(e));
   }, Ht = (e) => {
-    if (ie.current || !m.focused)
-      return;
-    const r = n.opened !== void 0 ? n.opened : m.opened, o = t.current.initState();
-    o.syntheticEvent = e, o.data.focused = !1, o.events.push({ type: "onBlur" }), r && xe(), r && !_ && t.current.togglePopup(o), M(o);
+    ae.current || t.current.handleFocus(e);
   }, At = (e) => {
+    if (ae.current || !f.focused)
+      return;
+    const r = n.opened !== void 0 ? n.opened : f.opened, o = t.current.initState();
+    o.syntheticEvent = e, o.data.focused = !1, o.events.push({ type: "onBlur" }), r && De(), r && !_ && t.current.togglePopup(o), M(o);
+  }, Bt = (e) => {
     if (n.filterable || e.which === 0 || e.keyCode === h.enter)
       return;
     let r = String.fromCharCode(e.charCode || e.keyCode);
-    J && (r = r.toLowerCase()), r === " " && e.preventDefault(), $.current = {
-      word: $.current.word + r,
-      last: $.current.last + r
-    }, Ot(e);
-  }, Bt = () => {
+    Q && (r = r.toLowerCase()), r === " " && e.preventDefault(), Y.current = {
+      word: Y.current.word + r,
+      last: Y.current.last + r
+    }, zt(e);
+  }, Vt = () => {
     const e = t.current.initState();
-    e.data.opened = m.opened, t.current.togglePopup(e), M(e);
-  }, De = i.useRef(null), V = i.useRef(null), Ce = i.useRef(null), X = i.useRef(null);
+    e.data.opened = f.opened, t.current.togglePopup(e), M(e);
+  }, Ce = i.useRef(null), O = i.useRef(null), ke = i.useRef(null), Z = i.useRef(null);
   i.useImperativeHandle(
-    De,
+    Ce,
     () => ({
       get element() {
-        return V.current;
+        return O.current;
       },
       get index() {
-        return yt();
+        return wt();
       },
       get name() {
         return n.name;
       },
       get validity() {
-        return Ie();
+        return ye();
       },
       get value() {
         return k();
       },
       get focused() {
-        return m.focused;
+        return f.focused;
       },
       get opened() {
-        return m.opened;
+        return f.opened;
       },
-      focus: It,
+      focus: yt,
       props: n,
-      togglePopup: Bt
+      togglePopup: Vt
     })
   ), i.useImperativeHandle(
-    ft,
-    () => De.current
-  ), sn("dropdownlist", De, n, n.webMcp);
-  const Ve = i.useRef(null), $ = i.useRef({ word: "", last: "" }), ie = i.useRef(!1), W = i.useRef(null), q = i.useRef(!1), ke = i.useRef(!1), U = i.useRef({}), Ee = i.useRef({}), t = i.useRef(
-    new pt({
+    vt,
+    () => Ce.current
+  ), ln("dropdownlist", Ce, n, n.webMcp);
+  const qe = i.useRef(null), Y = i.useRef({ word: "", last: "" }), ae = i.useRef(!1), W = i.useRef(null), q = i.useRef(!1), Ee = i.useRef(!1), U = i.useRef({}), Le = i.useRef({}), t = i.useRef(
+    new mt({
       props: n,
       setState: () => {
       },
@@ -469,161 +469,167 @@ const Pn = "Please select a value from the list!", Ke = i.forwardRef((mt, ft) =>
       handleItemSelect: () => {
       }
     })
-  ), We = i.useRef(0), Z = i.useRef(null), [m, Vt] = i.useState({}), [Le, Wt] = i.useState(), [, qe] = i.useReducer((e) => e, !0), be = En(), Ue = n.name || n.id, qt = i.useCallback(
+  ), Ue = i.useRef(0), R = i.useRef(null), [f, Wt] = i.useState({}), [be, qt] = i.useState(), [, _e] = i.useReducer((e) => e, !0), [Pe, Ut] = i.useState(), Fe = bn(), Ge = n.name || n.id, _t = i.useCallback(
     (e) => {
       if (e == null || !t.current)
         return;
-      const r = E(n), { textField: o } = n, l = String(e), a = xn(r, l, o, !1, J), c = a !== -1 ? r[a] : void 0;
+      const r = E(n), { textField: o } = n, l = String(e), a = Sn(r, l, o, !1, Q), c = a !== -1 ? r[a] : void 0;
       if (c !== void 0) {
-        const p = t.current.initState();
-        p.syntheticEvent = {
-          target: V.current
-        }, A(c, p), M(p);
+        const m = t.current.initState();
+        m.syntheticEvent = {
+          target: O.current
+        }, B(c, m), M(m);
       }
     },
-    [n, J]
+    [n, Q]
   );
-  an(V, {
-    fieldName: Ue,
-    onValueChange: qt,
-    enabled: !!Ue
+  dn(O, {
+    fieldName: Ge,
+    onValueChange: _t,
+    enabled: !!Ge
   });
-  const R = (e) => {
-    Vt({ ...m, ...e });
+  const ee = (e) => {
+    Wt({ ...f, ...e });
   };
   i.useEffect(() => {
     t.current.updateComponentArgs({
       props: n,
-      setState: R,
-      state: m,
-      forceUpdate: qe,
-      element: V.current,
-      handleItemSelect: Q,
+      setState: ee,
+      state: f,
+      forceUpdate: _e,
+      element: O.current,
+      handleItemSelect: X,
       value: k()
     });
-  }, [R, m, qe, Q, k]), i.useEffect(() => {
-    var g, u, D, v, I, s, N, b, Y, ne, ce, ue, y;
-    const { dataItemKey: e, virtual: r, groupField: o = "", textField: l } = n, a = E(n), c = U.current.virtual ? U.current.virtual.total : 0, p = n.opened !== void 0 ? n.opened : m.opened, f = U.current.opened !== void 0 ? U.current.opened : Ee.current.opened, d = !f && p;
-    if ((g = t == null ? void 0 : t.current) == null || g.didUpdate(), (u = t == null ? void 0 : t.current) != null && u.getPopupSettings().animate || d && ye(), r && r.total !== c)
-      (D = t == null ? void 0 : t.current) == null || D.vs.calcScrollElementHeight(), (v = t == null ? void 0 : t.current) == null || v.vs.reset();
+  }, [ee, f, _e, X, k]), i.useEffect(() => {
+    var u, S, g, I, s, T, b, j, re, pe, me, y, oe;
+    const { dataItemKey: e, virtual: r, groupField: o = "", textField: l } = n, a = E(n), c = U.current.virtual ? U.current.virtual.total : 0, m = n.opened !== void 0 ? n.opened : f.opened, v = U.current.opened !== void 0 ? U.current.opened : Le.current.opened, d = !v && m;
+    (u = t == null ? void 0 : t.current) == null || u.didUpdate();
+    const p = (S = t == null ? void 0 : t.current) == null ? void 0 : S.getPopupSettings();
+    if (m && (p == null ? void 0 : p.width) === void 0 && O.current) {
+      const K = O.current.offsetWidth;
+      Ut((G) => G !== K ? K : G);
+    }
+    if (p != null && p.animate || d && we(), r && r.total !== c)
+      (g = t == null ? void 0 : t.current) == null || g.vs.calcScrollElementHeight(), (I = t == null ? void 0 : t.current) == null || I.vs.reset();
     else {
-      const O = k(), pe = U.current.value !== void 0 ? U.current.value : Ee.current.value;
-      let G = a.findIndex((j) => F(j, O, e));
-      o !== "" && O && l && (G = (s = (I = t == null ? void 0 : t.current) == null ? void 0 : I.getGroupedDataModernMode(a, o)) == null ? void 0 : s.map((j) => j[l]).indexOf(O[l]));
-      const me = !F(pe, O, e);
-      d && r ? (N = t == null ? void 0 : t.current) == null || N.scrollToVirtualItem(r, G) : d && !r ? (ye(), a && a.length !== 0 && ((b = t == null ? void 0 : t.current) == null || b.resetGroupStickyHeader(a[0][o], {
-        setState: R,
-        group: m.group,
-        state: m
-      })), (Y = t == null ? void 0 : t.current) == null || Y.scrollToItem(G)) : p && f && O && me && !q.current ? (ce = t == null ? void 0 : t.current) == null || ce.scrollToItem(G, (ne = t == null ? void 0 : t.current) == null ? void 0 : ne.vs.enabled) : p && f && q.current && (q.current && r && r.skip === 0 ? (ue = t == null ? void 0 : t.current) == null || ue.vs.reset() : q.current && r && r.skip === r.total - r.pageSize && ((y = t == null ? void 0 : t.current) == null || y.vs.scrollToEnd()));
+      const K = k(), G = U.current.value !== void 0 ? U.current.value : Le.current.value;
+      let $ = a.findIndex((J) => F(J, K, e));
+      o !== "" && K && l && ($ = (T = (s = t == null ? void 0 : t.current) == null ? void 0 : s.getGroupedDataModernMode(a, o)) == null ? void 0 : T.map((J) => J[l]).indexOf(K[l]));
+      const fe = !F(G, K, e);
+      d && r ? (b = t == null ? void 0 : t.current) == null || b.scrollToVirtualItem(r, $) : d && !r ? (we(), a && a.length !== 0 && ((j = t == null ? void 0 : t.current) == null || j.resetGroupStickyHeader(a[0][o], {
+        setState: ee,
+        group: f.group,
+        state: f
+      })), (re = t == null ? void 0 : t.current) == null || re.scrollToItem($)) : m && v && K && fe && !q.current ? (me = t == null ? void 0 : t.current) == null || me.scrollToItem($, (pe = t == null ? void 0 : t.current) == null ? void 0 : pe.vs.enabled) : m && v && q.current && (q.current && r && r.skip === 0 ? (y = t == null ? void 0 : t.current) == null || y.vs.reset() : q.current && r && r.skip === r.total - r.pageSize && ((oe = t == null ? void 0 : t.current) == null || oe.vs.scrollToEnd()));
     }
-    q.current = !1, Ee.current = m, U.current = n, Oe();
+    q.current = !1, Le.current = f, U.current = n, He();
   }), i.useEffect(() => {
     var e, r;
-    return Z.current = ot && window.ResizeObserver && new window.ResizeObserver(xt.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), Oe(), (r = ve()) != null && r.body && Z.current && Z.current.observe(ve().body), () => {
+    return R.current = it && window.ResizeObserver && new window.ResizeObserver(Dt.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), He(), (r = he()) != null && r.body && R.current && R.current.observe(he().body), () => {
       var o;
-      (o = ve()) != null && o.body && Z.current && Z.current.disconnect();
+      (o = he()) != null && o.body && R.current && R.current.disconnect();
     };
   }, []);
-  const _e = ge + "-accessibility-id", Ge = ge + "-listbox-id", $e = ge + "-guid", Ut = be.toLanguageString(
-    dt,
-    Me[dt]
+  const $e = ge + "-accessibility-id", Ye = ge + "-listbox-id", je = ge + "-guid", Gt = Fe.toLanguageString(
+    ct,
+    Ne[ct]
   ), {
-    style: se,
-    className: _t,
-    label: Pe,
-    dir: Gt,
-    virtual: T,
-    adaptive: Mn,
-    dataItemKey: $t,
-    disabled: ae,
-    loading: Ye,
-    iconClassName: je,
-    svgIcon: Yt,
-    valueRender: Je
-  } = n, ee = n.opened !== void 0 ? n.opened : m.opened, le = k(), Fe = re(le, n.textField), Qe = !wt() || Ie().valid, de = t.current, jt = de.vs, te = K && K.uDropDownList;
-  jt.enabled = T !== void 0;
-  const Xe = ln(), _ = !!(Le && Xe && Le <= Xe.medium && n.adaptive);
-  T !== void 0 && (de.vs.skip = T.skip, de.vs.total = T.total, de.vs.pageSize = T.pageSize);
-  const Jt = E(n), { focused: Qt } = m, Ze = Jt.findIndex((e) => F(e, le, $t)), Xt = (tt = T == null ? void 0 : T.skip) != null ? tt : 0, Zt = ee && Ze >= 0 ? `k-${$e}-item-${Ze + Xt + 1}` : void 0, Re = /* @__PURE__ */ i.createElement("span", { id: _e, className: L(P.inputInner({ c: te })) }, Fe && /* @__PURE__ */ i.createElement("span", { className: L(P.inputText({ c: te })) }, Fe)), Rt = Je !== void 0 ? Je.call(void 0, Re, le) : Re, et = /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+    style: le,
+    className: $t,
+    label: Me,
+    dir: Yt,
+    virtual: z,
+    adaptive: Nn,
+    dataItemKey: jt,
+    disabled: de,
+    loading: Je,
+    iconClassName: Qe,
+    svgIcon: Jt,
+    valueRender: Xe
+  } = n, te = n.opened !== void 0 ? n.opened : f.opened, ce = k(), Ke = ie(ce, n.textField), Ze = !xt() || ye().valid, ue = t.current, Qt = ue.vs, ne = N && N.uDropDownList;
+  Qt.enabled = z !== void 0;
+  const Re = cn(), _ = !!(be && Re && be <= Re.medium && n.adaptive);
+  z !== void 0 && (ue.vs.skip = z.skip, ue.vs.total = z.total, ue.vs.pageSize = z.pageSize);
+  const Xt = E(n), { focused: Zt } = f, et = Xt.findIndex((e) => F(e, ce, jt)), Rt = (rt = z == null ? void 0 : z.skip) != null ? rt : 0, en = te && et >= 0 ? `k-${je}-item-${et + Rt + 1}` : void 0, tt = /* @__PURE__ */ i.createElement("span", { id: $e, className: L(P.inputInner({ c: ne })) }, Ke && /* @__PURE__ */ i.createElement("span", { className: L(P.inputText({ c: ne })) }, Ke)), tn = Xe !== void 0 ? Xe.call(void 0, tt, ce) : tt, nt = /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
     "span",
     {
       ref: St,
       className: L(
         P.wrapper({
-          c: te,
-          size: H,
-          rounded: Te,
-          fillMode: fe,
-          focused: Qt,
-          disabled: ae,
-          invalid: !Qe,
-          loading: Ye,
-          required: he()
+          c: ne,
+          size: A,
+          rounded: ze,
+          fillMode: ve,
+          focused: Zt,
+          disabled: de,
+          invalid: !Ze,
+          loading: Je,
+          required: Ie()
         }),
-        _t
+        $t
       ),
-      style: Pe ? { ...se, width: void 0 } : se,
-      dir: Gt,
-      onMouseDown: ee ? (e) => {
-        e.target.nodeName !== "INPUT" && (oe(t.current.wrapper), e.preventDefault());
+      style: Me ? { ...le, width: void 0 } : le,
+      dir: Yt,
+      onMouseDown: te ? (e) => {
+        e.target.nodeName !== "INPUT" && (se(t.current.wrapper), e.preventDefault());
       } : void 0,
-      onFocus: _ ? (e) => Se(e) : zt,
-      onBlur: Ht,
-      tabIndex: dn(ht, ae),
+      onFocus: _ ? (e) => Se(e) : Ht,
+      onBlur: At,
+      tabIndex: un(It, de),
       accessKey: n.accessKey,
-      onKeyDown: He,
-      onKeyPress: At,
-      onClick: ae ? void 0 : Se,
+      onKeyDown: Be,
+      onKeyPress: Bt,
+      onClick: de ? void 0 : Se,
       role: "combobox",
-      "aria-required": he() || void 0,
-      "aria-disabled": ae || void 0,
+      "aria-required": Ie() || void 0,
+      "aria-disabled": de || void 0,
       "aria-haspopup": "listbox",
-      "aria-expanded": ee || !1,
-      "aria-activedescendant": Zt,
+      "aria-expanded": te || !1,
+      "aria-activedescendant": en,
       "aria-label": n.ariaLabel || n.label,
       "aria-labelledby": n.ariaLabelledBy,
-      "aria-describedby": n.ariaDescribedBy || (ee ? _e : void 0),
-      "aria-controls": ee ? Ge : void 0,
+      "aria-describedby": n.ariaDescribedBy || (te ? $e : void 0),
+      "aria-controls": te ? Ye : void 0,
       id: n.id,
       title: n.title
     },
-    Rt,
-    Ye && /* @__PURE__ */ i.createElement(cn, { className: L(P.loadingIcon({ c: te })), name: "loading" }),
+    tn,
+    Je && /* @__PURE__ */ i.createElement(pn, { className: L(P.loadingIcon({ c: ne })), name: "loading" }),
     /* @__PURE__ */ i.createElement(
-      kn,
+      Ln,
       {
         tabIndex: -1,
         type: "button",
-        "aria-label": Ut,
-        size: H,
-        fillMode: fe,
-        className: L(P.inputButton({ c: te })),
-        iconClass: je,
-        svgIcon: je ? void 0 : Yt || vn,
-        onMouseDown: (e) => m.focused && e.preventDefault()
+        "aria-label": Gt,
+        size: A,
+        fillMode: ve,
+        className: L(P.inputButton({ c: ne })),
+        iconClass: Qe,
+        svgIcon: Qe ? void 0 : Jt || In,
+        onMouseDown: (e) => f.focused && e.preventDefault()
       }
     ),
-    Dt(le),
-    !_ && Kt()
-  ), _ && Pt());
-  return Pe ? /* @__PURE__ */ i.createElement(
-    gn,
+    Ct(ce),
+    !_ && Nt()
+  ), _ && Ft());
+  return Me ? /* @__PURE__ */ i.createElement(
+    hn,
     {
-      label: Pe,
-      editorValue: Fe,
-      editorValid: Qe,
+      label: Me,
+      editorValue: Ke,
+      editorValid: Ze,
       editorDisabled: n.disabled,
-      style: { width: se ? se.width : void 0 },
-      children: et
+      style: { width: le ? le.width : void 0 },
+      children: nt
     }
-  ) : et;
+  ) : nt;
 });
-Ke.propTypes = {
+Te.propTypes = {
   delay: C.number,
   ignoreCase: C.bool,
   iconClassName: C.string,
-  svgIcon: fn,
+  svgIcon: gn,
   defaultItem: C.any,
   valueRender: C.func,
   valueMap: C.func,
@@ -639,21 +645,21 @@ Ke.propTypes = {
   list: C.any,
   skipDisabledItems: C.bool
 };
-const z = {
+const H = {
   delay: 500,
   tabIndex: 0,
   ignoreCase: !0,
-  ...pt.defaultProps,
+  ...mt.defaultProps,
   required: !1,
   size: void 0,
   rounded: void 0,
   fillMode: void 0
 };
-Ke.displayName = "KendoReactDropDownList";
-const Fn = un();
-Ke.displayName = "KendoReactDropDownList";
+Te.displayName = "KendoReactDropDownList";
+const Kn = mn();
+Te.displayName = "KendoReactDropDownList";
 export {
-  Ke as DropDownList,
-  Fn as DropDownListPropsContext,
-  z as dropDownListDefaultProps
+  Te as DropDownList,
+  Kn as DropDownListPropsContext,
+  H as dropDownListDefaultProps
 };