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

package/DropDownList/DropDownList.mjs

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