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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  2. package/package-metadata.js +1 -1
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +10 -10
  5. package/range-slider/RangeSlider.js +1 -1
  6. package/range-slider/RangeSlider.mjs +108 -106
  7. package/slider/Slider.js +1 -1
  8. package/slider/Slider.mjs +53 -51
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1774356080,version:"14.3.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1775139164,version:"14.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
7
7
  productName: 'KendoReact',
8
8
  productCode: 'KENDOUIREACT',
9
9
  productCodes: ['KENDOUIREACT'],
10
- publishDate: 1774356080,
11
- version: '14.3.0-develop.8',
10
+ publishDate: 1775139164,
11
+ version: '14.3.0',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
13
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-inputs",
3
- "version": "14.3.0-develop.8",
3
+ "version": "14.3.0",
4
4
  "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
28
28
  "@progress/kendo-drawing": "^1.21.2",
29
29
  "@progress/kendo-inputs-common": "^3.1.0",
30
30
  "@progress/kendo-licensing": "^1.7.2",
31
- "@progress/kendo-react-animation": "14.3.0-develop.8",
32
- "@progress/kendo-react-buttons": "14.3.0-develop.8",
33
- "@progress/kendo-react-common": "14.3.0-develop.8",
34
- "@progress/kendo-react-dialogs": "14.3.0-develop.8",
35
- "@progress/kendo-react-layout": "14.3.0-develop.8",
36
- "@progress/kendo-react-intl": "14.3.0-develop.8",
37
- "@progress/kendo-react-labels": "14.3.0-develop.8",
38
- "@progress/kendo-react-popup": "14.3.0-develop.8",
31
+ "@progress/kendo-react-animation": "14.3.0",
32
+ "@progress/kendo-react-buttons": "14.3.0",
33
+ "@progress/kendo-react-common": "14.3.0",
34
+ "@progress/kendo-react-dialogs": "14.3.0",
35
+ "@progress/kendo-react-layout": "14.3.0",
36
+ "@progress/kendo-react-intl": "14.3.0",
37
+ "@progress/kendo-react-labels": "14.3.0",
38
+ "@progress/kendo-react-popup": "14.3.0",
39
39
  "@progress/kendo-svg-icons": "^4.0.0",
40
40
  "react": "^18.0.0 || ^19.0.0",
41
41
  "react-dom": "^18.0.0 || ^19.0.0"
@@ -82,7 +82,7 @@
82
82
  "package": {
83
83
  "productName": "KendoReact",
84
84
  "productCode": "KENDOUIREACT",
85
- "publishDate": 1774356080,
85
+ "publishDate": 1775139164,
86
86
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
87
87
  }
88
88
  },
package/range-slider/RangeSlider.js CHANGED
@@ -5,7 +5,7 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "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=>{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]),B=a.useCallback(t=>{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]),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}.
8
+ "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}.
9
9
  The { start, end } value must be between the min & max value and { start, end } must be start < end.
