@progress/kendo-react-inputs 15.1.1-develop.3 → 15.2.0-develop.2

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"),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}.
+"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"),G=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 c=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(l,d,c.get?c:{enumerable:!0,get:()=>n[d]})}}return l.default=n,Object.freeze(l)}const a=Z(J),ee=(n,l,d)=>{const[c,o]=a.useState(n),e=a.useCallback(m=>{const R=r.rangeReducer(l.state||c,{...m,...l});d&&d(R,m.event),o(R)},[l,d]);return[c,e]},K=s.createPropsContext(),O=a.forwardRef((n,l)=>{const d=!s.validatePackage(G.packageMetadata,{component:"RangeSlider"}),c=s.getLicenseMessage(G.packageMetadata),o=s.usePropsContext(K,n),e={step:b.step,largeStep:b.largeStep,defaultValue:b.defaultValue,vertical:b.vertical,disabled:b.disabled,...o},m=a.useRef(null),R=a.useRef(null),M=a.useRef(null),T=a.useRef(null),D=a.useRef(null),$=a.useCallback(()=>{T.current&&T.current.focus()},[T]);a.useImperativeHandle(m,()=>({element:R.current,focus:$,props:e})),a.useImperativeHandle(l,()=>m.current),s.useWebMcpRegister("rangeslider",m,e,e.webMcp);const f=a.useMemo(()=>e.min,[e.min]),y=a.useMemo(()=>e.max,[e.max]),L=a.useMemo(()=>e.step!==void 0?e.step:b.step,[e.step,b.step]),P=a.useMemo(()=>e.largeStep!==void 0?e.largeStep:b.largeStep,[e.largeStep,b.largeStep]),u=s.useDir(R,e.dir),z=(t,p)=>{e.onChange&&m.current&&e.onChange.call(void 0,{value:t,target:m.current,syntheticEvent:p})},[_,S]=a.useState(""),[A,i]=ee(e.defaultValue||b.defaultValue,{min:f,max:y,step:L,largeStep:P,state:e.value},z),g=a.useMemo(()=>e.value||A,[e.value,A]),V=a.useRef(null),C=a.useRef(null),v=a.useMemo(()=>(g.start-f)/(y-f)*100,[g.start,f,y]),N=a.useMemo(()=>(g.end-f)/(y-f)*100,[g.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]),w=Q.useLocalization(),E=a.useCallback(t=>{if(!C.current)return;const p=C.current.getBoundingClientRect(),k=e.vertical?p.bottom-t.clientY:u==="rtl"?p.right-t.clientX:t.clientX-p.left,x=e.vertical?p.height:p.width,Y=k/x;return f+Y*(y-f)},[C,e.vertical,u,f,y,A.start,A.end,e.value&&e.value.start,e.value&&e.value.end]),H=a.useCallback(t=>t<=g.start?"start":t>=g.end?"end":2*t<g.end+g.start?"start":"end",[A.start,A.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(),i({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"start",event:t});break;case s.Keys.up:t.preventDefault(),i({type:r.RANGE_ACTION.increase,key:"start",event:t});break;case s.Keys.left:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"start",event:t});break;case s.Keys.down:t.preventDefault(),i({type:r.RANGE_ACTION.decrease,key:"start",event:t});break;case s.Keys.home:t.preventDefault(),i({type:r.RANGE_ACTION.min,key:"start",event:t});break;case s.Keys.end:t.preventDefault(),i({type:r.RANGE_ACTION.max,key:"start",event:t});break;case s.Keys.pageDown:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"start",event:t});break;case s.Keys.pageUp:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"start",event:t});break}},[i,e.disabled]),B=a.useCallback(t=>{if(!e.disabled)switch(t.keyCode){case s.Keys.right:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"end",event:t});break;case s.Keys.up:t.preventDefault(),i({type:r.RANGE_ACTION.increase,key:"end",event:t});break;case s.Keys.left:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"end",event:t});break;case s.Keys.down:t.preventDefault(),i({type:r.RANGE_ACTION.decrease,key:"end",event:t});break;case s.Keys.home:t.preventDefault(),i({type:r.RANGE_ACTION.min,key:"end",event:t});break;case s.Keys.end:t.preventDefault(),i({type:r.RANGE_ACTION.max,key:"end",event:t});break;case s.Keys.pageDown:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"end",event:t});break;case s.Keys.pageUp:t.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"end",event:t});break}},[i,u,e.disabled]),U=a.useCallback(t=>{const p=E(t),k=H(p);S(k),k==="end"?D.current.focus():T.current.focus();const x=k==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:x,payload:p,event:t})},[e.vertical,f,y,i]),X=t=>{const p=E(t),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:k,payload:p,event:t})},F=t=>{const p=E(t),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:k,payload:p,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:R,dir:u,"aria-label":e.ariaLabel,className:s.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: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","aria-hidden":"true",style:{...q}},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:V,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[u==="rtl"?"right":"left"]:0,width:"100%"}},v!==null&&N!==null&&a.createElement("div",{"data-selection":!0,ref:M,title:`${g.start} - ${g.end}`,className:"k-slider-selection",style:e.vertical?{height:N-v+"%",bottom:v+"%"}:{[u==="rtl"?"right":"left"]:v+"%",width:N-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,g.end),"aria-valuenow":g.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:w.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+v+"%)",zIndex:1}:u==="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,g.start),"aria-valuemax":y,"aria-valuenow":g.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:w.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+N+"%)",zIndex:1}:u==="rtl"?{right:"calc("+N+"% - 13px)",zIndex:1}:{left:"calc("+N+"%)",zIndex:1},onKeyDown:B})))),d&&a.createElement(s.WatermarkOverlay,{message:c}))}),te={value:(n,l,d)=>{if(n.value){const c=n.value.start,o=n.value.end,e=n.min,m=n.max;if(c>o||c>m||c<e||o>m||o<e||o<c)return new Error(`Invalid prop + ${l} 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 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}.
+                    `)}return null},defaultValue:(n,l,d)=>{if(n.defaultValue){const c=n.defaultValue.start,o=n.defaultValue.end,e=n.min,m=n.max;if(c>o||c>m||c<e||o>m||o<e||o<c)return new Error(`Invalid prop + ${l} 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,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;
+                    `)}return null},onChange:I.func,step:I.number,min:(n,l,d)=>{const c=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.
+                `):c&&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 c=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.
+                `):c&&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"])},b={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;

package/range-slider/RangeSlider.mjs

@@ -7,70 +7,70 @@
  */
 import * as t from "react";
 import S from "prop-types";
-import { validatePackage as J, getLicenseMessage as Q, usePropsContext as Z, useWebMcpRegister as ee, useDir as ae, Keys as u, useDraggable as te, classNames as re, getTabIndex as z, WatermarkOverlay as ne, createPropsContext as le } from "@progress/kendo-react-common";
-import { rangeSliderAriaLabel as P, messages as E, sliderDragTitle as C } from "../messages/index.mjs";
-import { useLocalization as se } from "@progress/kendo-react-intl";
-import { RANGE_ACTION as r, rangeReducer as ie } from "./range-raducer.mjs";
-import { packageMetadata as K } from "../package-metadata.mjs";
-const ce = (n, s, m) => {
+import { validatePackage as j, getLicenseMessage as J, usePropsContext as Q, useWebMcpRegister as Z, useDir as ee, Keys as u, useDraggable as ae, classNames as te, getTabIndex as V, WatermarkOverlay as re, createPropsContext as ne } from "@progress/kendo-react-common";
+import { sliderDragTitle as C, messages as z } from "../messages/index.mjs";
+import { useLocalization as le } from "@progress/kendo-react-intl";
+import { RANGE_ACTION as r, rangeReducer as se } from "./range-raducer.mjs";
+import { packageMetadata as P } from "../package-metadata.mjs";
+const ie = (n, s, m) => {
   const [i, c] = t.useState(n), e = t.useCallback(
     (p) => {
-      const h = ie(s.state || i, { ...p, ...s });
+      const h = se(s.state || i, { ...p, ...s });
       m && m(h, p.event), c(h);
     },
     [s, m]
   );
   return [i, e];
-}, de = le(), A = t.forwardRef((n, s) => {
-  const m = !J(K, { component: "RangeSlider" }), i = Q(K), c = Z(de, n), e = {
+}, ce = ne(), K = t.forwardRef((n, s) => {
+  const m = !j(P, { component: "RangeSlider" }), i = J(P), c = Q(ce, n), e = {
     step: k.step,
     largeStep: k.largeStep,
     defaultValue: k.defaultValue,
     vertical: k.vertical,
     disabled: k.disabled,
     ...c
-  }, p = t.useRef(null), h = t.useRef(null), H = t.useRef(null), w = t.useRef(null), $ = t.useRef(null), W = t.useCallback(() => {
+  }, p = t.useRef(null), h = t.useRef(null), A = t.useRef(null), w = t.useRef(null), E = t.useRef(null), H = t.useCallback(() => {
     w.current && w.current.focus();
   }, [w]);
   t.useImperativeHandle(p, () => ({
     element: h.current,
-    focus: W,
+    focus: H,
     props: e
-  })), t.useImperativeHandle(s, () => p.current), ee("rangeslider", p, e, e.webMcp);
-  const g = t.useMemo(() => e.min, [e.min]), b = t.useMemo(() => e.max, [e.max]), N = t.useMemo(
+  })), t.useImperativeHandle(s, () => p.current), Z("rangeslider", p, e, e.webMcp);
+  const g = t.useMemo(() => e.min, [e.min]), b = t.useMemo(() => e.max, [e.max]), W = t.useMemo(
     () => e.step !== void 0 ? e.step : k.step,
     [e.step, k.step]
-  ), O = t.useMemo(
+  ), N = t.useMemo(
     () => e.largeStep !== void 0 ? e.largeStep : k.largeStep,
     [e.largeStep, k.largeStep]
-  ), d = ae(h, e.dir), q = (a, o) => {
+  ), d = ee(h, e.dir), O = (a, o) => {
     e.onChange && p.current && e.onChange.call(void 0, {
       value: a,
       target: p.current,
       syntheticEvent: o
     });
-  }, [M, V] = t.useState(""), [x, l] = ce(
+  }, [$, L] = t.useState(""), [x, l] = ie(
     e.defaultValue || k.defaultValue,
     {
       min: g,
       max: b,
-      step: N,
-      largeStep: O,
+      step: W,
+      largeStep: N,
       state: e.value
     },
-    q
-  ), f = t.useMemo(() => e.value || x, [e.value, x]), B = t.useRef(null), R = t.useRef(null), y = t.useMemo(() => (f.start - g) / (b - g) * 100, [f.start, g, b]), D = t.useMemo(() => (f.end - g) / (b - g) * 100, [f.end, g, b]), G = t.useMemo(
+    O
+  ), f = t.useMemo(() => e.value || x, [e.value, x]), q = t.useRef(null), R = t.useRef(null), y = t.useMemo(() => (f.start - g) / (b - g) * 100, [f.start, g, b]), D = t.useMemo(() => (f.end - g) / (b - g) * 100, [f.end, g, b]), B = t.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
-  ), U = t.useMemo(
+  ), G = t.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), I = se(), L = t.useCallback(
+  ), M = le(), I = t.useCallback(
     (a) => {
       if (!R.current)
         return;
-      const o = R.current.getBoundingClientRect(), v = e.vertical ? o.bottom - a.clientY : d === "rtl" ? o.right - a.clientX : a.clientX - o.left, T = e.vertical ? o.height : o.width, j = v / T;
-      return g + j * (b - g);
+      const o = R.current.getBoundingClientRect(), v = e.vertical ? o.bottom - a.clientY : d === "rtl" ? o.right - a.clientX : a.clientX - o.left, T = e.vertical ? o.height : o.width, _ = v / T;
+      return g + _ * (b - g);
     },
     [
       R,
@@ -83,10 +83,10 @@ const ce = (n, s, m) => {
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), X = t.useCallback(
+  ), U = t.useCallback(
     (a) => a <= f.start ? "start" : a >= f.end ? "end" : 2 * a < f.end + f.start ? "start" : "end",
     [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
-  ), F = t.useCallback(
+  ), X = t.useCallback(
     (a) => {
       if (!e.disabled)
         switch (a.keyCode) {
@@ -133,7 +133,7 @@ const ce = (n, s, m) => {
         }
     },
     [l, e.disabled]
-  ), Y = t.useCallback(
+  ), F = t.useCallback(
     (a) => {
       if (!e.disabled)
         switch (a.keyCode) {
@@ -180,26 +180,26 @@ const ce = (n, s, m) => {
         }
     },
     [l, d, e.disabled]
-  ), _ = t.useCallback(
+  ), Y = t.useCallback(
     (a) => {
-      const o = L(a), v = X(o);
-      V(v), v === "end" ? $.current.focus() : w.current.focus();
+      const o = I(a), v = U(o);
+      L(v), v === "end" ? E.current.focus() : w.current.focus();
       const T = v === "end" ? r.end : r.start;
       l({ type: T, payload: o, event: a });
     },
     [e.vertical, g, b, l]
   );
-  return te(
+  return ae(
     R,
     {
-      onPress: _,
+      onPress: Y,
       onDrag: (a) => {
-        const o = L(a), v = M === "end" ? r.end : r.start;
+        const o = I(a), v = $ === "end" ? r.end : r.start;
         l({ type: v, payload: o, event: a });
       },
       onRelease: (a) => {
-        const o = L(a), v = M === "end" ? r.end : r.start;
-        l({ type: v, payload: o, event: a }), V("");
+        const o = I(a), v = $ === "end" ? r.end : r.start;
+        l({ type: v, payload: o, event: a }), L("");
       }
     },
     { autoScroll: !1 }
@@ -210,8 +210,8 @@ const ce = (n, s, m) => {
       style: e.style,
       ref: h,
       dir: d,
-      "aria-label": e.ariaLabel || I.toLanguageString(P, E[P]),
-      className: re(
+      "aria-label": e.ariaLabel,
+      className: te(
         "k-slider",
         {
           "k-rtl": d === "rtl",
@@ -231,10 +231,10 @@ const ce = (n, s, m) => {
           flexGrow: 1,
           position: "relative",
           touchAction: "none",
-          ...U
+          ...G
         }
       },
-      e.children && /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-slider-items", "aria-hidden": "true", style: { ...G } }, t.Children.map(e.children, (a, o) => a && t.cloneElement(
+      e.children && /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-slider-items", "aria-hidden": "true", style: { ...B } }, t.Children.map(e.children, (a, o) => a && t.cloneElement(
         a,
         {
           position: 100 * (a.props.position - e.min) / (e.max - e.min),
@@ -247,7 +247,7 @@ const ce = (n, s, m) => {
       /* @__PURE__ */ t.createElement(
         "div",
         {
-          ref: B,
+          ref: q,
           className: "k-slider-track",
           style: e.vertical ? { bottom: 0, height: "100%" } : { [d === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
@@ -255,7 +255,7 @@ const ce = (n, s, m) => {
           "div",
           {
             "data-selection": !0,
-            ref: H,
+            ref: A,
             title: `${f.start} - ${f.end}`,
             className: "k-slider-selection",
             style: e.vertical ? { height: D - y + "%", bottom: y + "%" } : {
@@ -269,7 +269,7 @@ const ce = (n, s, m) => {
           {
             ref: w,
             role: "slider",
-            tabIndex: z(e.startTabIndex, e.disabled, void 0),
+            tabIndex: V(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": g,
             "aria-valuemax": Math.max(b, f.end),
             "aria-valuenow": f.start,
@@ -277,17 +277,17 @@ const ce = (n, s, m) => {
             "aria-orientation": e.vertical ? "vertical" : void 0,
             "aria-label": e.ariaLabel ? `${e.ariaLabel} start` : "Range start",
             className: "k-draghandle k-draghandle-start",
-            title: I.toLanguageString(C, E[C]),
+            title: M.toLanguageString(C, z[C]),
             style: e.vertical ? { bottom: "calc(" + y + "%)", zIndex: 1 } : d === "rtl" ? { right: "calc(" + y + "% - 13px)", zIndex: 1 } : { left: "calc(" + y + "%)", zIndex: 1 },
-            onKeyDown: F
+            onKeyDown: X
           }
         ),
         /* @__PURE__ */ t.createElement(
           "span",
           {
-            ref: $,
+            ref: E,
             role: "slider",
-            tabIndex: z(e.endTabIndex, e.disabled, void 0),
+            tabIndex: V(e.endTabIndex, e.disabled, void 0),
             "aria-valuemin": Math.min(g, f.start),
             "aria-valuemax": b,
             "aria-valuenow": f.end,
@@ -295,15 +295,15 @@ const ce = (n, s, m) => {
             "aria-orientation": e.vertical ? "vertical" : void 0,
             "aria-label": e.ariaLabel ? `${e.ariaLabel} end` : "Range end",
             className: "k-draghandle k-draghandle-end",
-            title: I.toLanguageString(C, E[C]),
+            title: M.toLanguageString(C, z[C]),
             style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : d === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
-            onKeyDown: Y
+            onKeyDown: F
           }
         )
       )
     )
-  ), m && /* @__PURE__ */ t.createElement(ne, { message: i }));
-}), oe = {
+  ), m && /* @__PURE__ */ t.createElement(re, { message: i }));
+}), de = {
   value: (n, s, m) => {
     if (n.value) {
       const i = n.value.start, c = n.value.end, e = n.min, p = n.max;
@@ -367,9 +367,9 @@ const ce = (n, s, m) => {
   vertical: !1,
   disabled: !1
 };
-A.displayName = "KendoReactRangeSlider";
-A.propTypes = oe;
+K.displayName = "KendoReactRangeSlider";
+K.propTypes = de;
 export {
-  A as RangeSlider,
-  de as RangeSliderPropsContext
+  K as RangeSlider,
+  ce as RangeSliderPropsContext
 };

package/rating/Rating.d.ts

@@ -264,6 +264,18 @@ export interface RatingProps extends FormComponentProps {
      * ```
      */
     ariaLabelledBy?: string;
+    /**
+     * Sets the `aria-label` attribute of the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     *
+     * @example
+     * ```jsx
+     * <Rating ariaLabel="Product rating" />
+     * ```
+     */
+    ariaLabel?: string;
     /**
      * Enables Web MCP tool registration for this component.
      * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.

package/rating/Rating.js

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),U=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),_=require("../messages/index.js"),Y=require("@progress/kendo-react-intl");function Z(n){const p=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(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Z(Q),z={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},P={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},B=(n,p,d)=>{const[e,M]=a.useState(n);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),M(i)}]},F=l.createPropsContext(),w=a.forwardRef((n,p)=>{const d=l.usePropsContext(F,n),e={dir:s.dir,min:s.min,max:s.max,step:s.step,item:s.item,defaultValue:s.defaultValue,readonly:s.readonly,disabled:s.disabled,selection:s.selection,precision:s.precision,...d},M=Y.useLocalization(),g=a.useRef(null),h=a.useRef(null),i=l.useDir(h,e.dir);a.useImperativeHandle(g,()=>({element:h.current,props:e})),a.useImperativeHandle(p,()=>g.current),l.useWebMcpRegister("rating",g,e,e.webMcp);const H=a.useCallback((t,o)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:o})},[e.onChange]),R=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),C=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),k=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),N=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=a.useMemo(()=>e.item||s.item,[e.item]),[V,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:R,max:C,step:I==="half"?r/2:r},H),[G,D]=B(null,{state:e.value,min:R,max:C,step:I==="half"?r/2:r,precision:I}),v=a.useMemo(()=>e.value!==void 0?e.value:V,[e.value,V]),T=a.useMemo(()=>G,[G]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),L=a.useCallback(t=>{if(!(!t.target||!t.target.element||k||N)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),A=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:A,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:v,target:g.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,v]),q=a.useCallback(t=>{if(!(k||N)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),f({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:v,target:g.current,syntheticEvent:t})}},[e.onKeyDown,f,v]),W=a.useCallback(t=>{if(e.onFocus){const o={target:g.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=a.useCallback(t=>{if(e.onBlur){const o={target:g.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),j=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),A=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:A,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),X=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),S=[],J=u.getRemainder(u.toRound(C-R,x),r);for(let t=R||r;t<=C;t=u.toRound(t+r,x)){const o=u.toRound(t+J,x),y=I==="half"?u.isHalf(o,T!==null?T:v!==null?v:0,r):!1,A=u.isSelected(o,v,r,E),O=u.isSelected(o,T!==null?T:v,r,E),b=u.isSelected(o,T,r,E);S.push(a.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:A||O,hovered:b,onClick:L,onMouseMove:j,onMouseLeave:X},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:z,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:z,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.createElement("span",{id:e.id,style:e.style,ref:h,role:"slider",dir:i,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":i==="rtl","k-readonly":k,"k-disabled":N},e.className),onKeyDown:q,onFocus:W,onBlur:$,"aria-valuemin":R,"aria-valuemax":C,"aria-valuenow":v!==null?v:void 0,"aria-disabled":N?"true":void 0,"aria-label":M.toLanguageString(_.ratingAriaLabel,_.messages[_.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{type:"hidden",id:"rating",readOnly:k,disabled:N}),a.createElement("span",{className:"k-rating-container"},S),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),ee={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),J=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js");function Q(n){const p=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(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Q(X),P={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},S={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},B=(n,p,d)=>{const[e,g]=a.useState(n);return[e,i=>{const O=c.ratingReducer(p.state||e,{...i,...p});d&&d(O,i.event),g(O)}]},z=l.createPropsContext(),_=a.forwardRef((n,p)=>{const d=l.usePropsContext(z,n),e={dir:s.dir,min:s.min,max:s.max,step:s.step,item:s.item,defaultValue:s.defaultValue,readonly:s.readonly,disabled:s.disabled,selection:s.selection,precision:s.precision,...d},g=a.useRef(null),A=a.useRef(null),i=l.useDir(A,e.dir);a.useImperativeHandle(g,()=>({element:A.current,props:e})),a.useImperativeHandle(p,()=>g.current),l.useWebMcpRegister("rating",g,e,e.webMcp);const O=a.useCallback((t,o)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:o})},[e.onChange]),h=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),R=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),C=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),N=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),F=a.useMemo(()=>e.item||s.item,[e.item]),[w,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:h,max:R,step:I==="half"?r/2:r},O),[V,D]=B(null,{state:e.value,min:h,max:R,step:I==="half"?r/2:r,precision:I}),v=a.useMemo(()=>e.value!==void 0?e.value:w,[e.value,w]),T=a.useMemo(()=>V,[V]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),H=a.useCallback(t=>{if(!(!t.target||!t.target.element||C||N)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:v,target:g.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,v]),K=a.useCallback(t=>{if(!(C||N)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),f({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:v,target:g.current,syntheticEvent:t})}},[e.onKeyDown,f,v]),W=a.useCallback(t=>{if(e.onFocus){const o={target:g.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=a.useCallback(t=>{if(e.onBlur){const o={target:g.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),q=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),L=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),G=[],j=u.getRemainder(u.toRound(R-h,x),r);for(let t=h||r;t<=R;t=u.toRound(t+r,x)){const o=u.toRound(t+j,x),y=I==="half"?u.isHalf(o,T!==null?T:v!==null?v:0,r):!1,k=u.isSelected(o,v,r,E),M=u.isSelected(o,T!==null?T:v,r,E),b=u.isSelected(o,T,r,E);G.push(a.createElement(F,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:k||M,hovered:b,onClick:H,onMouseMove:q,onMouseLeave:L},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:S,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||M&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!M&&a.createElement(l.IconWrap,{name:"star",icon:S,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||M&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.createElement("span",{id:e.id,style:e.style,ref:A,role:"slider",dir:i,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":i==="rtl","k-readonly":C,"k-disabled":N},e.className),onKeyDown:K,onFocus:W,onBlur:$,"aria-valuemin":h,"aria-valuemax":R,"aria-valuenow":v!==null?v:void 0,"aria-disabled":N?"true":void 0,"aria-readonly":C?"true":void 0,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{type:"hidden",id:"rating",readOnly:C,disabled:N}),a.createElement("span",{className:"k-rating-container"},G),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),U={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:m.number,min:m.number,max:m.number,step:(n,p,d)=>n.step!==void 0&&n.step<=0?new Error(`Invalid prop + ${p} supplied to ${d}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:0,max:5,step:1,item:U.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};w.displayName="KendoReactRating";w.propTypes=ee;exports.Rating=w;exports.RatingPropsContext=F;
+                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:0,max:5,step:1,item:J.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};_.displayName="KendoReactRating";_.propTypes=U;exports.Rating=_;exports.RatingPropsContext=z;