@progress/kendo-react-dropdowns 15.0.1-develop.9 → 15.1.0-develop.10

package/DropDownList/DropDownList.mjs

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