10
10
  `)}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}.
11
11
  The { start, end } value must be between the min & max value and { start, end } must be start < end.
package/range-slider/RangeSlider.mjs CHANGED
@@ -15,8 +15,8 @@ import { packageMetadata as P } from "../package-metadata.mjs";
15
15
  const se = (n, s, p) => {
16
16
  const [c, i] = a.useState(n), e = a.useCallback(
17
17
  (f) => {
18
- const b = le(s.state || c, { ...f, ...s });
19
- p && p(b, f.event), i(b);
18
+ const h = le(s.state || c, { ...f, ...s });
19
+ p && p(h, f.event), i(h);
20
20
  },
21
21
  [s, p]
22
22
  );
@@ -29,11 +29,11 @@ const se = (n, s, p) => {
29
29
  vertical: y.vertical,
30
30
  disabled: y.disabled,
31
31
  ...i
32
- }, f = a.useRef(null), b = a.useRef(null), A = a.useRef(null), w = a.useRef(null), T = a.useRef(null), H = a.useCallback(() => {
32
+ }, f = a.useRef(null), h = a.useRef(null), A = a.useRef(null), w = a.useRef(null), T = a.useRef(null), H = a.useCallback(() => {
33
33
  w.current && w.current.focus();
34
34
  }, [w]);
35
35
  a.useImperativeHandle(f, () => ({
36
- element: b.current,
36
+ element: h.current,
37
37
  focus: H,
38
38
  props: e
39
39
  })), a.useImperativeHandle(s, () => f.current);
@@ -43,7 +43,7 @@ const se = (n, s, p) => {
43
43
  ), O = a.useMemo(
44
44
  () => e.largeStep !== void 0 ? e.largeStep : y.largeStep,
45
45
  [e.largeStep, y.largeStep]
46
- ), o = Z(b, e.dir), W = (t, u) => {
46
+ ), o = Z(h, e.dir), W = (t, u) => {
47
47
  e.onChange && f.current && e.onChange.call(void 0, {
48
48
  value: t,
49
49
  target: f.current,
@@ -59,7 +59,7 @@ const se = (n, s, p) => {
59
59
  state: e.value
60
60
  },
61
61
  W
62
- ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), h = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
62
+ ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), v = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
63
63
  () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
64
64
  [e.vertical]
65
65
  ), G = a.useMemo(
@@ -69,7 +69,7 @@ const se = (n, s, p) => {
69
69
  (t) => {
70
70
  if (!R.current)
71
71
  return;
72
- const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = v / I;
72
+ const u = R.current.getBoundingClientRect(), b = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = b / I;
73
73
  return g + _ * (k - g);
74
74
  },
75
75
  [
@@ -88,101 +88,103 @@ const se = (n, s, p) => {
88
88
  [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
89
89
  ), X = a.useCallback(
90
90
  (t) => {
91
- switch (t.keyCode) {
92
- case m.right:
93
- t.preventDefault(), l({
94
- type: o === "rtl" ? r.decrease : r.increase,
95
- key: "start",
96
- event: t
97
- });
98
- break;
99
- case m.up:
100
- t.preventDefault(), l({ type: r.increase, key: "start", event: t });
101
- break;
102
- case m.left:
103
- t.preventDefault(), l({
104
- type: o === "rtl" ? r.increase : r.decrease,
105
- key: "start",
106
- event: t
107
- });
108
- break;
109
- case m.down:
110
- t.preventDefault(), l({ type: r.decrease, key: "start", event: t });
111
- break;
112
- case m.home:
113
- t.preventDefault(), l({ type: r.min, key: "start", event: t });
114
- break;
115
- case m.end:
116
- t.preventDefault(), l({ type: r.max, key: "start", event: t });
117
- break;
118
- case m.pageDown:
119
- t.preventDefault(), l({
120
- type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
121
- key: "start",
122
- event: t
123
- });
124
- break;
125
- case m.pageUp:
126
- t.preventDefault(), l({
127
- type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
128
- key: "start",
129
- event: t
130
- });
131
- break;
132
- }
91
+ if (!e.disabled)
92
+ switch (t.keyCode) {
93
+ case m.right:
94
+ t.preventDefault(), l({
95
+ type: o === "rtl" ? r.decrease : r.increase,
96
+ key: "start",
97
+ event: t
98
+ });
99
+ break;
100
+ case m.up:
101
+ t.preventDefault(), l({ type: r.increase, key: "start", event: t });
102
+ break;
103
+ case m.left:
104
+ t.preventDefault(), l({
105
+ type: o === "rtl" ? r.increase : r.decrease,
106
+ key: "start",
107
+ event: t
108
+ });
109
+ break;
110
+ case m.down:
111
+ t.preventDefault(), l({ type: r.decrease, key: "start", event: t });
112
+ break;
113
+ case m.home:
114
+ t.preventDefault(), l({ type: r.min, key: "start", event: t });
115
+ break;
116
+ case m.end:
117
+ t.preventDefault(), l({ type: r.max, key: "start", event: t });
118
+ break;
119
+ case m.pageDown:
120
+ t.preventDefault(), l({
121
+ type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
122
+ key: "start",
123
+ event: t
124
+ });
125
+ break;
126
+ case m.pageUp:
127
+ t.preventDefault(), l({
128
+ type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
129
+ key: "start",
130
+ event: t
131
+ });
132
+ break;
133
+ }
133
134
  },
134
- [l]
135
+ [l, e.disabled]
135
136
  ), F = a.useCallback(
136
137
  (t) => {
137
- switch (t.keyCode) {
138
- case m.right:
139
- t.preventDefault(), l({
140
- type: o === "rtl" ? r.decrease : r.increase,
141
- key: "end",
142
- event: t
143
- });
144
- break;
145
- case m.up:
146
- t.preventDefault(), l({ type: r.increase, key: "end", event: t });
147
- break;
148
- case m.left:
149
- t.preventDefault(), l({
150
- type: o === "rtl" ? r.increase : r.decrease,
151
- key: "end",
152
- event: t
153
- });
154
- break;
155
- case m.down:
156
- t.preventDefault(), l({ type: r.decrease, key: "end", event: t });
157
- break;
158
- case m.home:
159
- t.preventDefault(), l({ type: r.min, key: "end", event: t });
160
- break;
161
- case m.end:
162
- t.preventDefault(), l({ type: r.max, key: "end", event: t });
163
- break;
164
- case m.pageDown:
165
- t.preventDefault(), l({
166
- type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
167
- key: "end",
168
- event: t
169
- });
170
- break;
171
- case m.pageUp:
172
- t.preventDefault(), l({
173
- type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
174
- key: "end",
175
- event: t
176
- });
177
- break;
178
- }
138
+ if (!e.disabled)
139
+ switch (t.keyCode) {
140
+ case m.right:
141
+ t.preventDefault(), l({
142
+ type: o === "rtl" ? r.decrease : r.increase,
143
+ key: "end",
144
+ event: t
145
+ });
146
+ break;
147
+ case m.up:
148
+ t.preventDefault(), l({ type: r.increase, key: "end", event: t });
149
+ break;
150
+ case m.left:
151
+ t.preventDefault(), l({
152
+ type: o === "rtl" ? r.increase : r.decrease,
153
+ key: "end",
154
+ event: t
155
+ });
156
+ break;
157
+ case m.down:
158
+ t.preventDefault(), l({ type: r.decrease, key: "end", event: t });
159
+ break;
160
+ case m.home:
161
+ t.preventDefault(), l({ type: r.min, key: "end", event: t });
162
+ break;
163
+ case m.end:
164
+ t.preventDefault(), l({ type: r.max, key: "end", event: t });
165
+ break;
166
+ case m.pageDown:
167
+ t.preventDefault(), l({
168
+ type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
169
+ key: "end",
170
+ event: t
171
+ });
172
+ break;
173
+ case m.pageUp:
174
+ t.preventDefault(), l({
175
+ type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
176
+ key: "end",
177
+ event: t
178
+ });
179
+ break;
180
+ }
179
181
  },
180
- [l, o]
182
+ [l, o, e.disabled]
181
183
  ), Y = a.useCallback(
182
184
  (t) => {
183
- const u = C(t), v = U(u);
184
- L(v), v === "end" ? T.current.focus() : w.current.focus();
185
- const I = v === "end" ? r.end : r.start;
185
+ const u = C(t), b = U(u);
186
+ L(b), b === "end" ? T.current.focus() : w.current.focus();
187
+ const I = b === "end" ? r.end : r.start;
186
188
  l({ type: I, payload: u, event: t });
187
189
  },
188
190
  [e.vertical, g, k, l]
@@ -192,12 +194,12 @@ const se = (n, s, p) => {
192
194
  {
193
195
  onPress: Y,
194
196
  onDrag: (t) => {
195
- const u = C(t), v = E === "end" ? r.end : r.start;
196
- l({ type: v, payload: u, event: t });
197
+ const u = C(t), b = E === "end" ? r.end : r.start;
198
+ l({ type: b, payload: u, event: t });
197
199
  },
198
200
  onRelease: (t) => {
199
- const u = C(t), v = E === "end" ? r.end : r.start;
200
- l({ type: v, payload: u, event: t }), L("");
201
+ const u = C(t), b = E === "end" ? r.end : r.start;
202
+ l({ type: b, payload: u, event: t }), L("");
201
203
  }
202
204
  },
203
205
  { autoScroll: !1 }
@@ -206,7 +208,7 @@ const se = (n, s, p) => {
206
208
  {
207
209
  id: e.id,
208
210
  style: e.style,
209
- ref: b,
211
+ ref: h,
210
212
  dir: o,
211
213
  className: te(
212
214
  "k-slider",
@@ -248,16 +250,16 @@ const se = (n, s, p) => {
248
250
  className: "k-slider-track",
249
251
  style: e.vertical ? { bottom: 0, height: "100%" } : { [o === "rtl" ? "right" : "left"]: 0, width: "100%" }
250
252
  },
251
- h !== null && D !== null && /* @__PURE__ */ a.createElement(
253
+ v !== null && D !== null && /* @__PURE__ */ a.createElement(
252
254
  "div",
253
255
  {
254
256
  "data-selection": !0,
255
257
  ref: A,
256
258
  title: `${d.start} - ${d.end}`,
257
259
  className: "k-slider-selection",
258
- style: e.vertical ? { height: D - h + "%", bottom: h + "%" } : {
259
- [o === "rtl" ? "right" : "left"]: h + "%",
260
- width: D - h + "%"
260
+ style: e.vertical ? { height: D - v + "%", bottom: v + "%" } : {
261
+ [o === "rtl" ? "right" : "left"]: v + "%",
262
+ width: D - v + "%"
261
263
  }
262
264
  }
263
265
  ),
@@ -274,7 +276,7 @@ const se = (n, s, p) => {
274
276
  "aria-valuetext": `${d.start} - ${d.end}`,
275
277
  className: "k-draghandle k-draghandle-start",
276
278
  title: M.toLanguageString($, z[$]),
277
- style: e.vertical ? { bottom: "calc(" + h + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + h + "% - 13px)", zIndex: 1 } : { left: "calc(" + h + "%)", zIndex: 1 },
279
+ style: e.vertical ? { bottom: "calc(" + v + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + v + "% - 13px)", zIndex: 1 } : { left: "calc(" + v + "%)", zIndex: 1 },
278
280
  onKeyDown: X
279
281
  }
280
282
  ),
package/slider/Slider.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("prop-types"),c=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl"),u=require("../messages/index.js"),ne=require("./SliderLabel.js"),j=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-svg-icons");function le(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const b=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(k,d,b.get?b:{enumerable:!0,get:()=>e[d]})}}return k.default=e,Object.freeze(k)}const r=le(n),v={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},T=r.forwardRef((e,k)=>{var K,M,O;const{step:d=v.step,largeStep:b=v.largeStep,vertical:l=v.vertical,disabled:E=v.disabled,tabIndex:P=v.tabIndex}=e,[U,H]=n.useState((K=e.defaultValue)!=null?K:e.min),[W,V]=n.useState(!1),[R,X]=n.useState(e.dir),L=n.useRef(null),h=n.useRef(null),A=n.useMemo(()=>new F.LocalizationService,[]),z=n.useRef(null),N=e.value!==void 0,x=N&&e.value!==void 0?e.value:U,s=n.useMemo(()=>{const{min:t,max:a}=e;return x<t?t:x>a?a:x},[x,e.min,e.max]),y=n.useMemo(()=>{const{min:t,max:a}=e,o=a-t;return o===0?0:(s-t)/o*100},[s,e.min,e.max]),f=(M=e.dir)!=null?M:R;n.useEffect(()=>{if(e.dir===void 0&&h.current){const a=window.getComputedStyle(h.current).direction;a!==R&&X(a)}},[e.dir,R]);const q=n.useCallback(t=>{let a=t;for(;a;){if(a.getAttribute(ne.SLIDER_LABEL_ATTRIBUTE))return!0;a=a.parentElement}return!1},[]),m=n.useCallback((t,a)=>{const o=Math.min(Math.max(a,e.min),e.max);N||H(o),c.dispatchEvent(e.onChange,t,z.current,{value:o})},[e.min,e.max,e.onChange,N]),G=n.useCallback(()=>{V(!0)},[]),Y=n.useCallback(()=>{V(!1)},[]),J=n.useCallback(t=>{let a;t.keyCode===c.Keys.left||t.keyCode===c.Keys.down?a=s-(d||0):t.keyCode===c.Keys.right||t.keyCode===c.Keys.up?a=s+(d||0):t.keyCode===c.Keys.pageDown?a=s-(b||0):t.keyCode===c.Keys.pageUp?a=s+(b||0):t.keyCode===c.Keys.home?a=e.min:t.keyCode===c.Keys.end&&(a=e.max),a!==void 0&&(t.preventDefault(),m(t,a))},[s,d,b,e.min,e.max,m]),Q=n.useCallback(t=>{t.preventDefault(),m(t,s-(d||0))},[s,d,m]),Z=n.useCallback(t=>{t.preventDefault(),m(t,s+(d||0))},[s,d,m]),I=n.useCallback(t=>{const a=t.element.getBoundingClientRect();let o;l?o=a.bottom-t.event.clientY:o=f==="rtl"?a.right-t.event.clientX:t.event.clientX-a.left;const C=l?a.height:a.width,S=o/C;m(t,e.min+S*(e.max-e.min))},[l,e.min,e.max,f,m]),$=n.useCallback(t=>{q(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),I(t))},[q,I]),p=n.useCallback(t=>{t.event.originalEvent.preventDefault(),I(t)},[I]),w=n.useCallback(()=>{h.current&&h.current.focus()},[]),ee=n.useCallback(t=>{if(!t.enabled)return t.children;let a,o,C,S;return f==="rtl"?(a=l?g.caretAltUpIcon:g.caretAltLeftIcon,o=l?g.caretAltDownIcon:g.caretAltRightIcon,C=l?"caret-alt-up":"caret-alt-left",S=l?"caret-alt-down":"caret-alt-right"):(a=l?g.caretAltUpIcon:g.caretAltRightIcon,o=l?g.caretAltDownIcon:g.caretAltLeftIcon,C=l?"caret-alt-up":"caret-alt-right",S=l?"caret-alt-down":"caret-alt-left"),r.createElement(r.Fragment,null,r.createElement(j.Button,{className:"k-button-decrease",rounded:"full",icon:S,svgIcon:o,title:t.decrementTitle,onClick:t.decrement}),t.children,r.createElement(j.Button,{className:"k-button-increase",rounded:"full",icon:C,svgIcon:a,title:t.incrementTitle,onClick:t.increment}))},[f,l]);n.useImperativeHandle(k,()=>({props:e,sliderTrack:L.current,focus:w}),[e,w]),n.useEffect(()=>{z.current={props:e,sliderTrack:L.current,focus:w}},[e,w]);const te=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ae=l?{paddingTop:0,height:"100%"}:{};let D;return l?D={bottom:"calc("+y+"%)",zIndex:1}:f==="rtl"?D={right:"calc("+y+"% - 13px)",zIndex:1}:D={left:"calc("+y+"%)",zIndex:1},r.createElement("div",{ref:h,dir:f,id:e.id,style:{gap:0,...e.style},onFocus:G,onBlur:Y,onKeyDown:J,className:c.classNames("k-slider",{"k-focus":W,"k-disabled":E,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},ee({enabled:(O=e.buttons)!=null?O:v.buttons,decrement:Q,increment:Z,incrementTitle:A.toLanguageString(u.sliderIncreaseValue,u.messages[u.sliderIncreaseValue]),decrementTitle:A.toLanguageString(u.sliderDecreaseValue,u.messages[u.sliderDecreaseValue]),children:r.createElement(c.Draggable,{onDrag:p,onPress:$,autoScroll:!1},r.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...te}},e.children&&r.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...ae}},r.Children.map(e.children,(t,a)=>t&&r.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:a===0,lastTick:a===r.Children.count(e.children)-1},t.props.children))),r.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[f==="rtl"?"right":"left"]:0,width:"100%"},ref:L},r.createElement("div",{className:"k-slider-selection",style:l?{height:y+"%"}:{width:y+"%"}}),r.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":s,"aria-valuetext":String(s),"aria-orientation":l?"vertical":void 0,"aria-disabled":E?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:c.getTabIndex(P,E,void 0),className:"k-draghandle k-draghandle-end",title:A.toLanguageString(u.sliderDragTitle,u.messages[u.sliderDragTitle]),style:D}))))}))});T.displayName="Slider";const _=c.createPropsContext(),B=c.withPropsContext(_,T);B.displayName="KendoReactSlider";B.propTypes={value:i.number,defaultValue:i.number,min:i.number.isRequired,max:i.number.isRequired,step:i.number,largeStep:i.number,onChange:i.func,style:i.object,className:i.string,buttons:i.bool,tabIndex:i.number,disabled:i.bool,vertical:i.bool,id:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,dir:i.oneOf(["ltr","rtl"]),children:i.node};F.registerForLocalization(T);exports.Slider=B;exports.SliderPropsContext=_;exports.SliderWithoutContext=T;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),r=require("prop-types"),c=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl"),m=require("../messages/index.js"),ae=require("./SliderLabel.js"),j=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-svg-icons");function le(e){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const v=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(h,d,v.get?v:{enumerable:!0,get:()=>e[d]})}}return h.default=e,Object.freeze(h)}const i=le(a),k={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},E=i.forwardRef((e,h)=>{var K,M,O;const{step:d=k.step,largeStep:v=k.largeStep,vertical:l=k.vertical,disabled:u=k.disabled,tabIndex:P=k.tabIndex}=e,[U,H]=a.useState((K=e.defaultValue)!=null?K:e.min),[W,V]=a.useState(!1),[R,X]=a.useState(e.dir),L=a.useRef(null),y=a.useRef(null),A=a.useMemo(()=>new F.LocalizationService,[]),z=a.useRef(null),N=e.value!==void 0,I=N&&e.value!==void 0?e.value:U,s=a.useMemo(()=>{const{min:t,max:n}=e;return I<t?t:I>n?n:I},[I,e.min,e.max]),C=a.useMemo(()=>{const{min:t,max:n}=e,o=n-t;return o===0?0:(s-t)/o*100},[s,e.min,e.max]),b=(M=e.dir)!=null?M:R;a.useEffect(()=>{if(e.dir===void 0&&y.current){const n=window.getComputedStyle(y.current).direction;n!==R&&X(n)}},[e.dir,R]);const q=a.useCallback(t=>{let n=t;for(;n;){if(n.getAttribute(ae.SLIDER_LABEL_ATTRIBUTE))return!0;n=n.parentElement}return!1},[]),g=a.useCallback((t,n)=>{const o=Math.min(Math.max(n,e.min),e.max);N||H(o),c.dispatchEvent(e.onChange,t,z.current,{value:o})},[e.min,e.max,e.onChange,N]),G=a.useCallback(()=>{V(!0)},[]),Y=a.useCallback(()=>{V(!1)},[]),J=a.useCallback(t=>{if(u)return;let n;t.keyCode===c.Keys.left||t.keyCode===c.Keys.down?n=s-(d||0):t.keyCode===c.Keys.right||t.keyCode===c.Keys.up?n=s+(d||0):t.keyCode===c.Keys.pageDown?n=s-(v||0):t.keyCode===c.Keys.pageUp?n=s+(v||0):t.keyCode===c.Keys.home?n=e.min:t.keyCode===c.Keys.end&&(n=e.max),n!==void 0&&(t.preventDefault(),g(t,n))},[s,d,v,e.min,e.max,g,u]),Q=a.useCallback(t=>{t.preventDefault(),!u&&g(t,s-(d||0))},[s,d,g,u]),Z=a.useCallback(t=>{t.preventDefault(),!u&&g(t,s+(d||0))},[s,d,g,u]),w=a.useCallback(t=>{const n=t.element.getBoundingClientRect();let o;l?o=n.bottom-t.event.clientY:o=b==="rtl"?n.right-t.event.clientX:t.event.clientX-n.left;const S=l?n.height:n.width,x=o/S;g(t,e.min+x*(e.max-e.min))},[l,e.min,e.max,b,g]),$=a.useCallback(t=>{q(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),w(t))},[q,w]),p=a.useCallback(t=>{t.event.originalEvent.preventDefault(),w(t)},[w]),D=a.useCallback(()=>{y.current&&y.current.focus()},[]),ee=a.useCallback(t=>{if(!t.enabled)return t.children;let n,o,S,x;return b==="rtl"?(n=l?f.caretAltUpIcon:f.caretAltLeftIcon,o=l?f.caretAltDownIcon:f.caretAltRightIcon,S=l?"caret-alt-up":"caret-alt-left",x=l?"caret-alt-down":"caret-alt-right"):(n=l?f.caretAltUpIcon:f.caretAltRightIcon,o=l?f.caretAltDownIcon:f.caretAltLeftIcon,S=l?"caret-alt-up":"caret-alt-right",x=l?"caret-alt-down":"caret-alt-left"),i.createElement(i.Fragment,null,i.createElement(j.Button,{className:"k-button-decrease",rounded:"full",icon:x,svgIcon:o,title:t.decrementTitle,onClick:t.decrement}),t.children,i.createElement(j.Button,{className:"k-button-increase",rounded:"full",icon:S,svgIcon:n,title:t.incrementTitle,onClick:t.increment}))},[b,l]);a.useImperativeHandle(h,()=>({props:e,sliderTrack:L.current,focus:D}),[e,D]),a.useEffect(()=>{z.current={props:e,sliderTrack:L.current,focus:D}},[e,D]);const te=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ne=l?{paddingTop:0,height:"100%"}:{};let T;return l?T={bottom:"calc("+C+"%)",zIndex:1}:b==="rtl"?T={right:"calc("+C+"% - 13px)",zIndex:1}:T={left:"calc("+C+"%)",zIndex:1},i.createElement("div",{ref:y,dir:b,id:e.id,style:{gap:0,...e.style},onFocus:G,onBlur:Y,onKeyDown:J,className:c.classNames("k-slider",{"k-focus":W,"k-disabled":u,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},ee({enabled:(O=e.buttons)!=null?O:k.buttons,decrement:Q,increment:Z,incrementTitle:A.toLanguageString(m.sliderIncreaseValue,m.messages[m.sliderIncreaseValue]),decrementTitle:A.toLanguageString(m.sliderDecreaseValue,m.messages[m.sliderDecreaseValue]),children:i.createElement(c.Draggable,{onDrag:p,onPress:$,autoScroll:!1},i.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...te}},e.children&&i.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...ne}},i.Children.map(e.children,(t,n)=>t&&i.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:n===0,lastTick:n===i.Children.count(e.children)-1},t.props.children))),i.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[b==="rtl"?"right":"left"]:0,width:"100%"},ref:L},i.createElement("div",{className:"k-slider-selection",style:l?{height:C+"%"}:{width:C+"%"}}),i.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":s,"aria-valuetext":String(s),"aria-orientation":l?"vertical":void 0,"aria-disabled":u?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:c.getTabIndex(P,u,void 0),className:"k-draghandle k-draghandle-end",title:A.toLanguageString(m.sliderDragTitle,m.messages[m.sliderDragTitle]),style:T}))))}))});E.displayName="Slider";const _=c.createPropsContext(),B=c.withPropsContext(_,E);B.displayName="KendoReactSlider";B.propTypes={value:r.number,defaultValue:r.number,min:r.number.isRequired,max:r.number.isRequired,step:r.number,largeStep:r.number,onChange:r.func,style:r.object,className:r.string,buttons:r.bool,tabIndex:r.number,disabled:r.bool,vertical:r.bool,id:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,dir:r.oneOf(["ltr","rtl"]),children:r.node};F.registerForLocalization(E);exports.Slider=B;exports.SliderPropsContext=_;exports.SliderWithoutContext=E;