@progress/kendo-react-inputs 8.2.0-develop.8 → 8.2.0

package/numerictextbox/NumericTextBox.mjs

@@ -8,17 +8,17 @@
 "use client";
 import * as n from "react";
 import t from "prop-types";
-import { useInternationalization as Je, useLocalization as Qe } from "@progress/kendo-react-intl";
-import { createPropsContext as Xe, validatePackage as Ze, usePropsContext as et, useId as tt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as nt, classNames as rt, kendoThemeMaps as ge, getTabIndex as at } from "@progress/kendo-react-common";
-import { caretAltUpIcon as lt, caretAltDownIcon as st } from "@progress/kendo-svg-icons";
-import { FloatingLabel as ot } from "@progress/kendo-react-labels";
-import { packageMetadata as ut } from "../package-metadata.mjs";
-import { numericIncreaseValue as M, messages as F, numericDecreaseValue as T } from "../messages/index.mjs";
+import { useInternationalization as Qe, useLocalization as Xe } from "@progress/kendo-react-intl";
+import { createPropsContext as Ze, validatePackage as et, usePropsContext as tt, useId as nt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as rt, classNames as at, kendoThemeMaps as ge, getTabIndex as lt } from "@progress/kendo-react-common";
+import { caretAltUpIcon as st, caretAltDownIcon as ot } from "@progress/kendo-svg-icons";
+import { FloatingLabel as ut } from "@progress/kendo-react-labels";
+import { packageMetadata as ct } from "../package-metadata.mjs";
+import { numericIncreaseValue as B, messages as M, numericDecreaseValue as T } from "../messages/index.mjs";
 import { getInitialState as ve, formatValue as z, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
 import { Button as Ce } from "@progress/kendo-react-buttons";
-const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) => {
-  Ze(ut);
-  const q = et(ct, C), {
+const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
+  et(ct);
+  const q = tt(dt, C), {
     className: xe,
     value: b,
     defaultValue: he,
@@ -28,7 +28,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
     accessKey: Oe,
     title: Le,
     placeholder: ee,
-    min: c,
+    min: i,
     max: d,
     dir: te,
     name: j,
@@ -37,43 +37,44 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
     ariaDescribedBy: Ne,
     ariaLabelledBy: De,
     ariaLabel: Re,
-    inputType: Be,
+    inputType: Fe,
     readOnly: g,
     validationMessage: A,
-    children: Me,
+    children: Be,
     style: ne,
-    inputStyle: Fe,
+    inputStyle: Me,
     valid: _,
-    step: v = i.step,
-    spinners: Te = i.spinners,
-    disabled: o = i.disabled,
-    required: H = i.required,
-    validityStyles: re = i.validityStyles,
-    prefix: ze = i.prefix,
-    suffix: Ge = i.suffix,
-    onChange: E = i.onChange,
-    onFocus: ae = i.onFocus,
-    onBlur: le = i.onBlur,
-    rangeOnEnter: se = i.rangeOnEnter,
-    size: K = i.size,
-    rounded: w = i.rounded,
-    fillMode: O = i.fillMode,
+    step: v = u.step,
+    spinners: Te = u.spinners,
+    disabled: o = u.disabled,
+    required: H = u.required,
+    validityStyles: re = u.validityStyles,
+    prefix: ze = u.prefix,
+    suffix: Ge = u.suffix,
+    onChange: E = u.onChange,
+    onFocus: ae = u.onFocus,
+    onBlur: le = u.onBlur,
+    rangeOnEnter: se = u.rangeOnEnter,
+    size: K = u.size,
+    rounded: w = u.rounded,
+    fillMode: O = u.fillMode,
+    autoFocus: qe = u.autoFocus,
     ...oe
-  } = q, qe = tt(), ue = Pe || qe, s = Je(), L = Qe(), a = n.useRef(null), P = n.useRef(), [je, S] = n.useState(!1), u = n.useRef(ve()), N = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = z(
-    u.current.focused && !o ? u.current.currentLooseValue : X(b, x.current),
+  } = q, je = nt(), ue = Pe || je, s = Qe(), L = Xe(), a = n.useRef(null), P = n.useRef(), [Ae, S] = n.useState(!1), c = n.useRef(ve()), N = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = z(
+    c.current.focused && !o ? c.current.currentLooseValue : X(b, x.current),
     l,
     s
   );
   U.current = h;
-  const [Ae] = pe(ze), [_e] = pe(Ge);
+  const [_e] = pe(ze), [He] = pe(Ge);
   n.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        B().valid ? "" : A || it
+        F().valid ? "" : A || it
       );
     }
   );
