@progress/kendo-react-dropdowns 10.2.0-develop.10 → 10.2.0-develop.12

package/DropDownList/DropDownList.mjs

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