@progress/kendo-react-inputs 14.5.0-develop.9 → 15.0.0-develop.1

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

package/radiobutton/RadioButton.mjs

@@ -7,18 +7,19 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { usePropsContext as U, useUnstyled as A, useId as G, dispatchEvent as d, getTabIndex as J, classNames as m, uRadioButton as b, createPropsContext as M } from "@progress/kendo-react-common";
-const Q = M(), x = e.forwardRef((E, F) => {
-  const I = U(Q, E), {
+import { usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, getTabIndex as M, classNames as m, uRadioButton as b, createPropsContext as Q } from "@progress/kendo-react-common";
+const V = Q(), x = e.forwardRef((E, F) => {
+  const I = A(V, E), {
     ariaDescribedBy: P,
+    ariaLabel: k,
     checked: p,
     children: f,
-    className: k,
+    className: N,
     disabled: n,
     id: g,
-    size: N = V.size,
+    size: z = W.size,
     label: o,
-    labelPlacement: z,
+    labelPlacement: L,
     name: T,
     style: q,
     tabIndex: w,
@@ -29,7 +30,7 @@ const Q = M(), x = e.forwardRef((E, F) => {
     onBlur: i,
     required: H,
     ...j
-  } = I, y = A(), 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(
     () => ({
@@ -39,14 +40,14 @@ const Q = M(), x = e.forwardRef((E, F) => {
     [C]
   );
   e.useImperativeHandle(F, s);
-  const v = G(), K = e.useCallback(
+  const v = J(), K = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
       });
     },
     [h, r, n]
-  ), L = e.useCallback(
+  ), O = e.useCallback(
     (t) => {
       c && !n && d(
         c,
@@ -56,35 +57,36 @@ const Q = M(), x = e.forwardRef((E, F) => {
       );
     },
     [c, n]
-  ), O = e.useCallback(
+  ), S = e.useCallback(
     (t) => {
       i && !n && d(i, t, s(), void 0);
     },
     [i, n]
-  ), S = {
+  ), U = {
     type: "radio",
     id: g || v,
     name: T,
     className: m(
       b.input({
         c: u,
-        size: N,
+        size: z,
         invalid: D === !1,
         checked: p
       }),
-      k
+      N
     ),
     ref: l,
     disabled: n,
-    tabIndex: J(w, n),
+    tabIndex: M(w, n),
     checked: p,
     style: q,
     "aria-describedby": P,
+    "aria-label": k,
     "aria-required": H,
     value: r,
     onChange: K,
-    onFocus: L,
-    onBlur: O,
+    onFocus: O,
+    onBlur: S,
     ...j
   }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
@@ -95,11 +97,12 @@ const Q = M(), x = e.forwardRef((E, F) => {
       "aria-label": o
     },
     o
-  ) : 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, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
+  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...U }));
+  return L === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
 });
 x.propTypes = {
   ariaDescribedBy: a.string,
+  ariaLabel: a.string,
   checked: a.bool,
   className: a.string,
   disabled: a.bool,
@@ -116,11 +119,11 @@ x.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const V = {
+const W = {
   size: void 0
 };
 x.displayName = "KendoRadioButton";
 export {
   x as RadioButton,
-  Q as RadioButtonPropsContext
+  V as RadioButtonPropsContext
 };

package/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -25,6 +25,13 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
      * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
+    /**
+     * Sets the `aria-label` attribute on the RadioButton input element.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaLabel?: string;
     /**
      * The content of the RadioButton component.
      */

package/range-slider/RangeSlider.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { FormComponentProps, DraggableDragEvent } from '@progress/kendo-react-common';
+import { FormComponentProps, DraggableDragEvent, WebMcpProps } from '@progress/kendo-react-common';
 import { Direction } from '../interfaces/Direction';
 import * as React from 'react';
 /**
@@ -110,6 +110,19 @@ export interface RangeSliderProps extends FormComponentProps {
      * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
+    /**
+     * Sets the `aria-label` attribute on the RangeSlider wrapper and its drag handles.
+     * The start handle gets `"{ariaLabel} start"` and the end handle gets `"{ariaLabel} end"`.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaLabel?: string;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * Represents the target(element and props) of the RangeSliderChangeEvent.

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