-  const ie = n.useCallback(
+  const ce = n.useCallback(
     () => {
       a.current && a.current.focus();
     },
@@ -81,15 +82,15 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
   ), D = n.useCallback(
     () => P.current !== void 0 ? P.current : X(b, x.current),
     [b]
-  ), ce = n.useCallback(
+  ), ie = n.useCallback(
     () => j,
     [j]
   ), R = n.useCallback(
     () => H,
     [H]
-  ), B = n.useCallback(
+  ), F = n.useCallback(
     () => {
-      const r = A !== void 0, e = D(), V = _ !== void 0 ? _ : !u.current.valueIsOutOfRange && (!R() || e != null);
+      const r = A !== void 0, e = D(), V = _ !== void 0 ? _ : !c.current.valueIsOutOfRange && (!R() || e != null);
       return {
         customError: r,
         valid: V,
@@ -107,11 +108,11 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
     () => {
       const r = {
         element: a.current,
-        focus: ie
+        focus: ce
       };
-      return Object.defineProperty(r, "name", { get: ce }), Object.defineProperty(r, "value", { get: D }), Object.defineProperty(r, "validity", { get: B }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: R }), Object.defineProperty(r, "props", { get: de }), r;
+      return Object.defineProperty(r, "name", { get: ie }), Object.defineProperty(r, "value", { get: D }), Object.defineProperty(r, "validity", { get: F }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: R }), Object.defineProperty(r, "props", { get: de }), r;
     },
-    [ce, D, B, $, R, ie, de]
+    [ie, D, F, $, R, ce, de]
   );
   n.useImperativeHandle(Se, y);
   const f = n.useCallback(
@@ -125,7 +126,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
       isPaste: N.current,
-      focused: u.current.focused
+      focused: c.current.focused
     }),
     [b]
   ), p = n.useCallback(
@@ -133,22 +134,22 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       if (o)
         return;
       P.current = e.eventValue, x.current = e.eventValue;
-      const V = z(G(e.eventValue, c, d), l, s), m = G(s.parseNumber(V, l), c, d);
+      const V = z(G(e.eventValue, i, d), l, s), m = G(s.parseNumber(V, l), i, d);
       m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, x.current = m), b !== e.eventValue && Q(
         E,
         r,
         y(),
         { value: e.eventValue }
-      ), P.current = void 0, u.current = e, S((J) => !J);
+      ), P.current = void 0, c.current = e, S((J) => !J);
     },
     [b, E, o, S, y]
