@progress/kendo-react-inputs 9.5.0 → 10.0.0-develop.2

package/numerictextbox/NumericTextBox.mjs

@@ -8,18 +8,16 @@
 import * as n from "react";
 import t from "prop-types";
 import { useInternationalization as Xe, useLocalization as Ze } from "@progress/kendo-react-intl";
-import { createPropsContext as et, validatePackage as tt, usePropsContext as nt, useId as rt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as at, classNames as lt, kendoThemeMaps as ge, getTabIndex as st } from "@progress/kendo-react-common";
-import { caretAltUpIcon as ut, caretAltDownIcon as ot } from "@progress/kendo-svg-icons";
-import { FloatingLabel as it } from "@progress/kendo-react-labels";
-import { packageMetadata as ct } from "../package-metadata.mjs";
+import { createPropsContext 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 ut } from "@progress/kendo-svg-icons";
+import { FloatingLabel as ot } from "@progress/kendo-react-labels";
 import { numericIncreaseValue as M, messages as T, numericDecreaseValue as z } from "../messages/index.mjs";
 import { getInitialState as ve, formatValue as q, getStateOrPropsValue as X, rangeValue as A, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
 import { Button as Ce } from "@progress/kendo-react-buttons";
-const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
+const it = "Please enter a valid value!", ct = et(), Ee = n.forwardRef(
   (C, Se) => {
-    tt(ct);
-    const G = nt(
-      mt,
+    const G = tt(
+      ct,
       C
     ), {
       className: xe,
@@ -45,9 +43,9 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
       validationMessage: _,
       children: Be,
       // Removed to support direct use in Form Field component
-      touched: ft,
-      visited: pt,
-      modified: bt,
+      touched: dt,
+      visited: mt,
+      modified: ft,
       style: ne,
       inputStyle: Me,
       valid: H,
@@ -68,7 +66,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
       autoFocus: Ae = o.autoFocus,
       inputAttributes: Ge,
       ...ue
-    } = G, je = rt(), oe = Pe || je, s = Xe(), P = Ze(), a = n.useRef(null), N = n.useRef(), [_e, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
+    } = G, je = nt(), oe = Pe || je, s = Xe(), P = Ze(), a = n.useRef(null), N = n.useRef(), [_e, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
       i.current.focused && !u ? i.current.currentLooseValue : X(b, x.current),
       l,
       s
@@ -77,7 +75,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
     const [He] = pe(ze), [Ke] = pe(qe);
     n.useEffect(() => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        B().valid ? "" : _ || dt
+        B().valid ? "" : _ || it
       );
     });
     const ie = n.useCallback(() => {
@@ -215,7 +213,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
         r.preventDefault(), e !== a.current && a.current.focus();
       }
     }, []);
-    at(() => {
+    rt(() => {
       a.current && a.current.type !== "number" && i.current.selectionStart !== void 0 && i.current.selectionEnd !== void 0 && (a.current.selectionStart = i.current.selectionStart, a.current.selectionEnd = i.current.selectionEnd, i.current.selectionStart = void 0, i.current.selectionEnd = void 0);
     }, [_e]);
     const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
@@ -223,7 +221,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
       {
         dir: te,
         style: I ? ne : { width: Z, ...ne },
-        className: lt(
+        className: at(
           "k-input",
           "k-numerictextbox",
           {
@@ -245,7 +243,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
         {
           role: "spinbutton",
           value: h === null ? "" : h,
-          tabIndex: st(Ie, u),
+          tabIndex: lt(Ie, u),
           accessKey: Oe,
           disabled: u,
           title: Le,
@@ -285,7 +283,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-up",
-          svgIcon: ut,
+          svgIcon: st,
           rounded: null,
           fillMode: L,
           className: "k-spinner-increase",
@@ -305,7 +303,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-down",
-          svgIcon: ot,
+          svgIcon: ut,
           rounded: null,
           fillMode: L,
           className: "k-spinner-decrease",
@@ -322,7 +320,7 @@ const dt = "Please enter a valid value!", mt = et(), Ee = n.forwardRef(
       ))
     );
     return I ? /* @__PURE__ */ n.createElement(
-      it,
+      ot,
       {
         label: I,
         editorId: oe,
@@ -405,5 +403,5 @@ const o = {
 Ee.displayName = "KendoNumericTextBox";
 export {
   Ee as NumericTextBox,
-  mt as NumericTextBoxPropsContext
+  ct as NumericTextBoxPropsContext
 };

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741090707,version:"9.5.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741187205,version:"10.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1741090707,
-  version: "9.5.0",
+  publishDate: 1741187205,
+  version: "10.0.0-develop.2",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "9.5.0",
+  "version": "10.0.0-develop.2",
   "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",
@@ -28,13 +28,13 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-react-animation": "9.5.0",
-    "@progress/kendo-react-buttons": "9.5.0",
-    "@progress/kendo-react-common": "9.5.0",
-    "@progress/kendo-react-dialogs": "9.5.0",
-    "@progress/kendo-react-intl": "9.5.0",
-    "@progress/kendo-react-labels": "9.5.0",
-    "@progress/kendo-react-popup": "9.5.0",
+    "@progress/kendo-react-animation": "10.0.0-develop.2",
+    "@progress/kendo-react-buttons": "10.0.0-develop.2",
+    "@progress/kendo-react-common": "10.0.0-develop.2",
+    "@progress/kendo-react-dialogs": "10.0.0-develop.2",
+    "@progress/kendo-react-intl": "10.0.0-develop.2",
+    "@progress/kendo-react-labels": "10.0.0-develop.2",
+    "@progress/kendo-react-popup": "10.0.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -60,7 +60,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1741090707,
+      "publishDate": 1741187205,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/radiobutton/RadioButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),K=require("../package-metadata.js");function L(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return l.default=n,Object.freeze(l)}const e=L(H),N=a.createPropsContext(),g=e.forwardRef((n,l)=>{a.validatePackage(K.packageMetadata);const s=a.usePropsContext(N,n),{ariaDescribedBy:r,checked:y,children:v,className:x,disabled:o,id:B,size:F=U.size,label:d,labelPlacement:I,name:O,style:j,tabIndex:q,value:m,valid:z,onChange:h,onFocus:b,onBlur:p,required:S,...T}=s,C=a.useUnstyled(),f=C&&C.uRadioButton,u=e.useRef(null),R=e.useCallback(()=>{u.current&&u.current.focus()},[]),i=e.useCallback(()=>({element:u.current,focus:R}),[R]);e.useImperativeHandle(l,i);const P=a.useId(),D=e.useCallback(c=>{a.dispatchEvent(h,c,i(),{value:m})},[h,m,o]),M=e.useCallback(c=>{b&&!o&&a.dispatchEvent(b,c,i(),void 0)},[b,o]),w=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,i(),void 0)},[p,o]),_={type:"radio",id:B||P,name:O,className:a.classNames(a.uRadioButton.input({c:f,size:F,invalid:z===!1,checked:y}),x),ref:u,disabled:o,tabIndex:a.getTabIndex(q,o),checked:y,style:j,"aria-describedby":r,"aria-required":S,value:m,onChange:D,onFocus:M,onBlur:w,...T},k=e.createElement(e.Fragment,null,d!==void 0?e.createElement("label",{className:a.classNames(a.uRadioButton.label({c:f})),htmlFor:B||P,style:{userSelect:"none"},"aria-label":d},d):null),E=e.createElement("span",{className:a.classNames(a.uRadioButton.wrap({c:f}))},e.createElement("input",{..._}));return I==="before"?e.createElement(e.Fragment,null,k,E,v):e.createElement(e.Fragment,null,E,k,v)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const U={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),t=require("prop-types"),n=require("@progress/kendo-react-common");function K(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>a[s]})}}return l.default=a,Object.freeze(l)}const e=K(M),k=n.createPropsContext(),g=e.forwardRef((a,l)=>{const s=n.usePropsContext(k,a),{ariaDescribedBy:r,checked:y,children:B,className:x,disabled:o,id:h,size:F=L.size,label:d,labelPlacement:I,name:O,style:j,tabIndex:q,value:m,valid:z,onChange:v,onFocus:b,onBlur:p,required:S,...T}=s,C=n.useUnstyled(),f=C&&C.uRadioButton,u=e.useRef(null),R=e.useCallback(()=>{u.current&&u.current.focus()},[]),i=e.useCallback(()=>({element:u.current,focus:R}),[R]);e.useImperativeHandle(l,i);const P=n.useId(),D=e.useCallback(c=>{n.dispatchEvent(v,c,i(),{value:m})},[v,m,o]),w=e.useCallback(c=>{b&&!o&&n.dispatchEvent(b,c,i(),void 0)},[b,o]),_=e.useCallback(c=>{p&&!o&&n.dispatchEvent(p,c,i(),void 0)},[p,o]),H={type:"radio",id:h||P,name:O,className:n.classNames(n.uRadioButton.input({c:f,size:F,invalid:z===!1,checked:y}),x),ref:u,disabled:o,tabIndex:n.getTabIndex(q,o),checked:y,style:j,"aria-describedby":r,"aria-required":S,value:m,onChange:D,onFocus:w,onBlur:_,...T},E=e.createElement(e.Fragment,null,d!==void 0?e.createElement("label",{className:n.classNames(n.uRadioButton.label({c:f})),htmlFor:h||P,style:{userSelect:"none"},"aria-label":d},d):null),N=e.createElement("span",{className:n.classNames(n.uRadioButton.wrap({c:f}))},e.createElement("input",{...H}));return I==="before"?e.createElement(e.Fragment,null,E,N,B):e.createElement(e.Fragment,null,N,E,B)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const L={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=k;

package/radiobutton/RadioButton.mjs

@@ -7,18 +7,16 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as S, validatePackage as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as Q } from "@progress/kendo-react-common";
-import { packageMetadata as V } from "../package-metadata.mjs";
-const W = S(), P = e.forwardRef((R, x) => {
-  U(V);
-  const E = A(W, R), {
-    ariaDescribedBy: F,
+import { createPropsContext as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as M } from "@progress/kendo-react-common";
+const Q = U(), x = e.forwardRef((E, F) => {
+  const I = A(Q, E), {
+    ariaDescribedBy: P,
     checked: p,
     children: f,
-    className: I,
-    disabled: t,
+    className: k,
+    disabled: n,
     id: g,
-    size: N = X.size,
+    size: N = V.size,
     label: o,
     labelPlacement: z,
     name: T,
@@ -31,7 +29,7 @@ const W = S(), P = e.forwardRef((R, x) => {
     onBlur: i,
     required: H,
     ...j
-  } = E, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+  } = I, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
     l.current && l.current.focus();
   }, []), s = e.useCallback(
     () => ({
@@ -40,32 +38,32 @@ const W = S(), P = e.forwardRef((R, x) => {
     }),
     [C]
   );
-  e.useImperativeHandle(x, s);
-  const v = J(), K = e.useCallback(
-    (n) => {
-      d(h, n, s(), {
+  e.useImperativeHandle(F, s);
+  const B = J(), K = e.useCallback(
+    (t) => {
+      d(h, t, s(), {
         value: r
       });
     },
-    [h, r, t]
+    [h, r, n]
   ), L = e.useCallback(
-    (n) => {
-      c && !t && d(
+    (t) => {
+      c && !n && d(
         c,
-        n,
+        t,
         s(),
         void 0
       );
     },
-    [c, t]
-  ), M = e.useCallback(
-    (n) => {
-      i && !t && d(i, n, s(), void 0);
+    [c, n]
+  ), O = e.useCallback(
+    (t) => {
+      i && !n && d(i, t, s(), void 0);
     },
-    [i, t]
-  ), O = {
+    [i, n]
+  ), S = {
     type: "radio",
-    id: g || v,
+    id: g || B,
     name: T,
     className: m(
       b.input({
@@ -74,33 +72,33 @@ const W = S(), P = e.forwardRef((R, x) => {
         invalid: D === !1,
         checked: p
       }),
-      I
+      k
     ),
     ref: l,
-    disabled: t,
-    tabIndex: Q(w, t),
+    disabled: n,
+    tabIndex: M(w, n),
     checked: p,
     style: q,
-    "aria-describedby": F,
+    "aria-describedby": P,
     "aria-required": H,
     value: r,
     onChange: K,
     onFocus: L,
-    onBlur: M,
+    onBlur: O,
     ...j
-  }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
       className: m(b.label({ c: u })),
-      htmlFor: g || v,
+      htmlFor: g || B,
       style: { userSelect: "none" },
       "aria-label": o
     },
     o
-  ) : null), k = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...O }));
-  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, k, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, k, B, f);
+  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...S }));
+  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, v, f);
 });
-P.propTypes = {
+x.propTypes = {
   ariaDescribedBy: a.string,
   checked: a.bool,
   className: a.string,
@@ -118,11 +116,11 @@ P.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const X = {
+const V = {
   size: "medium"
 };
-P.displayName = "KendoRadioButton";
+x.displayName = "KendoRadioButton";
 export {
-  P as RadioButton,
-  W as RadioButtonPropsContext
+  x as RadioButton,
+  Q as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),t=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>o[n]})}}return c.default=o,Object.freeze(c)}const s=J(K),N=t.createPropsContext(),y=s.forwardRef((o,c)=>{t.validatePackage(A.packageMetadata);const n=t.usePropsContext(N,o),{id:d,ariaLabelledBy:O,ariaDescribedBy:j,className:q,data:g,defaultValue:B,disabled:r,name:I,labelPlacement:F,layout:i,style:S,value:C,valid:x,item:D=Q.item,onChange:b,onFocus:m}=n,v=t.useUnstyled(),h=v&&v.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&t.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[M,k]=s.useState(B),P=C!==void 0,f=P?C:M,T=s.useCallback(a=>{const l=a.value;!P&&!r&&k(l),b&&!r&&t.dispatchEvent(b,a.syntheticEvent,p(),{value:l})},[k,b,r]),V=s.useCallback(a=>{m&&!r&&t.dispatchEvent(m,a.syntheticEvent,p(),void 0)},[m,r]),z=t.useId(),_=t.classNames(t.uRadioGroup.ul({c:h,horizontal:i==="horizontal",vertical:i==="vertical"||i===void 0}),q),w=t.useRtl(u,n.dir),H=g&&g.map((a,l)=>{const G=f===a.value,L=f==null,E={...a,valid:x,checked:G,disabled:!!(a.disabled||r),labelPlacement:a.labelPlacement?a.labelPlacement:F,tabIndex:a.tabIndex?a.tabIndex:L&&l===0||G?0:-1,index:l,name:I||z,required:a.required,onChange:T,onFocus:V};return s.createElement(D,{className:t.classNames(t.uRadioGroup.item({c:h,disabled:E.disabled||r})),key:l,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:d,role:"radiogroup",className:_,ref:u,dir:w,style:S,"aria-labelledby":O,"aria-describedby":j},H)}),Q={item:o=>s.createElement("li",{...o})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),a=require("@progress/kendo-react-common");function A(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(c,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return c.default=o,Object.freeze(c)}const s=A(K),N=a.createPropsContext(),y=s.forwardRef((o,c)=>{const n=a.usePropsContext(N,o),{id:i,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:C,defaultValue:I,disabled:r,name:q,labelPlacement:F,layout:d,style:S,value:g,valid:x,item:D=J.item,onChange:b,onFocus:m}=n,h=a.useUnstyled(),v=h&&h.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&a.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[T,P]=s.useState(I),k=g!==void 0,f=k?g:T,V=s.useCallback(t=>{const l=t.value;!k&&!r&&P(l),b&&!r&&a.dispatchEvent(b,t.syntheticEvent,p(),{value:l})},[P,b,r]),z=s.useCallback(t=>{m&&!r&&a.dispatchEvent(m,t.syntheticEvent,p(),void 0)},[m,r]),_=a.useId(),w=a.classNames(a.uRadioGroup.ul({c:v,horizontal:d==="horizontal",vertical:d==="vertical"||d===void 0}),B),H=a.useRtl(u,n.dir),L=C&&C.map((t,l)=>{const G=f===t.value,M=f==null,E={...t,valid:x,checked:G,disabled:!!(t.disabled||r),labelPlacement:t.labelPlacement?t.labelPlacement:F,tabIndex:t.tabIndex?t.tabIndex:M&&l===0||G?0:-1,index:l,name:q||_,required:t.required,onChange:V,onFocus:z};return s.createElement(D,{className:a.classNames(a.uRadioGroup.item({c:v,disabled:E.disabled||r})),key:l,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:i,role:"radiogroup",className:w,ref:u,dir:H,style:S,"aria-labelledby":O,"aria-describedby":j},L)}),J={item:o=>s.createElement("li",{...o})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;

package/radiobutton/RadioGroup.mjs

@@ -7,12 +7,10 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { RadioButton as A } from "./RadioButton.mjs";
-import { createPropsContext as J, validatePackage as Q, usePropsContext as W, useUnstyled as X, focusFirstFocusableChild as Y, dispatchEvent as P, useId as Z, classNames as R, uRadioGroup as E, useRtl as _ } from "@progress/kendo-react-common";
-import { packageMetadata as $ } from "../package-metadata.mjs";
-const ee = J(), G = t.forwardRef((r, I) => {
-  Q($);
-  const m = W(ee, r), {
+import { RadioButton as J } from "./RadioButton.mjs";
+import { createPropsContext as M, usePropsContext as Q, useUnstyled as W, focusFirstFocusableChild as X, dispatchEvent as k, useId as Y, classNames as P, uRadioGroup as E, useRtl as Z } from "@progress/kendo-react-common";
+const _ = M(), G = t.forwardRef((r, I) => {
+  const m = Q(_, r), {
     id: N,
     ariaLabelledBy: B,
     ariaDescribedBy: F,
@@ -26,11 +24,11 @@ const ee = J(), G = t.forwardRef((r, I) => {
     style: q,
     value: p,
     valid: z,
-    item: D = ae.item,
+    item: D = $.item,
     onChange: c,
     onFocus: d
-  } = m, f = X(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
-    o.current && Y(o.current);
+  } = m, f = W(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
+    o.current && X(o.current);
   }, []), i = t.useCallback(
     () => ({
       element: o.current,
@@ -42,7 +40,7 @@ const ee = J(), G = t.forwardRef((r, I) => {
   const [H, h] = t.useState(V), v = p !== void 0, u = v ? p : H, L = t.useCallback(
     (a) => {
       const l = a.value;
-      !v && !s && h(l), c && !s && P(
+      !v && !s && h(l), c && !s && k(
         c,
         a.syntheticEvent,
         i(),
@@ -52,7 +50,7 @@ const ee = J(), G = t.forwardRef((r, I) => {
     [h, c, s]
   ), S = t.useCallback(
     (a) => {
-      d && !s && P(
+      d && !s && k(
         d,
         a.syntheticEvent,
         i(),
@@ -60,21 +58,21 @@ const ee = J(), G = t.forwardRef((r, I) => {
       );
     },
     [d, s]
-  ), T = Z(), w = R(
+  ), T = Y(), w = P(
     E.ul({
       c: y,
       horizontal: n === "horizontal",
       vertical: n === "vertical" || n === void 0
     }),
     x
-  ), K = _(o, m.dir), M = b && b.map((a, l) => {
-    const g = u === a.value, U = u == null, k = {
+  ), K = Z(o, m.dir), U = b && b.map((a, l) => {
+    const g = u === a.value, A = u == null, R = {
       ...a,
       valid: z,
       checked: g,
       disabled: !!(a.disabled || s),
       labelPlacement: a.labelPlacement ? a.labelPlacement : j,
-      tabIndex: a.tabIndex ? a.tabIndex : U && l === 0 || g ? 0 : -1,
+      tabIndex: a.tabIndex ? a.tabIndex : A && l === 0 || g ? 0 : -1,
       index: l,
       name: O || T,
       required: a.required,
@@ -84,16 +82,16 @@ const ee = J(), G = t.forwardRef((r, I) => {
     return /* @__PURE__ */ t.createElement(
       D,
       {
-        className: R(
+        className: P(
           E.item({
             c: y,
-            disabled: k.disabled || s
+            disabled: R.disabled || s
           })
         ),
         key: l,
         role: "none"
       },
-      /* @__PURE__ */ t.createElement(A, { ...k })
+      /* @__PURE__ */ t.createElement(J, { ...R })
     );
   });
   return /* @__PURE__ */ t.createElement(
@@ -108,9 +106,9 @@ const ee = J(), G = t.forwardRef((r, I) => {
       "aria-labelledby": B,
       "aria-describedby": F
     },
-    M
+    U
   );
-}), ae = {
+}), $ = {
   item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
 };
 G.propTypes = {
@@ -132,5 +130,5 @@ G.propTypes = {
 G.displayName = "KendoRadioGroup";
 export {
   G as RadioGroup,
-  ee as RadioGroupPropsContext
+  _ as RadioGroupPropsContext
 };

package/range-slider/RangeSlider.js

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