-  ), He = n.useCallback(
+  ), Ke = n.useCallback(
     (r) => {
       const e = f();
       N.current = !1, p(r, ye(e, l, s));
     },
     [l, E, s, p, f]
-  ), Ke = n.useCallback(
+  ), we = n.useCallback(
     (r) => {
       let e = f();
       const V = s.parseNumber(String(e.currentLooseValue), l);
@@ -163,7 +164,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            c,
+            i,
             d,
             l,
             s
@@ -174,7 +175,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            c,
+            i,
             d,
             l,
             s
@@ -183,7 +184,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
         case 13: {
           if (se === !1)
             return;
-          const m = z(G(V, c, d), l, s), k = G(s.parseNumber(m, l), c, d);
+          const m = z(G(V, i, d), l, s), k = G(s.parseNumber(m, l), i, d);
           e.eventValue = k, e.currentLooseValue = z(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
           break;
         }
@@ -197,8 +198,8 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       }
       r.preventDefault(), p(r, e);
     },
-    [l, c, d, v, E, se, p, f]
-  ), we = n.useCallback(
+    [l, i, d, v, E, se, p, f]
+  ), Ue = n.useCallback(
     () => {
       N.current = !0;
     },
@@ -212,13 +213,13 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        c,
+        i,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, c, d, v, E, g, o, p, f]
+    [l, i, d, v, E, g, o, p, f]
   ), Y = n.useCallback(
     (r) => {
       if (g || o)
@@ -228,22 +229,22 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        c,
+        i,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, c, d, v, E, g, o, p, f]
-  ), Ue = n.useCallback(
+    [l, i, d, v, E, g, o, p, f]
+  ), $e = n.useCallback(
     (r) => {
       const e = be(document);
       !document || e !== a.current || !a.current || g || o || (r.nativeEvent.deltaY < 0 && W(r), r.nativeEvent.deltaY > 0 && Y(r));
     },
     [W, Y, o, g]
-  ), $e = n.useCallback(
+  ), We = n.useCallback(
     (r) => {
-      u.current.currentLooseValue = U.current, u.current.focused = !0, Q(
+      c.current.currentLooseValue = U.current, c.current.focused = !0, Q(
         ae,
         r,
         y(),
@@ -251,9 +252,9 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       ), S((e) => !e);
     },
     [ae, S, y]
-  ), We = n.useCallback(
+  ), Ye = n.useCallback(
     (r) => {
-      u.current = ve(), Q(
+      c.current = ve(), Q(
         le,
         r,
         y(),
@@ -261,7 +262,7 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       ), S((e) => !e);
     },
     [le, S, y]
-  ), Ye = n.useCallback(
+  ), Je = n.useCallback(
     (r) => {
       if (document && a.current) {
         const e = be(document);
@@ -270,18 +271,18 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
     },
     []
   );
-  nt(
+  rt(
     () => {
-      a.current && a.current.type !== "number" && u.current.selectionStart !== void 0 && u.current.selectionEnd !== void 0 && (a.current.selectionStart = u.current.selectionStart, a.current.selectionEnd = u.current.selectionEnd, u.current.selectionStart = void 0, u.current.selectionEnd = void 0);
+      a.current && a.current.type !== "number" && c.current.selectionStart !== void 0 && c.current.selectionEnd !== void 0 && (a.current.selectionStart = c.current.selectionStart, a.current.selectionEnd = c.current.selectionEnd, c.current.selectionStart = void 0, c.current.selectionEnd = void 0);
     },
-    [je]
+    [Ae]
   );
-  const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
+  const me = !$() || F().valid, fe = /* @__PURE__ */ n.createElement(
     "span",
     {
       dir: te,
       style: I ? ne : { width: Z, ...ne },
-      className: rt(
+      className: at(
         "k-input",
         "k-numerictextbox",
         {
@@ -297,18 +298,18 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
       "aria-disabled": o ? "true" : void 0,
       ...I ? {} : oe
     },
-    /* @__PURE__ */ n.createElement(Ae, null),
+    /* @__PURE__ */ n.createElement(_e, null),
     /* @__PURE__ */ n.createElement(
       "input",
       {
         role: "spinbutton",
         value: h === null ? "" : h,
-        tabIndex: at(Ie, o),
+        tabIndex: lt(Ie, o),
         accessKey: Oe,
         disabled: o,
         title: Le,
         "aria-disabled": o ? "true" : void 0,
-        "aria-valuemin": c,
+        "aria-valuemin": i,
         "aria-valuemax": d,
         "aria-label": Re,
         "aria-labelledby": De,
@@ -317,28 +318,29 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
         spellCheck: !1,
         autoComplete: "off",
         autoCorrect: "off",
-        type: Be || "tel",
+        autoFocus: qe,
+        type: Fe || "tel",
         className: "k-input-inner",
         id: ue,
         name: j,
         readOnly: g,
-        style: Fe,
-        onChange: He,
-        onFocus: $e,
-        onBlur: We,
-        onKeyDown: Ke,
-        onPaste: we,
-        onWheel: Ue,
+        style: Me,
+        onChange: Ke,
+        onFocus: We,
+        onBlur: Ye,
+        onKeyDown: we,
+        onPaste: Ue,
+        onWheel: $e,
         ref: a
       }
     ),
-    /* @__PURE__ */ n.createElement(_e, null),
-    Me,
+    /* @__PURE__ */ n.createElement(He, null),
+    Be,
     Te && /* @__PURE__ */ n.createElement(
       "span",
       {
         className: "k-input-spinner k-spin-button",
-        onMouseDown: Ye
+        onMouseDown: Je
       },
       /* @__PURE__ */ n.createElement(
         Ce,
@@ -346,12 +348,12 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-up",
-          svgIcon: lt,
+          svgIcon: st,
           rounded: null,
           fillMode: O,
           className: "k-spinner-increase",
-          "aria-label": L.toLanguageString(M, F[M]),
-          title: L.toLanguageString(M, F[M]),
+          "aria-label": L.toLanguageString(B, M[B]),
+          title: L.toLanguageString(B, M[B]),
           onClick: W
         }
       ),
@@ -361,19 +363,19 @@ const it = "Please enter a valid value!", ct = Xe(), Ee = n.forwardRef((C, Se) =
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-down",
-          svgIcon: st,
+          svgIcon: ot,
           rounded: null,
           fillMode: O,
           className: "k-spinner-decrease",
-          "aria-label": L.toLanguageString(T, F[T]),
-          title: L.toLanguageString(T, F[T]),
+          "aria-label": L.toLanguageString(T, M[T]),
+          title: L.toLanguageString(T, M[T]),
           onClick: Y
         }
       )
     )
   );
   return I ? /* @__PURE__ */ n.createElement(
-    ot,
+    ut,
     {
       label: I,
       editorId: ue,
@@ -434,7 +436,7 @@ Ee.propTypes = {
   rounded: t.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: t.oneOf([null, "solid", "flat", "outline"])
 };
-const i = {
+const u = {
   prefix: (C) => null,
   suffix: (C) => null,
   step: 1,
@@ -443,6 +445,7 @@ const i = {
   required: !1,
   validityStyles: !0,
   rangeOnEnter: !0,
+  autoFocus: !1,
   onChange: (C) => {
   },
   onFocus: (C) => {
@@ -456,5 +459,5 @@ const i = {
 Ee.displayName = "KendoNumericTextBox";
 export {
   Ee as NumericTextBox,
-  ct as NumericTextBoxPropsContext
+  dt as NumericTextBoxPropsContext
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1720767067,
+  publishDate: 1722843933,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "8.2.0-develop.8",
+  "version": "8.2.0",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.0-develop.8",
-    "@progress/kendo-react-buttons": "8.2.0-develop.8",
-    "@progress/kendo-react-common": "8.2.0-develop.8",
-    "@progress/kendo-react-dialogs": "8.2.0-develop.8",
-    "@progress/kendo-react-intl": "8.2.0-develop.8",
-    "@progress/kendo-react-labels": "8.2.0-develop.8",
-    "@progress/kendo-react-popup": "8.2.0-develop.8",
+    "@progress/kendo-react-animation": "8.2.0",
+    "@progress/kendo-react-buttons": "8.2.0",
+    "@progress/kendo-react-common": "8.2.0",
+    "@progress/kendo-react-dialogs": "8.2.0",
+    "@progress/kendo-react-intl": "8.2.0",
+    "@progress/kendo-react-labels": "8.2.0",
+    "@progress/kendo-react-popup": "8.2.0",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/range-slider/RangeSlider.js

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),C=require("prop-types"),i=require("@progress/kendo-react-common"),N=require("../messages/index.js"),Y=require("@progress/kendo-react-intl"),s=require("./range-raducer.js"),F=require("../package-metadata.js");function J(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const e=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(n,c,e.get?e:{enumerable:!0,get:()=>r[c]})}}return n.default=r,Object.freeze(n)}const a=J(W),Q=(r,n,c)=>{const[e,l]=a.useState(r),m=a.useCallback(y=>{const b=s.rangeReducer(n.state||e,{...y,...n});c&&c(b,y.event),l(b)},[n,c]);return[e,m]},G=i.createPropsContext(),E=a.forwardRef((r,n)=>{i.validatePackage(F.packageMetadata);const c=i.usePropsContext(G,r),e={step:h.step,defaultValue:h.defaultValue,vertical:h.vertical,disabled:h.disabled,...c},l=a.useRef(null),m=a.useRef(null),y=a.useRef(null),b=a.useRef(null),D=a.useRef(null),$=a.useCallback(()=>{b.current&&b.current.focus()},[b]);a.useImperativeHandle(l,()=>({element:m.current,focus:$,props:e})),a.useImperativeHandle(n,()=>l.current);const f=a.useMemo(()=>e.min,[e.min]),g=a.useMemo(()=>e.max,[e.max]),S=a.useMemo(()=>e.step!==void 0?e.step:h.step,[e.step,h.step]),p=i.useDir(m,e.dir),K=(t,u)=>{e.onChange&&l.current&&e.onChange.call(void 0,{value:t,target:l.current,syntheticEvent:u})},[O,w]=a.useState(""),[R,d]=Q(e.defaultValue||h.defaultValue,{min:f,max:g,step:S,state:e.value},K),o=a.useMemo(()=>e.value||R,[e.value,R]),M=a.useRef(null),T=a.useRef(null),k=a.useMemo(()=>(o.start-f)/(g-f)*100,[o.start,f,g]),A=a.useMemo(()=>(o.end-f)/(g-f)*100,[o.end,f,g]),P=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),z=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),_=Y.useLocalization(),I=a.useCallback(t=>{if(!T.current)return;const u=T.current.getBoundingClientRect(),v=e.vertical?u.bottom-t.clientY:p==="rtl"?u.right-t.clientX:t.clientX-u.left,x=e.vertical?u.height:u.width,X=v/x;return f+X*(g-f)},[T,e.vertical,p,f,g,R.start,R.end,e.value&&e.value.start,e.value&&e.value.end]),V=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[R.start,R.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.decrease:s.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.up:t.preventDefault(),d({type:s.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.left:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.increase:s.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.down:t.preventDefault(),d({type:s.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.home:t.preventDefault(),d({type:s.RANGE_ACTION.min,key:"start",event:t});break;case i.Keys.end:t.preventDefault(),d({type:s.RANGE_ACTION.max,key:"start",event:t});break}},[d]),j=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.decrease:s.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.up:t.preventDefault(),d({type:s.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.left:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.increase:s.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.down:t.preventDefault(),d({type:s.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.home:t.preventDefault(),d({type:s.RANGE_ACTION.min,key:"end",event:t});break;case i.Keys.end:t.preventDefault(),d({type:s.RANGE_ACTION.max,key:"end",event:t});break}},[d,p]),H=a.useCallback(t=>{const u=I(t),v=V(u);w(v),v==="end"?D.current.focus():b.current.focus();const x=v==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:x,payload:u,event:t})},[e.vertical,f,g,d]),L=t=>{const u=I(t),v=O==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:v,payload:u,event:t})},B=t=>{const u=I(t),v=O==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:v,payload:u,event:t}),w("")};return i.useDraggable(T,{onPress:H,onDrag:L,onRelease:B}),a.createElement("div",{id:e.id,style:e.style,ref:m,dir:p,className:i.classNames("k-slider",{"k-rtl":p==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:T,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...z}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...P}},a.Children.map(e.children,(t,u)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:u===0,lastTick:u===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:M,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[p==="rtl"?"right":"left"]:0,width:"100%"}},k!==null&&A!==null&&a.createElement("div",{"data-selection":!0,ref:y,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:A-k+"%",bottom:k+"%"}:{[p==="rtl"?"right":"left"]:k+"%",width:A-k+"%"}}),a.createElement("span",{ref:b,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(g,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:_.toLanguageString(N.sliderDragTitle,N.messages[N.sliderDragTitle]),style:e.vertical?{bottom:"calc("+k+"%)",zIndex:1}:p==="rtl"?{right:"calc("+k+"% - 13px)",zIndex:1}:{left:"calc("+k+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:D,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,o.start),"aria-valuemax":g,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:_.toLanguageString(N.sliderDragTitle,N.messages[N.sliderDragTitle]),style:e.vertical?{bottom:"calc("+A+"%)",zIndex:1}:p==="rtl"?{right:"calc("+A+"% - 13px)",zIndex:1}:{left:"calc("+A+"%)",zIndex:1},onKeyDown:j}))))}),U={value:(r,n,c)=>{if(r.value){const e=r.value.start,l=r.value.end,m=r.min,y=r.max;if(e>l||e>y||e<m||l>y||l<m||l<e)return new Error(`Invalid prop + ${n} supplied to ${c}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),C=require("prop-types"),l=require("@progress/kendo-react-common"),h=require("../messages/index.js"),Y=require("@progress/kendo-react-intl"),r=require("./range-raducer.js"),F=require("../package-metadata.js");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(s,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return s.default=n,Object.freeze(s)}const a=J(W),Q=(n,s,d)=>{const[e,i]=a.useState(n),m=a.useCallback(g=>{const v=r.rangeReducer(s.state||e,{...g,...s});d&&d(v,g.event),i(v)},[s,d]);return[e,m]},S=l.createPropsContext(),x=a.forwardRef((n,s)=>{l.validatePackage(F.packageMetadata);const d=l.usePropsContext(S,n),e={step:k.step,largeStep:k.largeStep,defaultValue:k.defaultValue,vertical:k.vertical,disabled:k.disabled,...d},i=a.useRef(null),m=a.useRef(null),g=a.useRef(null),v=a.useRef(null),D=a.useRef(null),w=a.useCallback(()=>{v.current&&v.current.focus()},[v]);a.useImperativeHandle(i,()=>({element:m.current,focus:w,props:e})),a.useImperativeHandle(s,()=>i.current);const f=a.useMemo(()=>e.min,[e.min]),y=a.useMemo(()=>e.max,[e.max]),K=a.useMemo(()=>e.step!==void 0?e.step:k.step,[e.step,k.step]),$=a.useMemo(()=>e.largeStep!==void 0?e.largeStep:k.largeStep,[e.largeStep,k.largeStep]),u=l.useDir(m,e.dir),M=(t,p)=>{e.onChange&&i.current&&e.onChange.call(void 0,{value:t,target:i.current,syntheticEvent:p})},[O,_]=a.useState(""),[N,c]=Q(e.defaultValue||k.defaultValue,{min:f,max:y,step:K,largeStep:$,state:e.value},M),o=a.useMemo(()=>e.value||N,[e.value,N]),L=a.useRef(null),T=a.useRef(null),A=a.useMemo(()=>(o.start-f)/(y-f)*100,[o.start,f,y]),R=a.useMemo(()=>(o.end-f)/(y-f)*100,[o.end,f,y]),P=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),z=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),G=Y.useLocalization(),I=a.useCallback(t=>{if(!T.current)return;const p=T.current.getBoundingClientRect(),b=e.vertical?p.bottom-t.clientY:u==="rtl"?p.right-t.clientX:t.clientX-p.left,E=e.vertical?p.height:p.width,X=b/E;return f+X*(y-f)},[T,e.vertical,u,f,y,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),V=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case l.Keys.right:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"start",event:t});break;case l.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"start",event:t});break;case l.Keys.left:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"start",event:t});break;case l.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"start",event:t});break;case l.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"start",event:t});break;case l.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"start",event:t});break;case l.Keys.pageDown:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"start",event:t});break;case l.Keys.pageUp:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"start",event:t});break}},[c]),j=a.useCallback(t=>{switch(t.keyCode){case l.Keys.right:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"end",event:t});break;case l.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"end",event:t});break;case l.Keys.left:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"end",event:t});break;case l.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"end",event:t});break;case l.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"end",event:t});break;case l.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"end",event:t});break;case l.Keys.pageDown:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"end",event:t});break;case l.Keys.pageUp:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"end",event:t});break}},[c,u]),H=a.useCallback(t=>{const p=I(t),b=V(p);_(b),b==="end"?D.current.focus():v.current.focus();const E=b==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:E,payload:p,event:t})},[e.vertical,f,y,c]),B=t=>{const p=I(t),b=O==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,payload:p,event:t})},U=t=>{const p=I(t),b=O==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,payload:p,event:t}),_("")};return l.useDraggable(T,{onPress:H,onDrag:B,onRelease:U},{autoScroll:!1}),a.createElement("div",{id:e.id,style:e.style,ref:m,dir:u,className:l.classNames("k-slider",{"k-rtl":u==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:T,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...z}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...P}},a.Children.map(e.children,(t,p)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:p===0,lastTick:p===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:L,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[u==="rtl"?"right":"left"]:0,width:"100%"}},A!==null&&R!==null&&a.createElement("div",{"data-selection":!0,ref:g,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:R-A+"%",bottom:A+"%"}:{[u==="rtl"?"right":"left"]:A+"%",width:R-A+"%"}}),a.createElement("span",{ref:v,role:"slider",tabIndex:l.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(y,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:G.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+A+"%)",zIndex:1}:u==="rtl"?{right:"calc("+A+"% - 13px)",zIndex:1}:{left:"calc("+A+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:D,role:"slider",tabIndex:l.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,o.start),"aria-valuemax":y,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:G.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+R+"%)",zIndex:1}:u==="rtl"?{right:"calc("+R+"% - 13px)",zIndex:1}:{left:"calc("+R+"%)",zIndex:1},onKeyDown:j}))))}),Z={value:(n,s,d)=>{if(n.value){const e=n.value.start,i=n.value.end,m=n.min,g=n.max;if(e>i||e>g||e<m||i>g||i<m||i<e)return new Error(`Invalid prop + ${s} supplied to ${d}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},defaultValue:(r,n,c)=>{if(r.defaultValue){const e=r.defaultValue.start,l=r.defaultValue.end,m=r.min,y=r.max;if(e>l||e>y||e<m||l>y||l<m||l<e)return new Error(`Invalid prop + ${n} supplied to ${c}.
+                    `)}return null},defaultValue:(n,s,d)=>{if(n.defaultValue){const e=n.defaultValue.start,i=n.defaultValue.end,m=n.min,g=n.max;if(e>i||e>g||e<m||i>g||i<m||i<e)return new Error(`Invalid prop + ${s} supplied to ${d}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},onChange:C.func,step:C.number,min:(r,n,c)=>{const e=r[n],l=r.min,m=r.max;return l===void 0?new Error(`Invalid prop + ${n} supplied to ${c}.
-                ${n} value can not be undefined.
-                `):e&&l>=m?new Error(`Invalid prop + ${n} supplied to ${c}.
-                ${n} value can not be equal to or bigger than the max value.
-                `):null},max:(r,n,c)=>{const e=r[n],l=r.min,m=r.max;return m===void 0?new Error(`Invalid prop + ${n} supplied to ${c}.
-                ${n} value can not be undefined.
-                `):e&&m<=l?new Error(`Invalid prop + ${n} supplied to ${c}.
-                ${n} value can not be equal to or smaller than the min value.
-                `):null},vertical:C.bool,disabled:C.bool,dir:C.oneOf(["ltr","rtl"])},h={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};E.displayName="KendoReactRangeSlider";E.propTypes=U;exports.RangeSlider=E;exports.RangeSliderPropsContext=G;
+                    `)}return null},onChange:C.func,step:C.number,min:(n,s,d)=>{const e=n[s],i=n.min,m=n.max;return i===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be undefined.
+                `):e&&i>=m?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be equal to or bigger than the max value.
+                `):null},max:(n,s,d)=>{const e=n[s],i=n.min,m=n.max;return m===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be undefined.
+                `):e&&m<=i?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be equal to or smaller than the min value.
+                `):null},vertical:C.bool,disabled:C.bool,dir:C.oneOf(["ltr","rtl"])},k={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};x.displayName="KendoReactRangeSlider";x.propTypes=Z;exports.RangeSlider=x;exports.RangeSliderPropsContext=S;